/**
 * Impact
 *
 * @project Impact Theme
 * @package Stryker Docsite Themes
 * @copyright 2010, Mudbug Media
 *
 * Color Guide
 * * #D9E7F9 - body background, nav-arrow, current subnav background, jquery link hover, form backgrounds
 * * #2C4B92 - h1, column h2, home h2, surgeon h2, h3, h4, i, em, home boxed content, nav background, print title, subnav text
 * * #4770A4 - h2, column h4, appointments h4, survey h4, link hover, header border-bottom, nav border-top, main nav hover background, footer background, form buttons hover
 * * #BCCFE9 - appointments h4 border-bottom, survey h4 border-bottom
 * * #CC6600 - ol, links, current subnav link, subnav link hover, surgeon button, news button, jquery buttons, jquery background, form buttons
 * * #E5B27F - link underline
 * * #F49F4F - wrapper border, search background, current search button text, current main nav, copyright border-bottom
 * * #7297C3 - search input text, form inputs text
 * * #245286 - search button, appointment button hover, forms button hover
 * * #003366 - search button hover, appointment button, forms button, current jquery button
 * * #4067A8 - header background (should match the on your header image where it meets the very bottom-left corner of the search)
 * * #FFCC66 - phone numbers, current nav-arrows, hover nav-arrows
 * * #C3D0DF - subnav hover background
 * * #50B9ED - appointment button's phone number, sumbit-testimonials button's last line
 * * #860101 - testimonial buttons, multimedia button
 * * #D8843F - surgeon button hover, news button hover
 * * #A71622 - testimonial buttons hoaver, multimedia button hover
 */


/*** Content ***/

body {
	background-color: #DFEBF2;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.35em;
	margin-top: 0;
}

h1 {
	color: #1E648B;
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding-bottom: 6px;
}

#surgeons h1 {
	margin-bottom: 0;
}

h2 {
	color: #2678A6;
	font-size: 16px;
	margin-bottom: 0px;
}

.column h2 {
	color: #2678A6;
	font-size: 14px;
	margin-bottom: 5px;
}

#surgeons h2,
#home h2,
h3.admin_title {
	color: #1E648B;
	font-size: 18px;
	font-weight: normal;
}

h3, h4 {
	color: #1E648B;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 3px;
}

.column h4,
.admin h4,
.admin_listing h4 {
	border-bottom: 5px solid #ccc;
	color: #2678A6;
	font-weight: bold;
	margin-top: 0px;
	padding: 0 0 5px 0;
	size: 14px;
}

#testimonials h4 {
	margin-bottom: 20px;
}

.appointments h4, .patient-survey h4 {
	border-bottom: 4px solid #2678A6;
	color: #6CA3C3;
	text-transform: uppercase;
}

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

em, i {
	color: #CC8833;
	font-style: italic;
}

hr {
	border: none 0;
	border-top: 5px solid #ccc;
}

/*** Lists ***/

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

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

/*** Links ***/

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

a.tel:hover{
	color: #ffffff;
}

a:hover {
	border-bottom: 1px dotted #1E648B;
	color: #1E648B;
	text-decoration: none;
}


/*** Images ***/

.photos {
	border: 6px solid #ccc;
}

/*** Wrappers ***/

.wrapper {
	background-color: #FFF;
	border: 6px solid #DBAB70;
}

#content-nav-wrapper,
#nav {
	background-color: #2678A6;
}

#content {
	background-color: #FFF;
}

/*** Header & Search ***/


#header {
	border-bottom: 5px solid #1E648B;
}

#search {
	background-color: #DBAB70!important;
}

#search button {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #2678A6;
	color: #C5DAF6;
}

#search button:hover {
	background-color: #1E648B;
	color: #C5DAF6;
}

#search button:active {
	background-color: #2678A6;
	color: #C5DAF6;
}
#header {
	background-color: #79A5C3;
}
#header address {
	color: #FFFFFF;
	font-size: 12px;
}

a[href^="tel:"] {
	border-bottom: none;
	color: #EBCFAD;
	font-style: normal;
}
#content a[href^="tel:"] {
	color: #2678A6;
}
/*** Side Navigation: Parent ***/

