:link, :visited { text-decoration:none }
h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }
ul, ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input { margin:0; padding:0 }

/* basic elements
 * ------------------------------------------------------------------------------------- */
p, div, li, div, h1, h2, h3, h4, td, input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 18px; }
a img, :link img, :visited img { border: none }
a:link, a:visited { color: #225FA3; text-decoration: underline; }
a:hover, a:active { color: #B2A690; text-decoration: underline; }

/* main structural elements
 * ------------------------------------------------------------------------------------- */
body { background: url(../images/bg.gif); }
#wrapper {
	width: 770px;
	background: url(../images/page_bg.jpg) left top repeat-y;
	margin: 0px auto;
	padding: 0px;
}
#main {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
}

/* navigation
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;
	width: 760px;
	height: 68px;
	position: relative;
}
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#menu li, #menu a {
	height: 68px;
	display: block;
}
#menu li a span { display: none; }
#menu-01 { left: 30px; width: 76px; }
#menu-02 { left: 106px; width: 150px; }
#menu-03 { left: 256px; width: 139px; }
#menu-04 { left: 395px; width: 130px; }
#menu-05 { left: 525px; width: 137px; }
#menu-06 { left: 662px; width: 98px; }
#menu-01 a:hover { background: transparent url(../images/menu.jpg) -30px -68px no-repeat; }
#menu-02 a:hover { background: transparent url(../images/menu.jpg) -106px -68px no-repeat; }
#menu-03 a:hover { background: transparent url(../images/menu.jpg) -256px -68px no-repeat; }
#menu-04 a:hover { background: transparent url(../images/menu.jpg) -395px -68px no-repeat; }
#menu-05 a:hover { background: transparent url(../images/menu.jpg) -525px -68px no-repeat; }
#menu-06 a:hover { background: transparent url(../images/menu.jpg) -662px -68px no-repeat; }
#menu2 {
	background: url(../images/index/buttons.jpg) left top no-repeat;
	width: 529px;
	height: 158px;
	position: relative;
	float: left;
}
#menu2 li a span { display: none; }
#menu2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#menu2 li, #menu2 a {
	height: 158px;
	display: block;
}
#menu2-01 { left: 30px; width: 162px; }
#menu2-02 { left: 198px; width: 162px; }
#menu2-03 { left: 367px; width: 162px; }
#menu2-01 a:hover { background: transparent url(../images/index/buttons.jpg) -30px -158px no-repeat; }
#menu2-02 a:hover { background: transparent url(../images/index/buttons.jpg) -198px -158px no-repeat; }
#menu2-03 a:hover { background: transparent url(../images/index/buttons.jpg) -367px -158px no-repeat; }

/* header
 * ------------------------------------------------------------------------------------- */
#header {
	width: 760px;
	height: 59px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/header.jpg) left top no-repeat;
}

/* content
 * ------------------------------------------------------------------------------------- */
