/**
 * Modern
 *
 * @project Modern Theme
 * @package Stryker Docsite Themes
 * @copyright 2010, Mudbug Media
 *
 * Color Guide
 * * #D5DCDB - body background, form background
 * * #C13D0C - h1, h2,  #surgeons h2, home h2, h3.admin_title, column h4, h3, h4, ol, links, em links, i links, strong links, b links, jquery h1, request-appointment button background, download-forms button background, column strong text, input forms text, patient-survey strong, copyright text
 * * #3A4645 - admin h4, admin_listing h4, events h4, appointments h4, patient-survey h4, jquery background, jquery bottom border  
 * * #E6963A - column h2, em, i, patient-testimonials button border, view-multimedia button border, submit-testimonial button border
 * * #617471 - wrapper border, hr dotted line, nav hover, nav current link background, home box text links, about-surgeon button background, read-news button background, column li links, column h4 bottom border, form border, copyright text hover, print title
 * * #DCAB43 - link hover, em hover, i hover, strong hover, b hover, home-content-box li hover, column li hover
 * * #788F8B - wrapper background, nav background, nav ul li current link, nav ul li current hover, nav li current ul li current links, nav li current ul li current hover, about-surgeon button border, read-news button border
 * * #9FACAA - search input text, nav bottom border
 * * #F2B217 - search button background, search button border, input button background, input button border
 * * #F6CA5E - search button hover, header/footer telephone/fax text, home-content-box border, request-appointment button strong text,
submit-testimonial button b text, column background, input button hover, copyright text, color will need to be updated at the bottom of the layout in the jquery as well
 * * #F9DD98 - nav hover background, nav li current background
 * * #FEF8E9 - .photos background, nav ul hover, nav ul a:visited:hover, nav li.current ul a:hover, nav li.current ul a:visited:hover, nav ul li.current a, nav ul li.current a:hover, nav li.current ul li.current a, nav li.current ul li.current a:hover
 * * #FDECB6 - nav ul background, nav li.current ul background
 * * #E4D4AD - .photos border
 * * #FCEFCF - nav li.current ul background, home-content-box background, column background, featured background
 * * #AE3216 - request-appointment button hover background, download-forms button hover background 
 * * #52625F - about-surgeon button hover background, read-news button hover background
 * * #D1760E - patient-testimonials button hover background, view-multimedia button hover background, submit-testimonial button hover background
 * * #E17F0F - patient-testimonials button background, view-multimedia button background, submit-testimonial button background,
 * * #DB6014 - request-appointment button border, download-forms button border, slide-content background


/*** Content ***/

body {
	background: url(../images/customize/layout/body_bkgd.png) repeat-x;
	background-color: #eff3f3;
}

h1 {
	color: #325786;
}

#surgeons h1 {
	margin-bottom: 0;
}

h2 {
	color: #4f80be;
	font-size: 16px;
}

#surgeons h2,
#home h2,
h3.admin_title {
	color: #4f80be;
	font-size: 18px;
}

.column h4 {
	color: #325786;
	font-size: 16px;
	font-weight: normal;
}

.column h2 {
	color:#4f80be;
	font-size: 14px;
}


h3, h4 {
	color: #749bcc;
	font-size: 15px;
}

.admin h4,
.admin_listing h4 {
	color: #3A4645;
	font-size: 13px;
}

.appointments h4, .patient-survey h4 {
	color: #3A4645;
}

#search-results h4 {
	font-weight: normal;
}

em, i {
	color:#4f80be;
}

hr {
	border: none 0;
	border-top: #617471 solid 1px;
}

/*** Lists ***/

.column ol {
	color: #325786;
	font-weight: bold;
}

.column ol p {
	color: #666;
	font-weight: normal;
}

/*** Links ***/

a:link,
a:visited,
a:active {
	border-bottom:#617471 dotted 1px;
	color: #8dadd5;
	text-decoration: none;
}

a:hover {
	color: #325786;
	text-decoration: none;
}

em a:link, em a:visited, em a:active,
i a:link, i a:visited, i a:active,
strong a:link, strong a:visited, strong a:active,
b a:link, b a:visited, b a:active {
	color: #4f80be;
	text-decoration: none;
}

em a:hover,
i a:hover,
strong a:hover,
b a:hover {
	color: #325786;
	text-decoration: none;
}

/*** Images ***/


.photos {
	background-color: #8dadd5;
	border: 1px solid #757779;
}

/*** Wrappers ***/
#wrapper {
	background: #4f80be;
}
#nav {
	background: repeat-y scroll 0 0 #dbdcdd;
}

#content {
	background-color: #FFFFFF;
}

/*** Header & Search ***/

#search input {
	background: url("../images/constant/forms/fieldcell-search.png") repeat-x scroll 0 0 #fff;
	color: #9FACAA;
}

#search button {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #4f80be;
	color: #FFFFFF;
	border:solid 2px #749bcc;
}

