html { overflow: -moz-scrollbars-vertical; }
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(/images/bg.gif) repeat top left; font-family: "Century Gothic", Century Gothic, Verdana, Sans-Serif; }
a img { border: 0; }

.clearfix { clear: both; float: none ! important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.breaker { clear: both; }

#top { width: 770px; color: #fff; margin: 20px auto 5px auto; text-align: right; font-size: 12px; }
    #top .address {}
    #top .phone { font-weight: bold; font-size: 14px; }

#wrapper { width: 770px; margin: 0px auto 5px auto; border: 2px solid #041d2f; background: #fff; }
#header { background: #fff url(/images/motto.gif) no-repeat right top; width: 770px; padding: 135px 0px 0px 0px; }
    #logo { border: 0; margin: 0px 0px 0px 15px; outline: 0; display: block; padding: 10px 0px 0px 0px; }
    #header p.intro { margin: 0; padding: 5px 0px 10px 16px; font-size: 12px; } 
    #header p.location { margin: 100px 0px 0px 400px; padding: 0; position: absolute; font-size: 12px; line-height: 16px; white-space: nowrap; display: none; }
		#header p.location a.map { font-size: 11px;  color: #54c2eb; padding: 0px 0px 0px 1px; text-decoration: none; }
		#header p.location a.map:hover { text-decoration: underline; }
		#header p.location span.phone { font-weight: bold; padding-top: 4px; font-size: 14px; }
		
#menu { border-top: 2px solid #c8f5fa; border-bottom: 2px solid #52b3db; background: #0980b2; text-align: center; font-size: 14px; padding: 3px 0px; }
    #menu ul { list-style-type: none; margin: 0; padding: 0; }
    #menu ul li { display: inline; list-style-type: none; margin: 0; padding: 0px 25px 0px 11px; background: url(/images/menu_sep.gif) no-repeat right 6px;  }
    #menu ul li a { text-decoration: none; color: #fff; outline: none; }
    #menu ul li a:hover { text-decoration: underline; }
    #menu ul li.sel a { font-weight: bold; text-decoration: none; }
    #menu ul li.last { background: none; }

#col1 { padding: 10px 0px 0px 10px; float: left; padding: 16px 0px 0px 16px; }
#col2 { float: right; width: 285px; margin: 16px 16px 0px 0px; }
		
#footer { width: 770px; margin: 10px auto 10px auto; color: #fff; font-size: 10px; }

#content { width: 100%; }
#content h1 { font-size: 18px; margin: 10px 0px 7px 0px; padding: 0px 10px 10px 10px; font-weight: normal; background: url(/images/heading_bg.gif) no-repeat bottom left; color: #072a3a; }
	#content h2 { font-size: 16px; margin: 10px 0px 10px 0px; padding: 0px 10px 6px 12px; font-weight: normal; background: url(/images/subhead_bg.gif) no-repeat bottom left; color: #072a3a; }
	#content p { font-size: 13px; margin: 5px 12px 20px 12px; padding: 0; }
	#content ul { font-size: 13px; }
	#content ul li { font-size: 13px; margin-bottom: 4px; padding-right: 10px; }
	
	.gallery { text-align: center; }
		.gallery a { padding: 0px 5px;  }
		.gallery a img { border: 3px solid #ddd; }
		
    a.imgRight { padding: 0px 5px; float: right; margin: 0px 10px 0px 0px; }
    a.imgRight img { border: 3px solid #ddd; }
		
#content .module { font-size: 12px; background: #e3fafc; border: 1px solid #c8dae1; margin: 10px 0px 26px 0px; padding: 10px 10px 10px 10px; } 
    #content .module h3 { font-size: 16px; margin: -27px 0px 5px 0px; padding: 0px; position: relative; color: #163d5a; }
    #content .module p { font-size: 12px; margin: 5px 0px 0px 0px; padding: 0; }
    #content .module p img { border: 1px solid #666; }
    #content .module p img.right { float: right; margin: 0px 0px 10px 10px; }
    #content .module p img.full { margin: 5px 0px 5px 0px; }
    #content .module p a { color: #006dbe; }
    
#content .module2 { font-size: 12px; border-top: 1px solid #c8dae1; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 10px; } 
    #content .module2 h3 { font-size: 16px; margin: -27px 0px 5px 0px; padding: 0px; position: relative; color: #163d5a; font-weight: normal; }
    #content .module2 p { font-size: 12px; margin: 0; padding: 0; }
    #content .module2 p a { color: #006dbe; }
    
#location { height: 220px; background: url(/images/location.jpg) no-repeat left 15px; float: left; width: 215px; }
    #location strong { font-size: 14px; }
    #location a.directions { text-decoration: none; font-size: 10px; }
    #location a.directions:hover { text-decoration: underline; }

#hours { float: left; width: 185px; margin-left: 16px ! important; }    
    #content #hours .module2 { padding: 10px 0px 0px 0px; }

table.hours { margin: 0px 0px 0px 0px; }
    table.hours td.name, table.hours td.value { border-bottom: 1px solid #ddd; padding: 3px 3px 3px 0px; }
    table.hours tr.last td { border: 0; }

.prodCol { width: 375px; float: left; }
    .prodCol p { text-align: center; }
    .prodCol p.last { }
#prodCol1 { }
#prodCol2 { margin: 0px 0px 0px 10px; }
    #prodCol2 h2 { margin-right: 5px; }
    #prodCol2 .lens { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin: 10px 8px 5px 12px; }
    #prodCol2 .last { border-bottom: 0; }
    #prodCol2 .lens span { font-size: 12px; display: block; padding: 0px 0px 4px 0px; }

#map { float: right; margin: 14px 14px 0px 10px; border: 1px solid #c8dae1; }
#contactHours { margin: 0px 0px 15px 15px; font-size: 13px; width: 410px; }

.lensSlideshow { position: relative; width: 356px; height: 141px; background: url(/images/lens_crizal_1.jpg) no-repeat left top; }
.lensSlideshow div { position: absolute; top: 0; left: 0; width: 356px; height: 141px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; }

.homeSlideshow { position:relative; width: 429px; height: 319px; background: url(/images/home_featured_01.jpg) no-repeat left top; border: 3px solid #575757; margin-bottom: 25px; }
.homeSlideshow div { position: absolute; top: 0; left: 0; width: 429px; height: 319px; background-color: #fff; background-position: center center; background-repeat: no-repeat; }

#content div.testimonial { border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; margin: 0px 10px 10px 10px; padding: 10px; }
	#content div.testimonial img.smallphoto { float: left; border: 1px solid #333; margin: 0px 10px 10px 0px; }
	#content div.testimonial p { margin: 0px 0px 8px 0px; }
	#content div.testimonial p.author { text-align: right; font-style: italic; margin: 0; padding: 0px 0px 0px 0px; }