/*

Framework:		Main, Version 1
website:		www.huntervision.com
version:		19 May 2010

Sections:		@Top Level HTML Elements -		*, html, body, p, p + p, a:link, a:visited, a:hover, a:active,
												a img, hr, blockquote, code, strong, em
				@Headings -						h1, h2, h3, h4, h5, h6
				@Header - 						header styles
				@Footer	-						footer styles
				@Navigation -				
				@Forms -					
				@Content Area -				


*/



/* ============================================================================== @Top Level HTML Elements */

* { margin: 0; padding: 0; }

html { }

body 
{
	background-image: url(/_img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #25201e;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #9e928e;
	line-height: 16px;
	
}

#bg2
{
	background-image: url(/_img/bg3.jpg);
}

a,
a:link,
a:visited,
a:active 
{
	color: #995e1f;
	text-decoration: none;
}

a:hover 
{ 
	color: #c27727;
}

.underline
{
	border-bottom: 1px solid #433e39;
}

.lined-divider
{
	background-image: url(/_img/lined-divider.png);
	width: 620px;
	height: 4px;
	margin: 40px 0 40px 0;
}

a img, img 
{ 
	border: 0px; 
}
		
p 
{ 
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 15px;
}
	.small
	{
		font-size: 11px;
	}
	
	.dark
	{
		color: #867974;
	}
	
	.orange
	{
		color: #995e1f;
	}
	
	.info
	{
		font-size: 11px;
		color: #726965;
		margin-bottom: 10px;
		font-weight: normal;
	}
	
	.comment p
	{
		font-size: 12px;
	}
	
	.bor-btm
	{
		border-bottom: 1px solid #867974 ;
	}

li
{
	list-style-type: none;
}

/* ============================================================================== @Headings */


@font-face {
font-family: "Agora Thin";
src: url("/_fonts/agora_thin.ttf")
}

h1 {
	font-family: "Agora Thin", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase; 
	border-bottom: 1px solid #201d1b;
	padding-bottom: 5px;
	margin-bottom: 20px;
	}
.story h1 {
	text-transform: none; 
	margin-bottom: 0px;
	border:none;
}
.story p{
	margin-bottom: 0px;	
}
.blog h1{
	margin-bottom: 0px;
}
.blog h2{
	margin-top: 5px;
}
h2 
{ 
	color: #995e1f;
	font-size: 13px;
	text-transform: uppercase;
}

h3 
{ 
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid #201d1b;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;	
} 

h4 
{ 
	font-size: 14px;
	color: #995e1f;	
} 

h5 { }
h6 { }



/* ============================================================================== @Header */

#logo
{
	background-image: url(/_img/logo.png);
	width: 146px;
	height: 203px;
	z-index: 2 ;
	position: absolute;
	margin-left: 40px;
	margin-right: 40px;
	z-index: 999999;
}

#header
{
	background-image: url(/_img/header-bar.png);
	width: 980px;
	height: 147px;
}


#header-right
{
	float: right;
	margin-top: 55px;
	margin-right: 20px;
}

/* ============================================================================== @Footer */

#footer 
{
	background-image: url(/_img/footer-bar.png);
	background-repeat: repeat-x;	
	height: 100px;
	padding: 20px 10px 0 10px;
}

#address
{
	border-bottom: 1px solid #282828;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

#phone
{
	margin-bottom: 0px;
}

#footer-links
{
	float: right;
	padding-right: 10px;
	margin-top: 20px;
}

	#footer-links p
	{
		float: right;
		color: #534b48;
	}
	
	#footer-links li
	{
		font-size: 11px;
		float: left;
		color: #534b48;
	}
/* ============================================================================== @Navigation */

#navigation
{
	position: absolute;
	margin: 107px 0 0 225px;
	display: block;
}

#nav {
width: 530px;
height: 12px;
background: url(/_img/nav_main.png);
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 12px;
background: url(/_img/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_about a {
left: 0;
width: 106px;
background-position: 0 0;
}

li#nav_vision a {
left: 132px;
width: 167px;
background-position: -132px 0;
}

li#nav_services a {
left: 324px;
width: 137px;
background-position: -324px 0;
}

li#nav_blog a {
left: 488px;
width: 43px;
background-position: -488px 0;
}

