/* CSS Document for skindrome's site 2008 */
body{
	background-image:url(../img/bg_main.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#000000;
	text-align:center;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	}
.logo{
position:relative;
margin-top:-20px;
margin-left:708px;
width:234px;
height:96px;
background-image:url(../img/logo.png);
background-repeat:no-repeat;
text-align:left;
}

a{
font-size: 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color: #6C6C6C;
text-decoration:none;
font-weight : normal;
list-style-image: url(img/arrowhite.gif);
}
a:hover{
font-size: 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #818181;
font-weight : normal;
list-style-image: url(img/arrowhite.gif);
}


#page {
	width: 900px;
	margin: 0px auto 0 auto;
	padding: 0 0 0px 0;
	position: relative;
	text-align: left;
	}
	
#top{
background-image:url(../img/bg_top.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:right;
font-size: 11px;
color: #FFFFFF;
width:100%;
height:57px;
margin:0px;
}

#mainnav { 
	width: 789px; height: 88px; 
	margin-top:27px;
	margin-left:10px;
	padding: 0px; 
	position: relative;
	background: url(../img/menu.png) no-repeat; 
	}

#mainnav li {
	margin: 0; padding: 0;
	list-style: none; 
	float: left;
	}

#mainnav li, #mainnav a {
	height: 88px; 
	display: block; 
	text-decoration: none; 
	font-size: 1px; 
	text-indent: -3000px;
	outline: none;
	}


#home { left: 0; width: 145px; }
#intro { left: 145px; width: 127px; }
#service { left: 272px; width: 127px; }
#reference { left: 399px; width: 127px; }
#associate { left: 526px; width: 127px; }
#download { left: 653px; width: 136px; }

#home a:hover { background: transparent url("../img/menu.png") 0 -88px no-repeat; }
#intro a:hover { background: transparent url("../img/menu.png") -145px -88px no-repeat; }
#service a:hover { background: transparent url("../img/menu.png") -272px -88px no-repeat; }
#reference  a:hover { background: transparent url("../img/menu.png") -399px -88px no-repeat; }
#associate a:hover { background: transparent url("../img/menu.png") -526px -88px no-repeat; }
#download a:hover { background: transparent url("../img/menu.png") -653px -88px no-repeat; }

#home a.active, #home a.active:hover { background: transparent url("../img/menu.png") 0 -88px no-repeat; }
#intro a.active, #intro a.active:hover { background: transparent url("../img/menu.png") -145px -88px no-repeat; }
#service a.active, #service a.active:hover { background: transparent url("../img/menu.png") -272px -88px no-repeat; }
#reference  a.active, #reference a.active:hover { background: transparent url("../img/menu.png") -399px -88px no-repeat; }
#associate a.active, #associate a.active:hover { background: transparent url("../img/menu.png") -526px -88px no-repeat; }
#download a.active, #download a.active:hover { background: transparent url("../img/menu.png") -653px -88px no-repeat; }


.container{
width:947px;
height: 310px;
border: none;
margin:0px;
padding:0px;
}