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

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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


/* typography.css */
body {font-size:75%;color:#222;background: #E1E1E1 url(../cssimg/body-bg.jpg) repeat-x; position: relative;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h3 em {color: #044D7E; font-style: normal;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; line-height: 1.5em; font-size: 1.1em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#369;}
a {color:#044D7E;text-decoration:underline; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em; line-height: 1.5em; }
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#e1e1e1;text-align: right;width: 30%;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

div.thumb { width: 220px; }
div.thumb img { margin: 0; padding: 0; }
.floatRight { float: right; margin: 20px 0 10px 10px; }
.floatRight p { font-size: .9em; margin: 4px 0 0 0; }
.floatLeft { float: left; margin: 20px 16px 10px 0; }
.floatLeft p { font-size: .9em; margin: 4px 0 0 0; }

#introducing img {
	float: right;
	margin: -15px 0 10px 10px;
}
body#home-body #introducing img {
	margin: -29px 0 10px -26px;
	float: left;
}
div#extra-order {
	font-family: "Warnock Pro", Georgia, Times New Roman, serif;
	color: #efefef;
}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold; line-height:2em;vertical-align: top;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

div.onstate-a span { line-height: 3em; }
div.onstate-a p { padding: 10px 20px 0 20px; }
div.widget fieldset p { text-align: right; margin-right: 200px; }
.errMsg {
color:red;
display:inline;
font-size:0.8em;
position:relative;
top:4px;
}
/* moxy stuff begins */

ul#nav_access {
	text-indent:-9999px;
	display: none;
}
.cont-1 {
	width: 100%;
	margin: 0 auto 50px auto;  /* KEEP YOUR EYE ON THIS ********************************************** */
	background: #064C7D url(../cssimg/body-bg-top.jpg) repeat-x;
	position: relative;
	top: 32px;
}

body#home-body .cont-1 {
	margin: 0 auto 24px auto;
	height: 433px;
	background: transparent url(../cssimg/body-bg-index.jpg) repeat-x 0 -32px;
}
.container { width: 100%; background: #E1E1E1 url(../cssimg/body-bg-bot.jpg) repeat-x; margin: -18px 0 0 0; padding: 50px 0 0 0; top: 0; }
body#home-body .container { background: #E1E1E1 none; }
.cont-2 { margin: 0 auto; width: 960px;}
#establishment {
	position: relative;
	
	margin: 0 auto;
	padding: 0 0 20px 0;  /* KEEP YOUR EYE ON THIS ********************************************** */
	width: 980px;
	
	
}
#brand {
	float: left;
	
	background: transparent url(../cssimg/brand.jpg) no-repeat;
	
	margin: 0;
	width: 284px;
	
}
#brand h1 {
	margin: 0 0 0 0;
	padding: 0;
	width: 284px;
	height: 177px;
	text-indent: -9999px;
	
}
#brand h1 a {
	display: block;
	height: 177px;
	width: 300px;
	text-indent: -9999px;
}
#brand h2 {
	margin:  0 0pt 0pt 26px;
	text-align: right;
	line-height: 1.3;
	padding: 0;
	
	font-size: 1.2em;
	font-family: Georgia, Times New Roman, serif;
	color: #E4EBE2;
	
	width: 246px;
	height: 136px;
}
#brand h2 #telephone {
	font-size: 1.4em;
}
body#contact-body #brand h2 #telephone {
	color: #FF9900;
}
#introducing {
	color: #E4EBE2;
	padding: 132px 0 0 0;
	margin: 0 0 0 320px;
}
#introducing h2 {
	font-family: Helvetica, Arial,san-serif;
	font-size: 3em;
	color: #9FC4D8;
	font-weight: bold;
}

#brand img {
	margin: -326px 20px 0 0;
	padding: 0;
	border: none;
	float: right;
}
#content-main div#gmap {
	margin: 0px 0 0 0;
	padding: 0;
	border: none;
	
}
#content-main #gmap #gmap-link {
	margin: 6px 0 10px 0;
}
#nav-sub {
	position: absolute;
	top: 26px;
	width: 960px;
	
}


#nav-sub ul {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
	float: right;
	height: 108px;
	background: transparent url(../cssimg/menu-divider.jpg) no-repeat;
}


#nav-sub ul li {
	display: inline;
	width: 90px;
	height: 48px;
	list-style-type: none;
	float: left;
	padding: 60px 10px 0 10px;
	text-align: center;
	background: transparent url(../cssimg/menu-divider.jpg) no-repeat right top;
}