/*hover state*/
li#nav_about a:hover {
background-position: 0 -12px;
}

li#nav_vision a:hover {
background-position: -132px -12px;
}

li#nav_services a:hover {
background-position: -324px -12px;
}

li#nav_blog a:hover {
background-position: -488px -12px;
}


/*current state*/
.about li#nav_about a {
background-position: 0 -12px;
}

.vision_correction li#nav_vision a {
background-position: -132px -12px;
}

.other_services li#nav_services a {
background-position: -324px -12px;
}

.blog li#nav_blog a {
background-position: -489px -12px;
}

.news li#nav_blog a {
background-position: -488px -12px;
}

#nav-secondary
{
	background-image: url(/_img/nav-bar2.png);
	width: 760px;
	height: 22px;
	padding: 20px 0 0 227px;
	margin: 0 auto;
	margin-top: -16px;
}

#navigation-secondary
{
	position: absolute;
	display: block;
}



/******* About Nav ********/

#about-arrow
{
	margin-top: -14px;
	margin-left: 55px;
	position: absolute;
}

#about-nav {
width: 302px;
height: 8px;
margin: 0;
padding: 0;
}

#about-nav li {
float: left;
}

#about-nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 8px;
background: url(/_img/nav-about.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_joel a {
left: 0;
width: 76px;
background-position: 0 0;
}

li#nav_tech a {
left: 101px;
width: 109px;
background-position: -101px 0;
}

li#nav_story a {
left: 235px;
width: 67px;
background-position: -235px 0;
}


/*hover state*/
li#nav_joel a:hover {
background-position: 0 -8px;
}

li#nav_tech a:hover {
background-position: -101px -8px;
}

li#nav_story a:hover {
background-position: -235px -8px;
}

/*current state*/
.our_doctor li#nav_joel a {
background-position: 0 -8px;
}

.technology li#nav_tech a {
background-position: -101px -8px;
}

.our_story li#nav_story a {
background-position: -235px -8px;
}



/******* Vision Correction Nav ********/

#vc-arrow
{
	margin-top: -14px;
	margin-left: 215px;
	position: absolute;
}

#vc-nav {
width: 515px;
height: 8px;
margin: 0;
padding: 0;
}

#vc-nav li {
float: left;
}

#vc-nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 8px;
background: url(/_img/nav-vc.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_sbk a {
left: 0;
width: 22px;
background-position: 0 0;
}

li#nav_natural a {
left: 35px;
width: 193px;
background-position: -35px 0;
}

li#nav_glasses a {
left: 240px;
width: 160px;
background-position: -240px 0;
}

li#nav_revital a {
left: 417px;
width: 98px;
background-position: -417px 0;
}


/*hover state*/
li#nav_sbk a:hover {
background-position: 0 -8px;
}

li#nav_natural a:hover {
background-position: -35px -8px;
}

li#nav_glasses a:hover {
background-position: -240px -8px;
}

li#nav_revital a:hover {
background-position: -417px -8px;
}

/*current state*/
.sbk li#nav_sbk a {
background-position: 0 -8px;
}

.natural_lens_exchange li#nav_natural a {
background-position: -35px -8px;
}

.losing_reading_glasses li#nav_glasses a {
background-position: -240px -8px;
}

.revital_vision li#nav_revital a {
background-position: -417px -8px;
}



/******* Other Services Nav ********/

#os-arrow
{
	margin-top: -14px;
	margin-left: 390px;
	position: absolute;
}

#os-nav {
width: 412px;
height: 8px;
margin: 0;
padding: 0;
}

#os-nav li {
float: left;
}

#os-nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 8px;
background: url(/_img/nav-os.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/




li#nav_opt a {
left: 0px;
width: 157px;
background-position: 00px 0;
}

li#nav_sports a {
left: 182px;
width: 92px;
background-position: -182px 0;
}

li#nav_latisse a {
left: 300px;
width: 49px;
background-position: -300px 0;
}

li#nav_botox a {
left: 430px;
width: 39px;
background-position: -430px 0;
}

/*hover state*/

li#nav_opt a:hover {
background-position: 0px -8px;
}

li#nav_sports a:hover {
background-position: -182px -8px;
}

li#nav_latisse a:hover {
background-position: -300px -8px;
}

