/* -----------------------------------------------------------------------
Colors:
blue - 0b76a1
Red - 97352b

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

/* reset */
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
* {margin: 0; padding: 0;}

/* typography */
body {color:#333; font-family: "Century Gothic", Helvetica, Arial, sans-serif;}
p {margin:0 0 1.5em; font-size: 14px;}
li{font-size: 14px;}

a:focus, a:hover {color:#000;}
a:link{color:#97352b; text-decoration:underline; font-weight: bold;}

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; font-size: 12px; font-style:medium; line-height: 100%;}
del {color:#666;}
pre {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;}
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;}
thead th {background:#c3d9ff;}
th, td, caption {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;}
.indent{text-indent: -9999px;}
/*----------------
	NAVIGATION
----------------*/

#navigation { width: 960px; margin: 0 auto; font-size: 12px;}
.nav{top: 35px; position: absolute;}
.nav li{border-left: 2px solid #333; height: 30px; margin-left: 10px; padding-left: 10px; display: inline;}
.nav li:first-child {border: none;}
.nav li a:link, .nav li a:visited{font-size: 14px; color: #333; text-decoration: none; font-weight: normal;}
.nav li a:hover{color: #97352b; font-weight: normal;}
.nav li a:active{color: #000; font-weight: normal;}

.nav li ul{position: absolute; left: -9999px; width: 200px; padding: 0 10px;}
.nav li ul li{margin: 0; padding: 0; border: none;}
.nav li:hover ul{margin-top: -2px; margin-left:25px ;z-index: 100; background-color: #fefefe;}
.nav li#procedures:hover ul{margin-left: 225px;}
.nav li:hover ul li a{border-bottom: 1px solid #ddd; width: 200px;}
.ie7 .nav li:hover ul{left: 0px; top: 20px; z-index: 100;}
.nav li:hover ul a{display:block; color: #000;}
.nav li:hover ul li a:hover{color: #97352b;}
.nav li:hover ul, .nav li.sfhover ul{left: auto; margin-left: 150px; width: 200px;}
#nav-home #home a, #nav-about #about a, #nav-contact #contact a, #nav-procedures #procedures a, #nav-gallery #gallery a, #nav-faq #faq a, #nav-news #news a, #nav-resources #resources a{color: #97352B;}

.blog{margin-top: 20px; float: right; margin-right: 15px;}

/*---------------------
	General Elements
---------------------*/

html{height:100%; overflow-y: scroll;}
body{height: 100% ;background-image: url("../images/bg.jpg"); background-repeat:repeat;}
#topred{height: 10px; background-color: #97352b; margin: 0px; padding: 0;}
#header{height: 80px; background-color: #F5efe0; border-bottom: 1px solid #0b76a1;}
#wrapper{background-image: url("../images/bg.gif"); background-repeat: repeat-y; width: 970px; margin: 0 auto;}
#container{width: 935px; padding-left: 30px; padding-top: 0;margin: 0;}
.footer{font-size: 10px;}
.footer p.fright{margin-right: 10px; font-size: 10px;}
.footer p.fleft{font-size: 10px;}
#logo{width: 277px; height: 91px; background:transparent url("../images/logo.gif") no-repeat; margin-top: 14px;}

.internal-banner{background-color: #fff; height: 175px; width: 960px; margin-left: -25px; margin-bottom: 20px;}
	.internal-banner a{height: 175px; width: 960px; margin-left: 0px; display: block;z-index:1;} 

.banner{background-color: #fff; height: 350px; width: 960px; margin-left: -25px; margin-bottom: 20px;}
.banner a{height: 350px; width: 960px; margin-left: 0px; display: block;z-index:1;} 

#banner-home{background-image: url("../images/banner-home.jpg"); background-repeat: no-repeat;}
#banner-gallery{background-image: url("../images/banners/gallery-banner.jpg"); background-repeat: no-repeat;}
#banner-about{background-image: url("../images/banners/about-banner.jpg"); background-repeat: no-repeat;}
#banner-procedures{background-image: url("../images/banners/procedures-banner2.jpg"); background-repeat: no-repeat;}
#banner-contact{background-image: url("../images/banners/contact-banner.jpg"); background-repeat: no-repeat;}
#banner-news{background-image: url("../images/banners/news-banner.jpg"); background-repeat: no-repeat;}
#banner-faqs{background-image: url("../images/banners/faq-banner.jpg"); background-repeat: no-repeat;}
#banner-resources{background-image: url("../images/banners/contact-banner2.jpg"); background-repeat: no-repeat;}
#banner-fourofour{background-image: url("../images/banners/404.jpg"); background-repeat: no-repeat;}


#leftcolumn{width: 600px;}
#leftcolumn a:link, #leftcolumn a:visited{color: #97352b;}
#leftcolumn a:hover{color: #0b76A1;}
#leftcolumn a:active{color: #000;}
#leftcolumn img{}
#leftcolumn h2{margin-bottom: 10px;}

#rightcolumn{width: 310px; padding: 0 0 0 20px;}
#rightcolumn .sidebar-wrap{background-color: #f9f5ED; padding: 10px;}
#rightcolumn .special{margin: 25px 0; background-color: #e1e4e2; padding: 10px;}
#rightcolumn .special p{font-size: 10px; color: #333; margin:0;}
#rightcolumn .special h4{color: #97352b;}
#rightcolumn p, #rightcolumn address{color:#97352b;}
#rightcolumn address{text-align: center; font-size: 12px; line-height: 120%;}
#rightcolumn ul li{list-style-image: url("../images/star.gif");}
#rightcolumn a:link, #rightcolumn a:visited{font-size: 14px; color: #0b76a1; text-decoration: none; font-weight: bold;}
#rightcolumn a:hover{color: #97352b; font-weight: bold;}
#rightcolumn a:active{color: #000; font-weight: bold;}                                                         

.fright{float: right;}
.fleft{float:left;}

p img.left {float:left;margin:15px 15px 15px 0; padding:0;}
p img.right {float:right;margin: 15px 0 15px 15px;}

.clear {clear:both;}

.procedure-photo{width: 200px; float: left; border: 1px solid #000; display: block; margin: 0px 10px 5px 0;}

/*------------
PHOTO GALLERY
------------*/
.gallery-callout1{text-align: center;padding: 10px 0; margin: 10px 0; width: 290px; float: left; height: 135px; border: 1px solid #999;}
.gallery-callout2{text-align: center; padding: 10px 0; margin: 10px 0;  width: 290px; height: 135px; float: right; clear: right;border: 1px solid #999;}
.gallery-callout3{float: left; margin: 0 10px 5px 0; text-align: center; border: 1px solid #999;}
.gallery-callout3 img{ width: 120px; margin: 10px;}
.gallery-callout1 h3, .gallery-callout2 h3 {color: #97352b; margin-bottom: 5px;}
.gallery-callout1 img, .gallery-callout2 img{border: 1px solid black; width: 100px; display: inline;}
.before{margin-right: 25%;}
.callout-text{font-size: 14px;}
.gallery-callout3 img.vert-gallery{width: 80px;}
img.vert-gallery{width: 55px; height: }
.ie8 img.vert-gallery{width: 55px;}
.ie8 .gallery-callout1 h3, .ie8 .gallery-callout2 h3{font-size: 16px;}
/*------------
	FORMS
------------*/
#firstname label, #lastname label, #email label{width: 100px; float: left; text-align: right; margin-right:10px;}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px; height:200px;padding:5px; display: block;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
#discussinput{height: 100px; width: 400px;margin-top: 10px;}
#discuss label{width: 200px;}
#submit{margin-top: 10px;}
.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;}
.red{color: #f00;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}