#nav-sub ul li a:link, #nav-sub ul li a:visited {
	font-family: "Helvetica Neue Bold Condensed","Arial Narrow",Helvetica,Arial,san-serif;
	color: #4083AD;
	text-transform: uppercase;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}

#nav-sub ul li a:hover {
	color:#2C5f78;
	text-decoration: underline;
}



div.cont-2 div#nav-sub ul li a {
	width:97px;
	height: 33px;
	text-indent: -9999px;
	display: block;
}
div.cont-2 div#nav-sub ul li#nav-sub-home a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat 20px 0;
}
div.cont-2 div#nav-sub ul li#nav-sub-home a:hover, body#home-body div.cont-2 div#nav-sub ul li#nav-sub-home a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat 20px -33px;
}
div.cont-2 div#nav-sub ul li#nav-sub-order a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -101px 0;
}
div.cont-2 div#nav-sub ul li#nav-sub-order a:hover, body#contact-body div.cont-2 div#nav-sub ul li#nav-sub-order a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -101px -33px;
}
div.cont-2 div#nav-sub ul li#nav-sub-book a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -222px 0;
}
div.cont-2 div#nav-sub ul li#nav-sub-book a:hover, body#contact-body div.cont-2 div#nav-sub ul li#nav-sub-book a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -222px -33px;
}
div.cont-2 div#nav-sub ul li#nav-sub-ourservices a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -342px 0;
}
div.cont-2 div#nav-sub ul li#nav-sub-ourservices a:hover, body#ourservices-body div.cont-2 div#nav-sub ul li#nav-sub-ourservices a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -342px -33px;
}
div.cont-2 div#nav-sub ul li#nav-sub-about a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -462px 0;
}
div.cont-2 div#nav-sub ul li#nav-sub-about a:hover, body#whoweare-body div.cont-2 div#nav-sub ul li#nav-sub-about a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -462px -33px;
}
div.cont-2 div#nav-sub ul li#nav-sub-contact a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -572px 0;
}
div.cont-2 div#nav-sub ul li#nav-sub-contact a:hover, body#contact-body div.cont-2 div#nav-sub ul li#nav-sub-contact a {
	background: transparent url(../cssimg/nav-sub.gif) no-repeat -572px -33px;
}


#nav-main {
	width: 280px;
	margin: 0 0 0 0;
	background: #0984C6 url(../cssimg/nav-top-bg.jpg) no-repeat;
}



#nav-main ul.nav-list, #nav-main ul.nav-list2 {
	margin: 0;
	padding: 12px 10px 10px 20px;
    list-style-type: none;
}
#nav-main ul.nav-list2 {
	padding: 0 10px 0 20px;
	margin-top: -10px;
}
#nav-main ul.nav-list li, #nav-main ul.nav-list2 li {
	width: 256px;
	height: 38px;
}

#nav-main ul li#makeanappt {
	background: transparent url(../cssimg/butt-appt.jpg) no-repeat;
	}
#nav-main ul li#makeanappt a:hover {
	background: transparent url(../cssimg/butt-appt.jpg) no-repeat -277px 0;
}	

#nav-main ul li#eyemotionvideos {
	background: transparent url(../cssimg/butt-eye.jpg) no-repeat;
	}
#nav-main ul li#eyemotionvideos a:hover {
	background: transparent url(../cssimg/butt-eye.jpg) no-repeat -276px 0;
}
	
#nav-main ul li#howtogethere {
	background: transparent url(../cssimg/butt-howtoget.jpg) no-repeat;
	}
#nav-main ul li#howtogethere a:hover {
	background: transparent url(../cssimg/butt-howtoget.jpg) no-repeat -276px 0;
}	
#nav-main ul li#questions {
	background: transparent url(../cssimg/butt-quest.jpg) no-repeat;
	}
#nav-main ul li#questions a:hover {
	background: transparent url(../cssimg/butt-quest.jpg) no-repeat -275px 0;
}
.btn-slide {
		
		}
.active {
	background: transparent url(../cssimg/butt-quest.jpg) no-repeat -275px 0;
}
#nav-main ul li#eyewear {
	background: transparent url(../cssimg/butt-eyewear.jpg) no-repeat;
	}
#nav-main ul li#eyewear a:hover {
	background: transparent url(../cssimg/butt-eyewear.jpg) no-repeat -276px 0;
}

