@charset "utf-8";
/*==============================================reset==============================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*========================================== actual sytling==================================*/

body{
	background:#FFF;	
	font: 12px Georgia, Arial, 'Helvetica', sans-serif;
}

#bodyW{
	width:980px;
	height:750px;
	margin:0 auto;
	background-color:#FFF;
}

#header{
	width:979px;
	height:80px;
	background: url(../images/header/header_Bg.jpg) no-repeat;
}

#content{
	width:979px;
	height:555px;
	background:#FFF;
}

#footer{
	background:url(../images/footer/footer_BG.jpg) repeat-x;z
	
}
.snLnk{
	display:block;
	width:19%;
	float:left;
	text-align:center;
}
#footer span{
	width:33%;
	height:35px;
	padding:25px 0;
	float:left;
}

#cpyrt{
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
#cpyrt a{
	color:#F00;
	text-decoration:none
}
#cpyrt a:hover{
	text-decoration: underline;	
}
#cpyrt a:visited{
	color:#000	;
}
/*================================================== main Menu ======================================================*/
#nav{
	position:relative;
	width:291px;
	height:55px;
	top:13px;
	left:480px;
}
#homeBtn,#homeOff,#illBtn,#illOff,#designBtn,#designOff,#webBtn,#webOff,#fashionBtn,#fashionOff,#gigBtn,#gigOff,#blogBtn,#blogOff{
	display:block;
	position:absolute;
	font-size:0;
}
#homeBtn,#homeOff{
	width:67px;
	height:32px;
	background:url(../images/header/menu/home.png) no-repeat;
}
#homeBtn:hover,#homeOff{
	background:url(../images/header/menu/aboutOver.png) no-repeat;	
}
#illBtn,#illOff{
	margin-left:67px;
	width:134px;
	height:29px;
	background:url(../images/header/menu/illustration.png) no-repeat;
}
#illBtn:hover,#illOff{
	background:url(../images/header/menu/illustrationOver.png) no-repeat;
}
#designBtn,#designOff{
	margin-left:201px;
	width:80px;
	height:26px;
	background:url(../images/header/menu/design.jpg) no-repeat;	
}
#designBtn:hover,#designOff{
	background:url(../images/header/menu/designOver.jpg) no-repeat;
}
#webBtn,#webOff{
	margin:32px 0;
	width:67px;
	height:23px;
	background:url(../images/header/menu/web.png) no-repeat;
}
#webBtn:hover,#webOff{
		background:url(../images/header/menu/webOver.png) no-repeat;
}
#fashionBtn,#fashionOff{
	margin:29px 0 0 67px;
	width:86px;
	height:26px;
	background:url(../images/header/menu/fashion.png) no-repeat;	
}
#fashionBtn:hover,#fashionOff{
	background:url(../images/header/menu/fashionOver.png) no-repeat;
}
#gigBtn,#gigOff{
	margin:29px 0 0 153px;
	width:50px;
	height:26px;
	background:url(../images/header/menu/gig.jpg) no-repeat;	
}
#gigBtn:hover,#gigOff{
	background:url(../images/header/menu/gigOver.jpg) no-repeat;
}
#blogBtn,#blogOff{
	margin:26px 0 0 203px;
	width:78px;
	height:29px;
	background:url(../images/header/menu/blog.jpg) no-repeat;	
}
#blogBtn:hover,#blogOff{
	background:url(../images/header/menu/blogOver.jpg) no-repeat;	
}

#flashcontent {
		height: 100%;
	}