﻿/* CHS Template 3
--------------------------------------------------------
Central Texas Cardiovascular Surgery
Colors:		#7a2425 - Dark Red
				#9b5b5c - Medium Red
				#b48485 - Light Red
				#f1f1f1- Light Grey
--------------------------------------------------------*/

html, body{ font-size: 12px; }
body{ background: #f1f1f1; color: #333; font-family: Arial, Helvetica, Sans-Serif; }
h1, h2, h3, h4, h5, h6{}
h1{ color: #7a2425; font-size: 24px; margin: 0 0 5px 0; }
h2{ color: #9b5b5c; font-size: 20px; margin: 0 0 5px 0; }
h3{ color: #666; font-size: 18px; margin: 0 0 5px 0; }
h4{ color: #7a2425; font-size: 16px; margin: 0 0 5px 0; }
h5{ color: #9b5b5c; font-size: 14px; margin: 0 0 5px 0; }
h6{ color: #666; font-size: 12px; margin: margin: 0 0 5px 0; }
p, #main_content .literalContent{ line-height: 20px; margin: 0 0 10px 0; text-align: justify; }
p img[align="left"], #main_content .literalContent img[align="left"]{ margin: 0 10px 0 0; }
p img[align="right"], #main_content .literalContent img[align="right"]{ margin: 0 0 0 10px; }
a{ color: #9b5b5c; text-decoration: none; }
a:hover, a:focus{ color: #9b5b5c; text-decoration: underline; }

/* sIFR Formatting */
@media screen{
	.sIFR-flash{ visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced, .sIFR-ignore{ visibility: visible !important; }
	.sIFR-alternate{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus{ margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
@media print{
	.sIFR-flash{ display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
	.sIFR-alternate{ visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}
@media screen{
	.sIFR-active #main_content h1{ line-height: 1em; margin: 0; padding-bottom: 0; visibility: hidden; }
	.sIFR-active .col-services h2{ line-height: 1em; margin: 0; padding-bottom: 0; visibility: hidden; }
}

/* Structure */
#wrap{ width: 100%; min-width: 970px; background: transparent url(../Images/bg.gif) no-repeat top center; margin: 0 auto; }

/* Header Section */
#header{ width: 970px; height: 105px; margin: 0 auto; background: transparent url(../Images/bg_header.gif) no-repeat bottom left; overflow: hidden; }
	#logo{ float: left; width: 340px; height: 105px; }
		#logo a{ width: 100%; height: 100%; display: block; }
		#logo a span{ display: none; }
	.top-nav{ float: right; display: inline; width: 92px; height: 20px; margin: 10px 25px 0 0; overflow: hidden; list-style: none; background: #eee; }
		.top-nav li{ float: left; display: inline; }
		.top-nav li a{ background: transparent url(../Images/top-nav.gif) no-repeat center left; padding: 0 4px 0 6px; color: #9b5b5c; font-size: 10px; line-height: 20px; font-weight: bold; }
		.top-nav #nav_location a{ background: transparent none; }

/* Navigation Section */
#nav{ clear: right; float: right; display: inline; width: 552px; height: 35px; margin: 40px 25px 0 0; background: transparent url(../Images/nav.gif) repeat-x top left; }
	#nav ul{ list-style: none; padding: 0 0 0 4px; overflow: hidden; }
		#nav li{ display: inline; float: left; }
			#nav a{ color: #fff; float: left; display: inline; font-size: 14px; font-weight: bold; text-decoration: none; }
			#nav a span{ display: block; line-height: 35px; padding: 0 10px; }
			#nav a:hover, #nav a:focus{ background: transparent url(../Images/nav_hover.gif) repeat-x; }
			.root #nav #nav_home, .services #nav #nav_clinical_services, .physicians #nav #nav_medical_staff, .patients #nav #nav_patient_information, .about #nav #nav_about_us{ background: transparent url(../Images/nav_selected.gif) repeat-x; color: #666; }
			.location .top-nav #nav_location a, .faq .top-nav #nav_faqs a, .contact .top-nav #nav_contact a{ text-decoration: underline; color: #666; }

/* Main Section */
#main_wrap{ width: 970px; background: transparent url(../Images/bg_main_repeater.gif) repeat-y top left; margin: 0 auto 20px; }
#main_header{ background: transparent url(../Images/bg_main_header.gif) no-repeat top left; }
#main_footer{ padding: 0 25px; background: transparent url(../Images/bg_main_footer.gif) no-repeat bottom left; }
	#main{ width: 920px; min-height: 405px; height: auto !important; height: 405px; position: relative; }
/* Home Page */
#marquee{ width: 920px; padding: 10px 0; }
	.root #main .col-services{ width: 230px; display: inline; float: left; margin: 0 20px 0 0; padding: 0 0 20px 0; }
		.root #main .col-services h2, .root #main .col-welcome h1{ height: 27px; margin: 0 0 10px 0; padding: 3px 0 0 10px; border-right: 5px solid #9b5b5c; background: #eee; color: #7a2425; font-size: 18px; line-height: 25px; font-weight: normal; }
		.root #main .col-services ul{ list-style: square; margin: 0; }
			.root #main .col-services ul li{ margin: 0 0 10px 20px; color: #7a2425; font-size: 10px; line-height: 16px; }
				.root #main .col-services li a{ color: #999; font-size: 12px; line-height: 16px; font-weight: bold; text-decoration: none; }
				.root #main .col-services li a:hover{ text-decoration: underline; }
	.root #main .col-welcome{ width: 420px; display: inline; float: left; margin: 0 20px 0 0; padding: 0 0 20px 0; color: #333; }
		.root #main .col-welcome .menu{ display: none; }
			.root #main .col-welcome .menu .font_normal{ font-size: 10px; }
			.root #main .col-welcome .menu .font_medium{ font-size: 12px; }
			.root #main .col-welcome .menu .font_large{ font-size: 14px; }
		.root #main .col-welcome h1{}
		.root #main .col-welcome h2{ font-size: 18px; }
	.root #main .col-cta{ width: 230px; float: left; overflow: hidden; padding: 0 0 20px 0; }
		.root #main .col-cta .cta{ display: block; height: 100px; background-repeat: no-repeat; }
		.root #main .col-cta .cta span{ display: none; }
		.root #main .col-cta .cta-1{ background-image: url(../Images/cta_1.jpg); margin-bottom: 10px; }
		.root #main .col-cta .cta-2{ background-image: url(../Images/cta_2.jpg); margin-bottom: 10px; }
		.root #main .col-cta .cta-3{ background-image: url(../Images/cta_3.jpg); }
/* Internal Page Structure */
	#main #main_inner{ margin: 0; }
		#main #main_inner #main_content{ width: 680px;  display: inline; float: right; margin: 15px 10px 15px 0; }
		#main #main_inner #main_sidebar{ width: 205px; display: inline; float: left; margin: 15px 15px 0 10px; padding: 0 0 20px 0; }
/* Main Content Styles */
#main_content h1{ height: 32px; padding: 5px 0 0 10px; border-right: 5px solid #9b5b5c; background: #eee; color: #7a2425; margin: 0; }
	#main_content h1 a{ color: #9b5b5c; font-weight: normal; text-decoration: none; }
	#main_content h1 a:hover, #main_content h1 a:focus{ color: #fff; }
#main_content .menu{ border-bottom: 1px solid #ddd; padding: 0 10px 0 0; }
	#main_content .menu a{ text-decoration: none; }
	#main_content .menu a:hover, #main_content .menu a:focus{ color: #666; }
	#main_content .menuempty{ height: 20px; border-bottom: 1px solid #ddd; }
#main_content acronym{ border-bottom: 1px dotted #ccc; cursor: help; }
#main_content hr{ height: 0; margin: 10px 0; border: 0; border-bottom: 1px solid #ccc; }
#main_content fieldset{ border: 2px solid #ddd; padding: 10px; }
#main_content legend{ font-size: 14px; font-weight: bold; }
#main_content ul, #main_content ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; }
#main_content li{ margin: 0 0 10px 0; line-height: 18px; }
#main_content ul li{ list-style: square; }
#main_content ol li{}
#main_content dl{ line-height: 20px; margin: 0 0 20px 0; }
#main_content dl dt{ color: #555; font-weight: bold; }
#main_content dl dd{ margin: 0 0 10px 0; }
#main_content blockquote{ width: 660px; border-left: 3px solid #ddd; color: #666; font-style: italic; line-height: 20px; margin: 0 0 20px 0; padding: 0 0 0 10px; text-align: justify; }
#main_content .button, #main_content .button_disabled{ border: 2px solid #ccc; font-size: 12px; font-weight: bold; line-height: 26px; padding: 4px 8px; text-decoration: none; }
#main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; }
#main_content .button{ background: #9b5b5c; border-color: #7a2425; color: #fff; text-decoration: none; }
#main_content .button:hover, #main_content .button:focus{ background: #7a2425; border-color: #b48485; color: #eee; text-decoration: none; }
#main_content .button_disabled{ background: #fff; border-color: #f1f1f1; color: #ccc; padding: 4px 8px; }
#main_content input.button_disabled{ height: 22px; line-height: 12px; padding: 0 4px; }
#main_content .button_disabled:hover{ text-decoration: none; }
#main_content .greenbutton:hover{ background: #fff !important; color: #333 !important; }
#main_content .photo{ width: 132px; height: 152px; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; float: left; }
	#main_content .photo img{ position: absolute; left: 5px; top: 5px; }
#main_content .thumb{ width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; float: left; }
	#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }
/* Sidebar Styles */
#main_sidebar h2{ color: #7a2425; font-size: 16px !important; line-height: 28px; margin: 0; }
#main_sidebar #sidemenu{ margin-bottom: 15px; }
#main_sidebar fieldset{ width: 219px; margin: 0 10px 10px; }
#main_sidebar address{ color: #9b5b5c; }
#main_sidebar #phonenumbers{ color: #7a2425; font-weight: bold; line-height: 18px; margin: 10px 0; }
#main_sidebar #phonenumbers a{ color: #666; }
#main_sidebar #phonenumbers .phonedirectory{ display: none; }
#main_sidebar #map{ width: 186px; height: 200px; border: solid 4px #ccc; margin: 20px 0 10px 0; overflow: hidden; }
#main_sidebar ul{ list-style: square; margin: 0 0 15px; }
	#main_sidebar ul li{ margin: 2px 0 2px 15px; color: #7a2425; font-size: 10px; line-height: 16px; }
		#main_sidebar ul li a{ color: #666; font-size: 12px; font-weight: bold; text-decoration: none; }
		#main_sidebar ul li a:hover, #main_sidebar ul li a:focus{ color: #7a2425; text-decoration: underline; }
		#main_sidebar ul li ul{ margin: 0 0 5px 5px; }
			#main_sidebar ul ul li{ background: transparent url(../Images/bullet2.gif) no-repeat left 8px; color: #999; line-height: 14px; }
				#main_sidebar ul ul li a{ color: #9b5b5c; font-size: 11px; font-weight: normal; }
				#main_sidebar ul ul li a:hover, #main_sidebar ul ul li a:focus{ text-decoration: none; }

/* Footer Section */
#footer{ clear: both; width: 100%; height: 70px; color: #999; font-size: 11px; line-height: 25px; overflow: hidden; }
	#footer .left{ width: 420px; float: left; }
	#footer .right{ width: 420px; float: right; text-align: right; }
		#footer a{ color: #999; text-decoration: none; }
			#footer a:hover, #footer a:focus{ color: #666; text-decoration: underline; }
		#footer .copyright{ margin: 5px 0 0 0; text-align: left; }
		#footer .footer-nav{ width: 100%; overflow: hidden; list-style: none; }
			#footer .footer-nav li{ float: left; display: inline; }
			#footer .footer-nav li a{ border-left: solid 1px #ccc; padding: 0 4px; color: #9b5b5c; }
			#footer .footer-nav li.firstcell a{ border-left: 0; padding-left: 0; }
		#footer address{ font-style: normal; }
		#footer .designby{ clear: left; margin: 5px 0 0 0; color: #ccc; }
			#footer .designby a{ padding-right: 39px; background: transparent url(../Images/designby.gif) no-repeat top right; }
			#footer .designby a:hover{ background-position: bottom right; }
			#footer .designby span{ display: none; }

/* Testimonials Page */
#testimoniallist blockquote{ width: 590px !important; }

/* Hax0rs */
.location #main_sidebar fieldset{ display: none; }
.RadPicker_Telerik .rcCalPopup{ margin: 0 0 0 5px !important; }
.RadPicker_Telerik .rcTimePopup{ margin: 0 0 0 5px !important; }
#footerpager{ height: 20px; }