#content-container {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	float: left;
}
#banner-left { height: 217px; width: 537px; }
#index #banner-left { background: url(../images/index/index-banner-left1.jpg) no-repeat; }
#about #banner-left { background:url(../images/sub/about-banner-left.jpg) no-repeat; }
#cataract #banner-left { background:url(../images/sub/cataract-banner-left.jpg) no-repeat; }
#contact #banner-left { background:url(../images/sub/contact-banner-left.jpg) no-repeat; }
#surgery #banner-left { background:url(../images/sub/surgery-banner-left.jpg) no-repeat; }
#treatments #banner-left { background:url(../images/sub/treatments-banner-left.jpg) no-repeat; }
#content-left {
	width: 537px;
	float: left;
}
#content-left p, #content-left h1, #content-left h2, #content-left h3 {
	margin: 1em 30px 1em 48px;
}
#content-left h2 { color: #7C3201; }
#content-right {
	width: 223px;
	float: right;
}
#content-right p, #content-right h1, #content-right h2, #content-right h3 {
	margin-left: 30px;
	margin-right: 26px;
}
#welcome {
	width: 537px;
	float: left;
}
#welcome-img {
	background: url(../images/index/welcome_image.jpg) left top no-repeat;
	width: 165px;
	height: 166px;
	float: right;
	margin-top: 0px;
	padding: 0px;
}
#welcome p, #welcome h1, #welcome h2, #welcome h3 {
	margin-left: 48px;
	margin-right: 170px;
}
#dr {
	width: 537px;
	padding: 0px;
	margin-top: 0px;
	float: left;
}
#dr-img {
	background: url(../images/index/dr_image2.jpg) left top no-repeat;
	width: 191px;
	height: 167px;
	float: left;
	margin-top: 0px;
	padding: 0px;
}
#dr p, #dr h1, #dr h2, #dr h3 {
	margin-left: 200px;
	margin-right: 30px;
}
#did-you-know {
	width: 223px;
	float: right;
	background: url(../images/did_you_know_bg.jpg) top left repeat-y;
}
#did-you-know p { font-size: 13px; }
#did-you-know-footer {
	width: 223px;
	height: 15px;
}
#sub { width: 537px; }
#sub-footer {
	width: 537px;
	height: 10px;
}
#sub li {
	margin-left: 55px;
	margin-right: 30px;
}
#did-you-know-contact { width: 223px; }

/* sidebar
 * ------------------------------------------------------------------------------------- */
#banner-right { height: 348px; width: 223px; }
#index #banner-right { background:url(../images/sub/index-banner-right1.jpg) no-repeat; }
#about #banner-right { background:url(../images/sub/about-banner-right.jpg) no-repeat; }
#cataract #banner-right { background:url(../images/sub/cataract-banner-right.jpg) no-repeat; }
#contact #banner-right { background:url(../images/sub/contact-banner-right.jpg) no-repeat; }
#surgery #banner-right { background:url(../images/sub/surgery-banner-right.jpg) no-repeat; }
#treatments #banner-right { background:url(../images/sub/treatments-banner-right.jpg) no-repeat; }
.module { margin: 0 0 2em; }
form.module { padding:0 0 0 15px; }

/* subnav
 * ------------------------------------------------------------------------------------- */
#subnav {
	border: solid 1px #DADBDD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 216px;
}

