/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.dallasheartgroup.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#686868; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff url(../images/body-bg.gif) repeat-x;
	  font: 12px Georgia, "Times New Roman", Times, serif;
	  color:#272727;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 980px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#3e3e3e; }
	h1 { font-size: 24px; color:#782323;}
	h2 { font-size: 18px; }
	h3 { font-size: 14px; }
	h4 { font-size: 20px; color:#782323;}
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#782323; text-decoration:underline; }
	a:hover { color:#782323; text-decoration:underline;  }
	
	#two_column #content_main a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 960px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { }
	
	#footer_container {
		height:90px;
		background:url(../images/footer-container-bg.gif) repeat-x;
		border-top:1px dashed #acacac;
		overflow:hidden;
	}
	
	#footer { 
		color:#fff;
		width: 960px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:39px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:39px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.about-us { width:94px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) no-repeat; }
	ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.gif) no-repeat 0 -39px; }
	
	ul#nav_main li.for-patients { width:134px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.gif) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.gif) no-repeat 0 -39px; }
	
	ul#nav_main li.for-physicians { width:158px; }
	ul#nav_main li.for-physicians a span,ul#nav_main li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat; }
	ul#nav_main li.for-physicians a:hover span,body.for-physicians ul#nav_main li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat 0 -39px; }
	
	ul#nav_main li.services-procedures { width:214px; }
	ul#nav_main li.services-procedures a span,ul#nav_main li.services-procedures a:link span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat; }
	ul#nav_main li.services-procedures a:hover span,body.services-procedures ul#nav_main li.services-procedures a span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat 0 -39px; }
	
	ul#nav_main li.patient-education { width:182px; }
	ul#nav_main li.patient-education a span,ul#nav_main li.patient-education a:link span { background:url(../images/buttons/btn-patient-education.gif) no-repeat; }
	ul#nav_main li.patient-education a:hover span,body.patient-education ul#nav_main li.patient-education a span { background:url(../images/buttons/btn-patient-education.gif) no-repeat 0 -39px; }
	
	ul#nav_main li.news { width:80px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.gif) no-repeat; }
	ul#nav_main li.news a:hover span,body.news ul#nav_main li.news a span { background:url(../images/buttons/btn-news.gif) no-repeat 0 -39px; }
	
	ul#nav_main li.research { width:98px; }
	ul#nav_main li.research a span,ul#nav_main li.research a:link span { background:url(../images/buttons/btn-research.gif) no-repeat; }
	ul#nav_main li.research a:hover span,body.research ul#nav_main li.research a span { background:url(../images/buttons/btn-research.gif) no-repeat 0 -39px; }
	
	
	#nav_sub { 
		background:url(../images/nav-sub-bg.gif) no-repeat;
		color:#fff; 
		width:270px; 
		height:24px; 
		padding:7px 0 0 13px;
		font-size:13px;
		float:right;
		display:inline;
	} 
	#nav_sub a,
	#nav_sub a:visited { color:#fff; text-decoration:none; }
	#nav_sub a:hover { color:#fff; text-decoration:underline; }
	
	#nav_supp { padding:15px 0; }
	#nav_supp a,
	#nav_supp a:visited { text-decoration: none; color:#fff; }
	#nav_supp a:hover { text-decoration: underline; color:#fff; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:96px; border-bottom:1px dashed #acacac;}
	
	#telephone { font-size:28px; color:#782323; margin:18px 0 0 0; float:right; clear:both;}
	
	#branding h1 { width:669px; height:92px; margin:4px 0 0 0; padding:0; overflow:hidden; position:absolute; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	#branding_sub { width:960px; height:282px; overflow:hidden; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { 
		display:inline; 
		float:left; 
		border-right:1px dashed #acacac; 
		width:340px; 
		height:525px;
		overflow:hidden;
	}
	
	#three_column #content_main h1 { letter-spacing:-1px; margin:10px 0 0 0; font-size:23px; color:#782323;}
	#three_column #content_main h2 { margin:0 0 10px 0; font-size:20px; color:#782323;}
	#three_column #content_main h3 { font-size:16px; color:#3e3e3e;}
	#three_column #content_main p {padding:0 20px 0 0;}
	
	#three_column #content_main ul {margin:0 0 0 20px; padding:0; list-style-type:square;}
	#three_column #content_main ul li {margin:0; padding:2px 0;}
	
	#three_column #content_sub { 
		display:inline; 
		float:left; 
		border-right:1px dashed #acacac; 
		width:238px; 
		height:525px;
		padding:0 15px;
		overflow:hidden;
	}
	
	#three_column h2.block { color:#fff; background:#4c4b4b; display:block; width:212px; padding:4px 12px; font-size:22px; font-weight:normal; }
	
	#three_column #content_sub ul { list-style-type:none; margin:0 0 5px 8px; padding:0; line-height:18px; }
	#three_column #content_sub ul li { margin:0; padding:4px 0; }
	#three_column #content_sub ul li a:link, 
	#three_column #content_sub ul li a:visited { text-decoration:none; font-weight:bold; }
	#three_column #content_sub ul li a:hover { text-decoration:underline; }

	#three_column #content_supp{ 
		display:inline; 
		float:left; 
		width:310px; 
		padding:0 15px;
		height:525px;
		overflow:hidden;
	} 
	
	#three_column #content_supp h2.block { color:#fff; background:#4c4b4b; display:block; width:320px; padding:4px 12px; font-size:22px; font-weight:normal; }
	
	#three_column #content_supp .callout {clear:both; margin:0 0 0 5px; padding:0; height:100px; }
	#three_column #content_supp .callout img { float:left; padding:0 18px 0 0; }
	#three_column #content_supp .callout h3 { margin:0; padding:0; color:#782323; }
	#three_column #content_supp .callout a,
	#three_column #content_supp .callout a:visited {text-decoration:none; font-weight:bold;}
	#three_column #content_supp .callout a:hover {text-decoration:underline;}
	
	
	.dotted-box { border:1px dashed #acacac; padding:10px 12px; margin:5px 0; line-height:14px; } 
	.dotted-box h2 { margin:0; padding:0 0 5px 0; font-weight:normal; color:#782323;}
	.dotted-box h3 { margin:0; padding:0 0 2px 0; color:#782323;}
	.dotted-box p { margin:0; padding:0; }
	.dotted-box a,
	.dotted-box a:visited {text-decoration:none; font-weight:bold;}
	.dotted-box a:hover {text-decoration:underline;}
	.dotted-box ul { list-style-type:none; margin:0; padding:5px 0;}
	.dotted-box ul li { background:url(../images/bullet.gif) no-repeat left 50%; padding:0 0 0 12px; margin:5px 0; }
	.dotted-box ul li a,
	.dotted-box ul li a:visited,
	.dotted-box ul li a:hover {color:#272727; text-decoration:underline; font-weight:normal;}

	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #nav_main { border-bottom:1px dashed #acacac; }
	
	#two_column #content {margin:20px 0;}
	
	#two_column #content_main { float:left; display:inline; width:660px; padding:0 30px 0 0; margin:0; border-right:1px dashed #acacac;}
	
	#two_column #content_main h1 { margin:0 0 0.4em 0; padding:0;}
	
	#two_column #content_sub { float:left; display:inline; padding:3px 0 0 10px; margin:0 0 0 -1px; width:255px; overflow:hidden; border-left:1px dashed #acacac; background:#fff;} 
		
	#two_column #content_sub #in-this-section { margin:0 10px 0 4px;}
	#two_column #content_sub #in-this-section h2 { display:block; background:#4c4b4b; padding:4px 12px; color:#fff; font-size:22px; font-weight:normal; margin:10px 0 0 0; }
	
	#two_column #content_sub #in-this-section ul { list-style-type:none; margin:0; padding:0; width:100%; overflow:hidden;}
	#two_column #content_sub #in-this-section ul li {margin:0; padding:0;}
	#two_column #content_sub #in-this-section a,
	#two_column #content_sub #in-this-section a:visited { margin:0; padding:5px 12px; text-decoration:none; border-bottom:1px dashed #acacac; width:100%; display:block; background:#fff; }
	#two_column #content_sub #in-this-section a:hover { text-decoration:none; background:#d6d6d6; }
	
	#two_column #content_sub #callouts { overflow:hidden; margin:10px 0 0 4px; }
	#two_column #content_sub #callouts .callout {clear:both; margin:0; padding:10px 0; height:80px; font-size:11px; border-bottom:1px dashed #acacac;}
	#two_column #content_sub #callouts .callout img { float:left; padding:0 15px 0 0; }
	#two_column #content_sub #callouts .callout h3 { margin:0; padding:0; color:#782323; font-size:13px;}
	#two_column #content_sub #callouts .callout p { margin:0; padding:0; line-height:16px;}
	#two_column #content_sub #callouts .callout a,
	#two_column #content_sub #callouts .callout a:visited {text-decoration:none; font-weight:normal;}
	#two_column #content_sub #callouts .callout a:hover {text-decoration:underline;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info {  padding:15px 0; }
	#site_info a,
	#site_info a:visited { text-decoration: none; color:#fff; }
	#site_info a:hover { text-decoration: underline; color:#fff; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:circle;}
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0 0 0 20px; padding:0; border:0; width:250px;}
	#driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {border-bottom:1px dashed #acacac; border-left:1px dashed #acacac; border-right:1px dashed #acacac; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions #submitButton {margin:10px 0 0 0; cursor:pointer;}


	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard {margin:0px;}
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.inset {padding:20px; margin:20px 0 0 20px; border:1px dashed #acacac; width:210px;}
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/	
	img.left { float:left; margin:0 10px 10px 0; }
	img.right { float:right; margin:0 0 10px 10px; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	#pagnation-links { text-align:center; }
	#pagnation-links .left {float:left;}
	#pagnation-links .right {float:right;}
	
	
}