#search button:hover {
	background-color: #325786;
	color: #FFFFFF;
}

#search button:active {
	background-color: #dbdcdd;
	color: #fff;
}

#header address {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.3em;
}

#header address em {
	color: #FFFFFF;
	font-style: normal;
}

a[href^="tel:"] {
	border-bottom: none;
	color: #8dadd5;
	font-style: normal;
}
#content a[href^="tel:"] {
	color: #8dadd5;
	text-decoration: none;
}
/*** Side Navigation: Parent ***/

#nav a {
	border-bottom: 1px solid #eff3f3;
	color: #4f80be;
}

#nav a:hover{
	background-color: #8dadd5;
	color:#325786;
}

#nav li.current a {
	background:repeat-x scroll 0 0 #8dadd5; 
	font-weight: bold;
	color:#325786;
}

#nav li.current ul {
	border-bottom: 1px solid #FFF;
}

/*** Side Sub Navigation: Children ***/

#nav ul a,
#nav li.current ul a {
	background-color: #FDECB6;
}

#nav ul a:hover,
#nav ul a:visited:hover,
#nav li.current ul a:hover,
#nav li.current ul a:visited:hover {
	background-color: #F0F4FA;
}

#nav ul li.current a,
#nav ul li.current a:hover,
#nav li.current ul li.current a,
#nav li.current ul li.current a:hover {
	background-color: #F0F4FA;
	color: #757779;
	font-weight: bold;
}

#nav li.current ul {
	background-color: #B2C8E3;
}

/*** Home Page Coda Slider - Animation Area ***/

.page {
	background-color: #757779;
}





/*** Home Page Content Box - ie Specialties Box ***/

#home-content-box {
	background-color: #F0F4FA;
}

#home-content-box li a:active,
#home-content-box li a:link,
#home-content-box li a:visited {
	color:#757779;
	text-decoration:none;
}

#home-content-box li a:hover {
	color:#325786;
	text-decoration:none;
}

/*** Call Out Buttons ***/

.callout-container a.callout:hover {
	color: #fff;
}

.callout-container a.callout,
.callout-container a.callout:active {
	color: #FFF;
}

#request-appointment strong,
#submit-testimonial b {
	color: #325786;
	font-size: 12px;
	line-height: 25px;
}

.callout {
	font-size: 19px;
	line-height: 20px;
}

.callout span {
	font-size: 15px;
}

#request-appointment:hover, #download-forms:hover {
	background-color: #4F80BE;
}

#about-surgeon:hover, #read-news:hover {
	background-color: #4F80BE;
}

#patient-testimonials:hover, #view-multimedia:hover, #submit-testimonial:hover {
	background-color: #D1760E;
}

#request-appointment, #download-forms,
#request-appointment:active, #download-forms:active {
	background-color: #749bcc;
}

#about-surgeon, #read-news,
#about-surgeon:active, #read-news:active {
	background-color: #749bcc;
}

#patient-testimonials, #view-multimedia, #submit-testimonial,
#patient-testimonials:active, #view-multimedia:active, #submit-testimonial:active {
	background-color: #E17F0F;
}

/*** Page Column ***/

.column,
.featured {
	border-bottom: solid 10px #325786; /* color will need to be updated at the bottom of the layout in the jquery as well */
	border-top: solid 10px #325786;
	background-color: #F0F4FA;
}

.column li a:active,
.column li a:link,
.column li a:visited {
	color:#757779;
	text-decoration:none;
}

.column li a:hover {
	color:#325786;
	text-decoration:none;
}

.column strong {
	color:#325786;
}

.featured {
	background-color: #F0F4FA;
	font-size: 13px;
	line-height: 1.35em;
}

/*** Forms ***/

form,
.admin_listing {
	background-color: #D5DCDB;
	border: 1px solid #617471;
}

input,
textarea {
	border: 1px solid #BFBFBF;
	color: #C13D0C;
}

input:focus,
textarea:focus {
	border: 1px solid #3A4645;
}

.patient-survey strong {
	color: #C13D0C;
}

input[type="button"]:hover,
input[type="submit"]:hover,
a:hover.button,
button:hover, .hover {
	background-color: #F6CA5E;
	color: #FFFFFF;
}

a.button,
input[type="button"],
input[type="submit"],
button,
button:active,
a:active.button,
input[type="button"]:active,
input[type="submit"]:active {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #F2B217;
	color: #FFFFFF;
	border:solid 2px #F2B217;
	
}

/*** Footer ***/


.copyright,
#footer address {
	font-size: 13px;
	line-height: 15px;
}

.copyright {
	color: #666;
	font-size: 11px;
}

.copyright a:link,
.copyright a:visited,
.copyright a:active {
	color: #325786;
}

.copyright a:hover {
	color: #4F80BE;
	text-decoration: none;
}

#footer {
	color: #FFF;
}

/*** Print ***/

#print-reveal {
	color: #757779;
}