#subnav ul {
	margin: 0;
	padding: 0;
}
#subnav li { list-style: none; }
#subnav li a {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#E7E7E7)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top, #F0F0F0, #E7E7E7); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(top, #F0F0F0, #E7E7E7); /* FF3.6 */
	background:     -ms-linear-gradient(top, #F0F0F0, #E7E7E7); /* IE10 */
	background:      -o-linear-gradient(top, #F0F0F0, #E7E7E7); /* Opera 11.10+ */
	background:         linear-gradient(top, #F0F0F0, #E7E7E7);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#E7E7E7'); /* IE6–IE9 */
	display: block;
	height: 2em;
	line-height: 2em;
	padding-left: 15px;
	text-decoration: none;
}
#subnav li.parent a { font-weight: bold; }

/* testimonials scroller
 * ------------------------------------------------------------------------------------- */
#testimonials {
	border: solid 1px #DADBDD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: both;
    overflow: hidden;
    position: relative;
	width: 216px;
}
#testimonials a {
	cursor: pointer;
	text-decoration: none;
}
div.scrollable { height: 160px; }
.items { position: relative; }
div.item {
	background: url("http://d3quiyb59qw5ad.cloudfront.net/evenflow/common/quotes.jpg") no-repeat 15px 0, -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#E7E7E7)); /* Saf4+, Chrome */
	background: url("http://d3quiyb59qw5ad.cloudfront.net/evenflow/common/quotes.jpg") no-repeat 15px 0, -webkit-linear-gradient(top, #F0F0F0, #E7E7E7); /* Chrome 10+, Saf5.1+ */
	background: url("http://d3quiyb59qw5ad.cloudfront.net/evenflow/common/quotes.jpg") no-repeat 15px 0, -moz-linear-gradient(top, #F0F0F0, #E7E7E7); /* FF3.6 */
	background: url("http://d3quiyb59qw5ad.cloudfront.net/evenflow/common/quotes.jpg") no-repeat 15px 0, -ms-linear-gradient(top, #F0F0F0, #E7E7E7); /* IE10 */
	background: url("http://d3quiyb59qw5ad.cloudfront.net/evenflow/common/quotes.jpg") no-repeat 15px 0, -o-linear-gradient(top, #F0F0F0, #E7E7E7); /* Opera 11.10+ */
	background: url("http://d3quiyb59qw5ad.cloudfront.net/evenflow/common/quotes.jpg") no-repeat 15px 0, linear-gradient(top, #F0F0F0, #E7E7E7);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#E7E7E7'); /* IE6–IE9 */
}
div.testimonials {
    font-style: italic;
    height: 130px;
    padding: 15px;
    position: static;
}
.testimonials a {
	color: #989898;
	font-style: italic;
}
div.item span.name {
	color: #969696;
    display: block;
	font-weight: bold;
    margin: 10px 0;
}
.controls {
	background: #F5F5F5;
	height: 35px;
    line-height: 35px;
    padding: 0 10px;
    position: relative;
}
.controls a {
	font-size: 0.85em;
	font-weight: bold;
}
div.actions {
	background-color: #DCDCDC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#EEEEEE)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #DCDCDC, #EEEEEE); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #DCDCDC, #EEEEEE); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #DCDCDC, #EEEEEE); /* IE10 */
	background-image:      -o-linear-gradient(top, #DCDCDC, #EEEEEE); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #DCDCDC, #EEEEEE);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DCDCDC', EndColorStr='#EEEEEE'); /* IE6–IE9 */
	border: solid 1px #DADBDD;
	border-radius: 30px 30px 0 0;
	-moz-border-radius: 30px 30px 0 0;
	-webkit-border-radius: 30px 30px 0 0;
	bottom: 0;
    display: block;
	position: absolute;
    overflow: hidden;
	right: 5px;
}
#testimonials .actions a {
	color: #969696;
    display: block;
    float: left;
    font-size: 20px;
    padding: 5px 15px;
}
#testimonials .actions a:hover, #testimonials .actions a:active { color: #666; }
#testimonials .actions a:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DCDCDC)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EEEEEE, #DCDCDC); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #EEEEEE, #DCDCDC); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #EEEEEE, #DCDCDC); /* IE10 */
	background-image:      -o-linear-gradient(top, #EEEEEE, #DCDCDC); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #EEEEEE, #DCDCDC);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#DCDCDC'); /* IE6–IE9 */
}
#testimonials a.prev { border-right: solid 1px #DADBDD; }
#testimonials a.next { border-left: solid 1px #F5F5F5; }

/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/footer_img.jpg) top left no-repeat;
	width: 770px;
	height: 75px;
	clear: both;
}
#footer {
	width: 760px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
}
#footer li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#footer a:link, #footer a:visited { color: #000000; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #FCF4E3; text-decoration: underline; }

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #225FA3;
	border: 1px solid #E4DCCA;
	background-color: #FFFFFF;
	margin-bottom: 2px;
}
input.submit { cursor: pointer; }
.quickcontact { width: 150px; }
.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
.big-form label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}
.big-form br { clear: left; }
.error {
	background:#ff0;
	border:solid 1px #f00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	-webkit-box-shadow:0 0 5px #999;
	margin:0 0 0 5px;
	padding:5px 10px;
}
.error p { margin: 0; }
.address { color: #225FA3; font-size: 17px; }
.address2 { color: #225FA3; font-size: 14px; }
.csNumber {
	color:#000000;
	font-weight:bold;
	font-size: 14px;
}
img.img-left { float: left; padding: 0px 10px 5px 0px; }
img.img-right { float: right; padding: 0px 0px 5px 10px; }
.top {
	display: block;
	text-align: right;
	font-size: 13px;
	clear: both;
}
a img.map, :link img.map, :visited img.map { border: 1px solid #000000; }
.bna-thumbs {
	float: right;
	padding: 20px 10px 5px 10px;
	width: 215px;
	text-align: center;
	font-size: 13px;
}