/* Global styles
--------------------------------------------------------------------------------------*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	margin:0;
	color:#e4e4e4;
	line-height: 14px;
	text-align: justify;
	background:#ffffff url(../../images/misc/body-bg.gif) repeat-x;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: verdana, helvetica;
	font-size: 20px; 
	color: #ffffff; 
	line-height: 22px; 
	text-align: left; 
	font-weight: bold; 
	margin-top:0;
	margin-bottom:10px;
	padding:0;
}

h2 { 
	font-family: verdana, helvetica; 
	font-size: 18px; 
	color: #ffffff; 
	line-height: 18px; 
	text-align: left; 
	font-weight: bold; 
	margin-top:0;
	margin-bottom:10px;
	padding:0;
}

h3 { 
	font-family: verdana, helvetica; 
	font-size: 14px; 
	color: #ffffff; 
	line-height: 16px; 
	text-align: left; 
	font-weight: bold; 
	margin-top:0px;
	margin-bottom:10px;
	padding:0;
	padding-top:10px;
}

p {
	margin-top:0;
	margin-bottom:10px;
}

a { 
	color:#ffffff; 
	text-decoration: none; 
	font-weight: normal; 
}

a:hover	{ 
	color:#cccccc; 
	text-decoration: underline; 
}

a img {
	border:none;
}


/* Layout Containers
------------------------------------------------------------------------------------*/
#firefoxWidthFix {
	position:absolute;
	top:0;
	height:100%;
	padding:0 0 1px;
}

#container {
	position:relative;
	width:724px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:22px;
	border:#cccccc solid 1px;
}

#banner {
	width:718px;
	height:135px;
	background:#000000;
	padding:3px;
}
	#banner a img.logo {
		float:right;
	}

#main {
	clear:both;
	width:718px;
	background:#000000;
	padding:3px;
}

#page-copy {
	width:410px;
	padding:5px 20px;
}
	body#sunglasses #page-copy {
		width:500px;
		padding:5px 20px;
	}
	body#laser-treatment #page-copy {
		width:400px;
		padding:5px 20px;
	}
	body#contact-us #page-copy {
		width:678px;
		padding:5px 20px;
	}

#company-logos {
	text-align:center;
	margin-top:150px;
}

ul#brands-list {
	list-style:none;
	margin: 0;
	padding: 0;
	margin-left:-10px;
}
	ul#brands-list li {
		margin: 0;
		padding: 0 0 10px 0;
		display:inline;
		}
		ul#brands-list li img {
			margin: 0;
			margin-right:1px;
			margin-bottom:5px;
			padding: 0;
			border:#999999 solid 2px;
		}
body#sunglasses ul#brands-list {
	margin-left:10px;
}

ul#contacts-list {
	list-style:none;
	margin: 0;
	padding: 0;
	float:right;
	padding-top:20px;
}
	ul#contacts-list li {
		margin: 0;
		padding: 0 0 10px 0;
		width:250px;
		text-align:center;
		}
		ul#contacts-list li img {
			margin: 0;
			margin-right:1px;
			margin-bottom:5px;
			padding: 0;
			border:#999999 solid 2px;
		}

ul#laser-list {
	list-style:none;
	margin: 0;
	padding: 0;
	float:right;
	padding-top:20px;
}
	ul#laser-list li {
		margin: 0;
		padding: 0 0 10px 0;
		width:250px;
		text-align:center;
		}
		ul#laser-list li img {
			margin: 0;
			margin-right:1px;
			margin-bottom:5px;
			padding: 0;
			border:#999999 solid 2px;
		}


/* Navigation Styles
------------------------------------------------------------------------------------*/
#nav-container {
	float:left;
	width:381px;
	background:#000000;
	padding:18px 0px 0px 0px;
}
	#nav-container ul#nav {
		list-style:none;
		margin: 0;
		padding: 0;
	}
	#nav-container ul#nav li {
		margin: 0;
		padding: 0;
		float:left;
		border-right:#ffffff solid 1px;
		border-bottom:#ffffff solid 1px;
	}
		#nav-container ul#nav li.nav-sunglasses, 
		#nav-container ul#nav li.nav-laser-treatment, 
		#nav-container ul#nav li.nav-contact-us {
			border-bottom:none;
		}
		#nav-container ul#nav li.nav-contact-lenses, 
		#nav-container ul#nav li.nav-contact-us {
			border-right:none;
		}
	#nav-container ul#nav li a {
		color: #ffffff;
		font-weight:normal;
		font-size:11px;
		text-decoration: none;
		margin: 0;
		display:block;
		width:116px;
		padding: 14px 0px;
		text-align:center;
		text-transform:capitalize;
		border:#000000 solid 5px;
	}
	#nav-container ul#nav li a:hover {
		background:#666666;
		border:#cccccc solid 5px;
	}
		
		
	

/* Footer Styles
------------------------------------------------------------------------------------*/
#footer, #footer a {
	color:#666666;
	text-decoration:none;
}

	#footer a:hover {
		text-decoration:underline;
	}

#footer {
	clear:both;
	width:760px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	font-size:11px;
}
	#footer #copyright {
		float:left;
		margin:0;
		padding:0;
	}
	
	#footer #adtrak-design {
		float:right;
		margin:0;
		padding:0;
	}
	
	#footer ul#validators {
		clear:right;
		float:right;
		margin:0.45em 0;
		padding:0;
	}
	
		#footer ul#validators li {
			display: inline;
			margin: 0;
			padding: 0;
		}
	
	#footer ul#footer-nav {
		clear:left;
		float:left;
		list-style: none;
		margin:0;
		padding: 0;
		border: none;
	}
	
		#footer ul#footer-nav li {
			display: inline;
			margin: 0;
			padding: 0;
			width: auto;
		}
		
		#footer ul#footer-nav li a {
			margin: 0 0.83em 0.17em 0;
		}
		

/* Class Styles
------------------------------------------------------------------------------------*/
.skip {
	display:none;
}

.clearfix {
	clear:both;
}

.img-right {
	clear:right;
	float:right;
	margin-left:10px;
}

.copyright {
	clear:both;
	text-align:center;
	padding:10px 0 0;
}

.center {
	text-align:center;
}

/*SEO
-----------------------------------------------------------------------------------*/

#bottom-keywords{
	font-size: 9px;
	color:#CCCCCC;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 300px;
	padding-top:10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}