li#nav_botox a:hover {
background-position: -430px -8px;
}



/*current state*/
.comprehensive_ophthalmology li#nav_opt a {
background-position: -0px -8px;
}

.sports_vision li#nav_sports a {
background-position: -182px -8px;
}

.latisse li#nav_latisse a {
background-position: -300px -8px;
}

.botox li#nav_botox a {
background-position: -430px -8px;
}





/* ============================================================================== @Forms */


/* ============================================================================== @Margins & Padding */

.marg-btm-10{ margin-bottom: 10px; }
.marg-btm-20{ margin-bottom: 20px; }
.marg-btm-40{ margin-bottom: 40px; }
.ticker{
	margin: 30px 20px 10px;
}
.marg-btm-60{ margin-bottom: 60px; }
.marg-btm-80{ margin-bottom: 80px; }

.marg-l-10 { margin-left: 10px }
.marg-l-20 { margin-left: 20px }
.marg-l-40 { margin-left: 40px }

.marg-r-10 { margin-right: 10px }
.marg-r-20 { margin-right: 20px }
.marg-r-40 { margin-right: 40px }

.pad-top-80{ padding-top: 80px; }

/* ============================================================================== @Content Area */

.clear
{
	clear: bot;
}

#large
{
	cursor: pointer;
}

#eye
{
	float: right;
}

#appointment
{
	float: right;
}

#container
{
	margin: 0 auto;
	background-image: url(/_img/container-bg.png);
	background-repeat: repeat-y;
	
}

#text-adjust
{
	border-right: 1px solid #373230;
	padding-right: 10px;
	margin:0 10px 17px 0;
	float: right;
}

	#text-adjust p
	{
		float: left;
		font-size: 11px;
		color: #665e5a;
		margin: 0px;
		margin-top: 2px;
		margin-right: 10px;
	}
	
	
#about-doctor
{
	background-image: url(/_img/doc-img.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 80px;
	padding-top: 250px;
}

#about-tech
{
	background-image: url(/_img/tech-img.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 80px;
	padding-top: 250px;
}

#about-story
{
	background-image: url(/_img/story-img.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 80px;
	padding-top: 250px;
}

.about-darkbox
{
	background: url(/_img/about-darkbox.png);
	width: 280px;
	height: 55px;
	padding: 25px 0 0 20px;
}

	.about-darkbox p
	{
		color: #fff;
		float: left;
		margin-right: 20px;
		font-weight: bold;
		font-size: 11px;
		width: 145px;
	}
	
	#tech-box 
	{
		padding-top: 10px;
		height: 70px;
	}
	
		#tech-box img
		{
			margin-top: 14px;
		}
		
	#story-box 
	{
		padding-top: 17px;
		height: 63px;
	}
	
		#story-box img
		{
			margin-top: 10px;
		}		

	
#tech-divider
{
	background-image: url(/_img/tech-divider.png);
	width: 16px;
	height: 326px;
	float: left;
}
	
#tech-pics img
{
	margin: 0 0 20px 20px;
	float: left;
}	

.blog-img
{
	float: left;
	max-width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
	
}


.blog-module
{
	margin-bottom: 40px;
}

.blog-module li
{
	margin-bottom: 8px;
	font-weight: bold;
}


.divider-mid
{
	width: 270px;
	background-image: url(/_img/divider-top.png);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	padding-left: 30px;
}

.divider-btm
{
	width: 16px;
	height: 319px;
	background-image: url(/_img/divider-btm.png);
}

.comment
{
	border-bottom: 1px solid #201d1b;
	margin-bottom: 20px;
}

.comment-form input
{
	background-image: url(/_img/input.jpg);
	width: 300px;
	height: 28px;
}

.comment-form textarea
{
	background-image: url(/_img/textarea.jpg);
	width: 619px;
	height: 128px;
}

/* ============================================================================== @Slider */

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-20px;
}

.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(/_img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}


/* ============================================================================== @Eye Hover */



/* tooltip styling */
.tooltip {
	display:none;
	background:url(/_img/eye-popup.png);
	height: 53px;
	padding: 52px 0 0 14px;
	width: 147px;
	font-size:11px;
	color:#fff;
	z-index: 999;
	margin: 12px 0 0 -26px;
}


.tooltip img
{
	margin-left: 8px;
}