/*
Template Design by Icon


*/

/** Common Styles */

body {
	margin:0px auto;
	padding: 0;	
	line-height: 20px;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 11px;
	background-color: #0e0e0e;
}
.wrapper {width: 1000px;
	margin: 0px auto;
	padding:0px 0 30px 0;}
#home {
	
	 background: url(images/background.jpg) no-repeat 0px 200px ;
	
}
/** Style for header starts here */

#header {
	width: 1000px;
	
	margin: 10px auto 5px auto;
	
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#header .head-button { 
	background:url(images/buttons.jpg);
	display:block;
	width:178px;
	height:30px;
	position:absolute;
	left: 868px;
	top: 79px;
} 

.banner { width:1000px; margin:0px auto;  }

/** Style for menu starts here */

#newsletter { height:24px; padding:8px 25px; background:url(images/newsletter.jpg) no-repeat; border-bottom: solid 1px #6c6c6c;
width:960px; margin:0px auto;}
#newsletter h3 { color:#91bee3; text-transform:uppercase; font-weight:200; line-height:30px;
float:left; font-size:15px; margin:0px 50px 0 0; text-align:left; }
#newsletter p { color:#FFF; font-size:11px; line-height:30px; }
#newsletter form { width:280px; float:right; text-align:right}
 
#newsletter input {vertical-align: middle; color:#666; border:solid 1px #333; padding:2px; }



#menu {
	width: 1000px;
	height: 45px;
	margin: 10px auto 0 auto;
	position:relative;
	background:url(images/top-nav.jpg) no-repeat;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 10px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu ul a {
	display: block;
	float: left;
	border: none;
	padding: 14px 20px 10px ;
	text-decoration: none;
	color: #e2e2e2; font-size:12px; text-transform:uppercase;
}

#menu a:hover {
	color: #666;
}





/** Style for content starts here */

#content {
	width: 1000px;
	margin: 0px auto;
	overflow:auto;
}



#content a, #content a:visited { color:#559bcf; font-size:12px;}
#content a:hover  { color:#165584; }

.iw { font-size:12px;}

/**HOMEPAGE styles */


.promo { background:url(images/promo-header.jpg) no-repeat top; text-align:center; margin-top:10px; }
TABLE.promo { text-align:center; }

.promo h3 { font-size:14px; text-transform:uppercase; color:#cccccc; font-weight:normal;
	margin:15px 0 10px 0;}
.promo p { color:#cccccc; font-size:11px; margin:10px ; text-align:left; line-height:18px;}

.promo img { margin-top:5px;}

a.appoinment { background:url(images/buttons.jpg) ;display:block;  width:178px; height:30px;}
a.lenses { background:url(images/buttons.jpg) 0 -87px ;display:block;  width:140px; height:29px;}
a.frame { background:url(images/buttons.jpg) 0 -30px ;display:block;  width:153px; height:29px;}
a.pediatrics { background:url(images/buttons.jpg) 0 -58px ; display:block;  width:134px; height:29px;}

.promo span { display:none}



/**end HOMEPAGE */




#left {
	float: left;
	width: 203px;
	margin: 25px 0px 25px 25px;
	padding:10px;	
	background:		#1b1b1b; border:	1px solid #545454;
	
	
}

#left h3 { text-align:center; text-transform:uppercase; margin-bottom:20px;
}
#left h3 a {text-decoration:none; color:#91BEE3; font-weight:normal; font-size:12px;  }


#left ul { font-size: 12px; text-transform:uppercase; }
#left ul li {line-height:26px; list-style:none; display:block;border-bottom:solid 1px #999;
padding:2px 0;}
#left ul ul li  {border-bottom:solid 1px #696969; }
#left ul ul li.last  {border-bottom:none; }
#left ul ul { margin-left:15px; }
#left ul a, #left ul a:visited {color:	#c5c5c5; text-decoration:none;
 padding:3px;
margin:2px; width: inherit;}

#left ul ul a {color:	#999; padding-left:20px; }

 #left ul ul li { }



/*------------------------*/

#right {
	float: right;
	width: 678px;
	margin: 25px 25px 25px 25px ;
	padding:10px;
	background:#cce9fd;
	border:	1px solid #FFF;
	
}