#nav {
	border-top: 5px solid #1E648B;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#nav > li:first-child {
	border-top: 1px solid #FFF;
}

#nav a:hover{
	background-color: #DBAB70;
}

#nav a,
#nav a:active  {
	border-bottom: 1px solid #FFF;
	color: #FFF;
}

#nav li.current a {
	color: #fff;
	background-color:#DBAB70;
}
.nav-arrow {
	border-color: #DFEBF2 transparent  transparent;
}
#nav li.current .nav-arrow,
#nav li:hover .nav-arrow {
	border-color:#1E648B transparent transparent;
}
/*** Side Sub Navigation: Children ***/

#nav ul {
	font-size: 11px;
	text-transform: uppercase;
}


#nav ul a,
#nav li.current ul a,
#nav ul a:active,
#nav li.current ul a:active {
	color: #1E648B;
}

#nav .current ul a {
	background-color: #DFEBF2;
}

#nav ul a:hover,
#nav ul a:visited:hover {  
	background-color: #F6FAFC;
	color: #1E648B;
}

#nav ul li.current a,
#nav li.current ul li.current a,
#nav li.current ul li.current a:hover {
	background-color: #DFEBF2; 
	color: #CC8833;
}
#nav li.current .nav-arrow,
#nav li:hover .nav-arrow {
	border-color: #1E648B transparent transparent;
}
/*** Home Page Content Box - ie Specialties Box ***/

#home-content-box {
	background-color: #EEE;
	border: 1px solid #ccc;
}

.home-content-box-column-a,
.home-content-box-column-b {
	color: #2C4B92;
	font-size: 12px;
}

/*** Call Out Buttons ***/
a.callout:hover {
	color: #ddd;
}

a.callout,
a.callout:active {
	color: #FFF !important;
}

#request-appointment strong,
#submit-testimonial b {
	color: #EBCFAD;
}

#request-appointment:hover, #download-forms:hover {
	background-color: #2478a7;
}

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

#patient-testimonials:hover, #view-multimedia:hover, #submit-testimonial:hover {
	background-color: #bb3e00;
}
#request-appointment, #download-forms,
#request-appointment:active, #download-forms:active {
	background-color: #1E648B;
}
#about-surgeon, #read-news,
#about-surgeon:active, #read-news:active {
	background-color: #CC8833;
}
#patient-testimonials, #view-multimedia, #submit-testimonial,
#patient-testimonials:active, #view-multimedia:active, #submit-testimonial:active {
	background-color: #993300;
}

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

#scrollable-container {
	background-color: #CC8833;
	color: #fff;
}

#scrollable-container .page .arrow {
	border-left: 70px solid #CC8833;
}

#scrollable-container .page-content h1,
#scrollable-container .page-content a {
	color: #fff;

}

#scrollable-container .page-content a {
	border-bottom: 1px dotted #fff;
}

#scrollable-container .page-content a:hover {
	border-bottom: 1px dotted #154A69;
	color: #154A69;
}

#scrollable-container div.navi a {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #1E648B;
	border: 1px white solid;
}

#scrollable-container div.navi a.active {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #CC8833;
}

/*** Page Column ***/

.column,
.featured {
	background-color: #EEE;
	border: 1px solid #ccc;
	font-size: 13px;
	line-height: 1.35em;
}

/*** Forms ***/

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

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

input:focus,
textarea:focus {
	border: 1px solid #4770A4;
}

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

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

a.button,
input[type="button"],
input[type="submit"],
button,
a:active.button,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #2678A6;
	color: #EFEFEF;
}

/*** Footer ***/

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

.copyright a:link,
.copyright a:visited,
.copyright a:active {
	border-bottom: 2px solid #CC8833;
}

.copyright a:hover {
	text-decoration: none;
}

.spacer{
	min-height: 315px;
}

#footer {
	background-color: #1E648B;
	color: #FFF;
}

/*** Print ***/

#print-page {
	background-color: #fff;
	border: 1px solid  #ccc;
}

#print-reveal {
	color: #2C4B92;
	border-bottom: 3px solid #ccc;
}