#nav-main ul.nav-list li a, #nav-main ul.nav-list2 li a {
	display: block;
	width: 230px;
	height: 38px;
	text-indent: -9999px;
}
#nav-main ul#questionlist li a {
	font-family: Georgia, "Times New Roman", serif;
	text-indent: 0;
	text-decoration: none;
	font-style: italic;
	color: #EFEFEF;
}

#nav-main ul#questionlist li a:hover {
    color: #D5BDAF;
    text-decoration: underline;
}
#nav-main ul#questionlist li {
	padding: 5px 20px 5px 0;
	font-size: 1.1em;
	line-height: 1.2;
}
#nav-main ul#questionlist {
	margin: 0 0 20px 10px;
	padding: 0 10px 0 20px;
	list-style-type: none;
}
#nav-main h3, #nav-main h4, #nav-main p {
	font-family: Georgia, "Times New Roman", serif;
	padding: 0 0 0 0;
	margin: 10px 20px 10px 30px;
	color:#EFEFEF;
}
#nav-main p a {
    font-family: Georgia, "Times New Roman", serif;
	text-indent: 0;
	text-decoration: none;
	color: #D5BDAF;
	text-decoration: underline;
	font-style: italic;
}
#nav-main p a:hover {
	text-decoration: none;
	color: #EFEFEF;
}
#nav-main p {
	margin-top: 0;
}
h4#gift-head {
	width: 235px;
	height: 165px;
	background: #0984C6 url(../cssimg/gift-head.jpg) no-repeat;
	text-indent: -9999px;
	margin: 4px 0 0 14px;
}
h4#gift-head a {
	width: 235px;
	height: 165px;
	display: block;	
}
.nav-main-closer {
	display: block;
	width: 280px;
	margin: 10px 0 0 0;
	color:#E4EBE2;
	background: #0984C6 url(../cssimg/nav-bot-bg.jpg) no-repeat bottom;
	height: 10px;
}

#content {
	float: right;
	width: 640px;
	
	margin: 0 10px 0 0;
	
}

body#home-body #content-main, body#ourservices-body #content-main {
	 width: 500px;  
}
#content-main {
	 	float: left;
}
#content-main .wide {
	width: 700px;
}
body#contact-body #content-main {
	width: 635px;
}

#content-sub {
	float: right;
	width: 98px;
	
}

body#home-body #content-sub h4, body#ourservices-body #content-sub h4 {
	margin: 20px 0 0 0;
	height: 417px;
	width: 99px;
	text-indent: -9999px;
	background: transparent url(../cssimg/fundus.jpg) no-repeat; 
}
#content-sub h4 a:link, #content-sub h4 a:visited {
	
	height: 417px;
	width: 99px;
	display: block;
}
body#home-body #content-sub h4 a:hover, body#ourservices-body #content-sub h4 a:hover {
	background: transparent url(../cssimg/fundus-hover.jpg) no-repeat;
}
#content-main h2, #content-extra h2, #slickbox h2, #slickbox h2 {
	color: #972B04;
	font-weight: bold;
	font-size: 2.3em;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.1;
}
#content-main h3, #content-extra h3, #slickbox h3, #slickbox h3 {
	font-family: "Helvetica Neue Bold Condensed","Arial Narrow", Helvetica, Arial, san-serif;
	
	width: 100%;
	border-bottom: 1px dotted #82B7D3;
	padding-bottom: 4px;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #0981C2;
	font-weight: bold;
}
#content-extra {
	clear: both;
	text-align: left;
	background: pink;
}
#content-extra-1{
	float: left;
	width: 530px;
	
	margin: 20px 10px 20px 0;
}
#content-extra-2 {
	float: right;
	width: 410px;
	background: transparent url(../cssimg/extra-2-bg.jpg) no-repeat 0 75px;
	margin: 20px 0 20px 0;
	padding:0 0 0 0;
    min-height: 260px
}

#content-extra-2 p {
	padding: 10px 10px 10px 10px;
}

#content-extra-2 div p {
	padding: 0;
}

#content-extra-2 img {
	
}
#footer {
	clear: both;
	text-align: center;
	border-top: 3px #ACA792 solid;
	margin: 30px 0 10px 0;
}

#footer h4 {
	color: #6A685C;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", serif;
	margin: 4px 0 0 0;
}
#footer p {
	color: #6A685C;
	margin: 0 0 4px 0;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", serif;
}

/* shelf css stuff */

a:focus {
	outline: none;
}
#panel {
	height: 13em;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	
	
}


/* end of shelf css stuff */