#right h1 { color:#1B1B1B; font-size:22px; font-weight:300; margin:15px 0 25px 0;}
#right h2 { color:#2979b5; font-size:18px; font-weight:300; margin:20px 0 10px 0;}

#right p, #right ul, #right ol { color:#000; margin:10px 0; font-size:12px; line-height:22px;}

#right .photo { border:solid 4px #1B1B1B;}

#right ul { margin-left:20px; list-style:disc; }


.apt-form {margin:20px;}
.apt-form label {width:200px; float:left; display:block; clear:right;color:#1B1B1B; margin:5px 0; font-size:12px;  }
.apt-form input {  margin:5px 0}

.contact-form {margin:20px;}
.contact-form label {width:150px; float:left; display:block; clear:right; color:#1B1B1B; margin:5px 2px; font-size:12px; }
.contact-form input {  margin:5px 0}

form.survey label {  display:block; color:#1B1B1B; margin:10px 0 5px 5px; font-size:14px; }
form.survey input {  margin:5px; color:#666   }
form.survey p { font-size:12px;}
form.survey p .input { display:inline } 

.adobe { background: url(images/logo-adobe.jpg) no-repeat left; padding: 15px 0 15px 50px;
display:block;}
.adobe a { color:#000;}

.flash { border: solid 1px #666; margin:10px 80px;}

#right .float-left { float:left; margin:0px 10px 10px 0; padding-right:10px;}

#right a.big-a { margin:15px auto; width:500px; padding:7px 30px; border: solid 1px #666; background:#6ea1d6; color:#FFF; text-transform:uppercase;
 text-decoration:none;	  }

TABLE.data { }
 TABLE.data th { background:#fafafa; font-size:14px; font-weight:normal; padding:5px 0; }
 TABLE.data p { line-height:12px; padding:0px; margin:5px 0}

/** Style for footer starts here */

#bottom { background: #1b1b1b url(images/bottom.jpg) repeat-x top; padding-bottom:30px; }




#footer {
	clear: both;
	width: 1000px;
	margin: 0px auto 30px auto;
	padding-top:20px;
	position:relative
	}
	
#footer .facebook {
	position:absolute;
	top:148px;
	left:374px;
	width: 100px;
}

#footer .facebook img { float:left}

#footer .left {float: left;
	width: 450px;
	padding: 10px 25px;
	 }


#footer .right {
	float: right;
	width: 450px;
	padding: 10px 25px;
}
#footer .left .float-left { float:left; margin:0px 10px 10px 0;}
#footer .left p { color:#e5e5e5; font-size:11px; line-height:14px; margin:0px 0 10px 0; }

#footer h2 { color:#91bee3; text-transform:uppercase; font-weight:normal; font-size:12px;
margin:5px 0;
 }

#footer .right p { color:#e5e5e5; font-size:11px; line-height:14px; margin:5px 0; }

#footer .right .directions { background:url(images/arrow.jpg) no-repeat right top; padding-right:15px;
width:80px; float:left; margin:10px 40px 0px 15px; }
#footer .right .directions a { text-decoration:none; color:#e1e1e1; text-transform:uppercase; font-size:12px;}

.directions p {	padding: 0 ;
	text-decoration: none;
	color: #000; font-size:14px; 
}

#footer a {	
	text-decoration: none; color:#FFF

}

.footer-nav { clear:both; margin:25px auto; display:block; height:44px;
		background:url(images/footer-bkgd.jpg) no-repeat;
		padding: 2px 10px;}

.footer-nav ul {
	margin: 4px auto;
	padding: 0 0 0 120px;
	list-style: none; text-align:center
}

.footer-nav li {
	display: inline;
}

.footer-nav a {
	display: block;
	float: left;
	border: none;
	padding: 14px 15px 10px ;
	text-decoration: none;
	color: #ccc; font-size:11px; 
}



.footer-nav a:hover {
	color: #666;
}

#footer p.copyright { text-align:center; width:300px; margin:10px auto; 
 font-size:10px; color:#CCC; font-style:italic;}

#footer p.small { font-size:11px; text-align:center; margin:0px;}
#footer p.small a { color:#91BEE3;}


.clear { clear:both;}