@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	background:#f0edeb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:67.5%;
}
#leftColwide ul{
	margin-left:30px;
	font-size:1.2em;
	margin-bottom:20px;
}
	
p { font-size:1.3em; margin-bottom:20px; }
h3 { font-size:1.5em; margin-bottom:20px; }

.clearer { clear: both; }

#outerWrapper {
	margin:0 auto;
	width:960px;
	background:url(binaries/wrapper.jpg) top center repeat-y;
}
h1 {
	background:url(binaries/header.jpg) top left no-repeat;
	height:217px;
	width:960px;
	text-indent:-9000em;
	overflow:hidden;
	margin:0 auto;
}
#headline {
	width:900px;
	margin:0 auto;
}
ul#navigation {
	float:left;
	height:40px;
	background:url(binaries/nav_bg.jpg) top left repeat-x;
	margin-left:30px;
	width:900px;
	display:inline;
}
ul#navigation li {
	display:inline;
	margin-left:25px;
	font-size:1.2em;
	line-height:40px;
}
ul#navigation li a {
	color:#FFFFFF;
	height:40px;
	text-decoration:none;
}
ul#navigation li a:hover {
	text-decoration:underline;
}
#leftCol {
	margin-left:55px;
	width:340px;
	float:left;
	margin-top:20px;
	display:inline;
}
#leftColwide {
	margin-left:55px;
	width:860px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	display:inline;
}
#rightCol {
	margin-right:55px;
	float:right;
	width:485px;
	display:inline;
}
h4 {
	font-size:1.5em;
	margin-bottom:10px;
}
#rightCol h4 {
	height:53px;
	background:url(binaries/right_h3.jpg) top left repeat-x;
	color:#FFFFFF;
	font-weight:lighter;
	line-height:55px;
	padding-left:20px;
	margin:10px 0 0 0;
	font-size:1.6em;
	text-indent:-9000em;
	overflow:hidden;
}
#footer {
	background:url(binaries/footer.jpg) top left no-repeat;
	height:24px;
	width:960px;
	margin:0 auto;
}
#headline h2 {
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	width:590px;
	height:209px;
	background:url(binaries/headline.jpg) top left no-repeat;
}
#headline ul {
	float:right;
	background:#6190bf url(binaries/headline_r.jpg) top left repeat-x;
	width:260px;
	padding:25px;
	color:#35459c;
	height:159px;
	overflow:visible!important;
	font-weight:bold;
}
#headline ul p{
	font-size:1.6em;
}
#headline ul li{
	margin-left:30px;
	font-size:1.5em;
	margin-bottom:10px;
	z-index:99;
}
#headline ul img{
	z-index:1;
	position:relative;
	top:-30px;
	right:-200px;
}
.copy { float:left; margin:10px 30px; color:#000000; }
.credit { float:right; margin:10px 30px; color:#000000; }
#footer a {color:#000000;}

#rightCol ul li {
	display:inline;
}
#rightCol ul a.eye {
	float:left;
	width:230px;
	background:url(binaries/eyeexaminations.jpg) top left no-repeat;
	height:410px;
	margin-bottom:10px;
	text-indent:-999em;
	overflow:hidden;
}
#rightCol ul a.frame {
	float:right;
	width:235px;
	height:201px;
	background:url(binaries/framesandlenses.jpg) top left no-repeat;
	overflow:hidden;
	text-indent:-999em;
}
#rightCol ul a.contactlenses {
	float:right;
	width:235px;
	height:204px;
	background:url(binaries/contacts.jpg) top left no-repeat;
	margin-top:6px;
	overflow:hidden;
	text-indent:-999em;
}
#contactBox {
	background:url(binaries/contactbox.jpg) top left repeat-x #234486;
	color:#FFFFFF;
	padding:15px 15px 1px 15px;
	margin-bottom:20px;
	font-size:1.2em;
}
#contactBox a{ color:#FFFFFF; }
.contactus {
	width:100%	;
	height:16px;
	background:url(binaries/contact_title.jpg) top left no-repeat;
	text-indent:-999em;
	overflow:hidden;
	border-bottom:1px white solid;
	padding-bottom:5px;
}

#subpages {
	width:100%;
}
.section {
	width:190px;
	float:left;
	margin-right:25px;
}
.lrg-section {
	float:left;
	width:810px;
	background:#CCCCCC;
	padding:15px 20px 20px 20px;
	margin-bottom:20px;
}
.lrg-section .left {
	float:left;
	width:260px;
}
.lrg-section .center {
	float:left;
	width:260px;
	padding:0px 20px;
}
.lrg-section .right {
	float:right;
	width:235px;
}
.lrg-section .right img{
	margin-bottom:30px;
}

h5 {
	font-size:1.4em;
	margin-bottom:10px;
}
h3 {
	font-size:1.4em;
	margin-bottom:10px;
	float:left;
	margin-right:25px;
}
.nhs {
	background-image:url(binaries/eyeexam/nhs.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.child {
	background-image:url(binaries/eyeexam/child.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.private {
	background-image:url(binaries/eyeexam/private.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.sixty {
	background-image:url(binaries/eyeexam/60.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}


.frames {
	background-image:url(binaries/frames/frames.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.lenses {
	background-image:url(binaries/frames/lenses.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.sunnies {
	background-image:url(binaries/frames/sunnies.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.designer {
	background-image:url(binaries/frames/designer.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}



.extendedwear {
	background-image:url(binaries/contacts/extendedwear.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.disposable {
	background-image:url(binaries/contacts/dispos.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.special {
	background-image:url(binaries/contacts/special.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}
.coloured {	
	background-image:url(binaries/contacts/coloured.jpg) ;
	width:190px;
	text-indent:-999em;
	overflow:hidden;
}


.eyeexam_title {
	background:url(binaries/eyeexam/title.png) top left no-repeat;
	text-indent:-999em;
	width:178px;
	height:24px;
	margin-bottom:15px;
	overflow:hidden;
}

.frame_title {
	background:url(binaries/frames/title.png) top left no-repeat;
	text-indent:-999em;
	width:179px;
	height:18px;
	margin-bottom:15px;
	overflow:hidden;
}

.contacts_title {
	background:url(binaries/contacts/title.png) top left no-repeat;
	text-indent:-999em;
	width:162px;
	height:19px;
	margin-bottom:15px;
	overflow:hidden;
}
#tt {
 position:absolute;
 display:block;
 background:url(binaries/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(binaries/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(binaries/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}