/* CSS Document */
body { 
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
	color:#121d23;
}

img {
	margin: 15px 0 15px 0;	
}

#wrapper {
	width:780px;
	margin: 0 auto;
	background:url(../images/bg.jpg) no-repeat;
	padding: 0 90px 0 90px;
	position:relative;
}

#header {
	position:relative;
	height:85px;	
}

#logo {
	display:block;
	width:170px;
	height:51px;
	background:url(../images/adaptive-eyewear-logo.jpg);
	position:absolute;
	top:18px;
	left:0;	
	text-indent:-999999px;
	overflow:hidden;
}

/** NAV **/
#nav {
	position:relative;
	width:820px;
	height:25px;
	background:url(../images/nav.png) no-repeat;
	top:0px;
	left:-21px;
	overflow:hidden;
}
#nav a {
	display:block;
	float:right;
	text-indent:-99999px;
	overflow:hidden;
	background-image:url(../images/nav-sprite.png);
}
#nav0 { width:128px; height:25px; background-position:0 0; }
#nav0:hover, #nav0.active { background-position:0 -25px; }
#nav1 { width:128px; height:25px; background-position:-128px 0; }
#nav1:hover, #nav1.active { background-position:-128px -25px; }
#nav2 { width:128px; height:25px; background-position:-256px 0; }
#nav2:hover, #nav2.active { background-position:-256px -25px; }
#nav3 { width:128px; height:25px; background-position:-384px 0; }
#nav3:hover, #nav3.active { background-position:-384px -25px; }
#nav4 { width:138px; height:25px;  background-position:-512px 0; }
#nav4:hover, #nav4.active { background-position:-512px -25px; }


/*** CONTENT ***/
h2 {
	font-size:20px;
	line-height:28px;
	font-weight:normal;	
}
h3 {
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	margin-bottom:-10px;
}

a{
	color:#175a8b;
	text-decoration:underline;
}
a:hover{
	color:#f26632;
}

#hero_wrapper {
	display:block;
	width:857px;
	height:429px;
	background: url(../images/hero/hero_bg.png) no-repeat;
	position:absolute;
	top:109px;
	left:50px;
	z-index:900;
	border:solid 0px red;
	overflow:hidden;
}

#hero {
	display:block;
	width:820px;
	height:400px;
	overflow:hidden;
	position:relative;
	top:0;
	left:-21px;
	z-index:500;
	border:solid 0px green;
}	

#hero img { margin:0; border:0; }

#content {
	width:685px;
	margin: 0 auto;	
	position:relative;
}

#content ul li{
	font-size:15px;
	line-height:18px;
	margin: 0 0 8px 0;
}

#content p {
	font-size:15px;
	line-height:22px;
	text-align:left;
}

#content p.text_centre {
	text-align:centre !important;	
}

.rule { display:block; width:576px; height:15px; background:url(../images/hr.jpg) no-repeat; margin:0 auto; text-align:center; margin-top:40px; margin-bottom:40px; }

/*** HOMEPAGE ***/
#homepage h2 {
	text-align:left;
}
#homepage #content p {
	font-size:16px;
	text-align:left;
}

/*** FOOTER ***/
#footer {
	width:100%;
	height:76px;
	background:url(../images/footer-bg.jpg) repeat-x;
	position:relative;
	bottom:0;
}

#footer-copy {
	display:block;
	width:660px;
	margin: 0 auto;
	background:url(../images/footer-copy-bg.jpg) no-repeat;
	padding: 42px 0 0 0;
	position:relative;
	top:0;
}

#footer-copy p {
	text-align:center;
	color:#fff;	
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
#footer-copy a {
	color:#f26632;	
	text-decoration:none;
}
#footer-copy a:hover {
	text-decoration:underline;
}

/*** TABS ***/
#tabs {
	display:block;
	width:600px;
	height:34px;
	border-bottom: solid 1px #e5e5e5;
	position:relative;
	left:-42px;
	margin:45px 0 30px 0;
}

#tabs a {
	display:block;
	width:237px;
	height:34px;
	line-height:34px;
	background:url(../images/tab-sprite.png) 0 -34px no-repeat;
	text-align:center;
	color:#9da7af;
	text-decoration:none;
	position:absolute;
	bottom:-1px;
}
#tabs a.current,#tabs a:hover {
	background:url(../images/tab-sprite.png) 0 0 no-repeat;
	color:#175a8b;	
}
#tabs a#tab1 { left:0; z-index:100; }
#tabs a#tab2 { left:160px; z-index:90; }
#tabs a#tab3 { left:320px; z-index:80; }
#tabs a#tab4 { left:480px; z-index:70; }
#tabs a#tab5 { left:640px; z-index:60; }
#tabs a#tab6 { left:800px; z-index:50; }

#tabs_content #tab1_content {
	display:block;	
}
#tabs_content { _height:350px; min-height:350px; }
#tabs_content div {
	display:none;	
}