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

version:   1.0
author:    Jon Reddout
email:     jreddout@practisinc.com
website:   http://www.csantctimaging.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background:#fff url(../images/bg.jpg) repeat-x;
	  font: 12px Trebuchet MS, Helvetica, sans-serif;
	  color:#000;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 958px; /* 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:20px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color:#0f4d54; }
	h2 { font-size: 1.3em; color:#be5e18; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #231f20; }
	a:hover { 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: 958px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/container-bg.jpg) repeat-y;
	}
	#container .top {  background:url(../images/body-top-bg.jpg) no-repeat top left; }
	#container .bottom { margin:0; padding:0 0 12px 0; background: url(../images/body-bottom.jpg) no-repeat bottom left; min-height:100px; height:auto !important; height:100px; }
	
	#content { margin:0; padding:0; }

	
	#footer { width:883px; height:47px; margin:14px 0 20px 27px; padding:8px 0 0 20px; background:url(../images/footer-bg.jpg) repeat-x; border: 1px solid #7ebbc1; } /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:28px; width:958px; margin:0 auto; padding:11px 0 11px 0; list-style-type:none; font-size:18px; text-align:left; }
	ul#nav_main li { height:28px; float:left; position:relative; overflow:hidden; text-align:center;}
	ul#nav_main li a { display:block; cursor:pointer; color:#231f20; text-decoration:none;}
	* html #nav_main a:hover { 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.home { width:125px; border-right:1px solid #434343; }
	ul#nav_main li.home a, ul#nav_main li.home a:link  { color:#231f20; }
	ul#nav_main li.home a:hover, body.home ul#nav_main li.home a { color:#0f4d54; }
	
	ul#nav_main li.about-us { width:136px; border-right:1px solid #434343;  }
	ul#nav_main li.about-us a, ul#nav_main li.about-us a:link { color:#231f20; }
	ul#nav_main li.about-us a:hover, body.about-us ul#nav_main li.about-us a { color:#0f4d54; }
	
	ul#nav_main li.diagnostic-tests { width:190px; border-right:1px solid #434343;  }
	ul#nav_main li.diagnostic-tests a, ul#nav_main li.diagnostic-tests a:link { color:#231f20; }
	ul#nav_main li.diagnostic-tests a:hover, body.diagnostic-tests ul#nav_main li.diagnostic-tests a { color:#0f4d54; }
	
	ul#nav_main li.imaging { width:160px; border-right:1px solid #434343;  }
	ul#nav_main li.imaging a, ul#nav_main li.imaging a:link { color:#231f20; }
	ul#nav_main li.imaging a:hover, body.imaging ul#nav_main li.imaging a { color:#0f4d54; }
	
	ul#nav_main li.for-physicians { width:178px; border-right:1px solid #434343;  }
	ul#nav_main li.for-physicians a, ul#nav_main li.for-physician s a:link { color:#231f20; }
	ul#nav_main li.for-physicians a:hover, body.for-physicians ul#nav_main li.for-physicians a { color:#0f4d54; }
	
	ul#nav_main li.contact-us { width:160px; }
	ul#nav_main li.contact-us a, ul#nav_main li.contact-us a:link { color:#231f20; }
	ul#nav_main li.contact-us a:hover, body.contact-us ul#nav_main li.contact-us a { color:#0f4d54; }
	
	
	#nav_sub { } 
	#nav_sub a,
	#nav_sub a:visited { color: #; }
	#nav_sub a:hover { color: #; }
	
	#nav_supp { }
	#nav_supp a,
	#nav_supp a:visited { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:233px; margin:0; padding:19px 0 0 28px; }
	
	#branding h1 { width:247px; height:215px; margin:0; padding:0; position:relative; overflow:hidden; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo.jpg) no-repeat; }
	
	#branding_int { height:233px; width:249px; padding:0; margin:18px 0 0 27px; float:left; display:inline;}
	
	#branding_int h1 { width:247px; height:215px; margin:0; padding:0; position:relative; overflow:hidden; float:left; }
	#branding_int h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo.jpg) no-repeat; }
	
	#branding_sub { width:379px; height:202px; margin:0 0 0 8px; padding:13px 0 0 269px; background:url(../images/whole-picture-bg.jpg) no-repeat; float:left; overflow:hidden; } /* Optional container, use only if necessary. */
	#branding_sub h1 { width:370px; height:30px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding_sub h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/get-the-whole-picture-txt.gif) no-repeat; }	
	#branding_sub .quote { margin:0; padding-top:10px; font-size:13px; }
	#branding_sub .signature { margin-left:15px; padding:0; font-size:11px }
	#branding_sub img { margin:10px 16px 0 15px; padding:0; float:right; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:561px;  margin:0 0 0 27px; padding:0; background:url(../images/content-bg.jpg) repeat-y; float:left;}
	
	#three_column #content_main .top { width:540px; height:456px; padding:13px 8px 8px 13px; background:url(../images/content-bg-top.jpg) no-repeat top left; overflow:hidden; }
	
	#three_column #content_main h1 { width:500px; height:30px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background:url(../images/welcome-to-csant-ct-imaging-txt.gif) no-repeat; }
	
	#three_column #content_main ul { margin:0 0 0 15px; padding:0; }
	#three_column #content_main li { margin:0; padding:0; list-style: url(../images/orange-bullet.gif);  }
	
	#three_column #content_sub { display:inline; width:340px; background:url(../images/callout-bg.gif) repeat-y top left; float:left;  }
	#three_column #content_sub .top { width:340px; margin:0; padding:0; background:url(../images/callout-top-bg.jpg) no-repeat top left; }
	#three_column #content_sub .bottom { margin:0; padding:0; background:url(../images/callout-bottom-bg.jpg) no-repeat bottom left; }
	
	#three_column #content_sub h1 { margin:0; padding:16px 0 23px 0; font:"Trebuchet MS", "Gill Sans MT", Helvetica, sans-serif; font-size:22px; color:#0f4d54; text-align:center; }
	#three_column #content_sub h2 { color:#333333; }
	
	#three_column #content_sub .callout { display:block; width:330px; height:103px; margin:0; padding:0; overflow:hidden; }
	
	#three_column #content_sub .img { margin:0 13px 14px 12px; padding:0; float:left; }
	#three_column #content_sub .img2 { margin:0 13px 0 12px; padding:0; float:left; }
	
	#three_column #content_supp{ display:inline; } /* Design may not call for this container, delete id not necessary. */
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #banner h1 { width:648px; height:55px; margin:19px 0 0 6px; padding:0; position:relative; overflow:hidden; float:left; display:inline;  }
	#two_column.about-us #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-diagnostic-tests.jpg) no-repeat; }
	#two_column.imaging #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-3d-imaging.jpg) no-repeat; }
	#two_column.about-ct-scanner #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-about-ct-scanner.jpg) no-repeat; }
	#two_column.calcium-score #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-calcium-score.jpg) no-repeat; }
	#two_column.about-us #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	#two_column.aorta-abdominal-views #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-aorta-abdominal-views.jpg) no-repeat; }
	#two_column.carotid-arteries #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-carotid-arteries.jpg) no-repeat; }
	#two_column.contact-us #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	#two_column.for-physicians #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
	#two_column.our-physicians #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-our-physicians.jpg) no-repeat; }
	#two_column.peripheral-views #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-peripheral-views.jpg) no-repeat; }
	#two_column.privacy-policy #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	#two_column.diagnostic-tests #banner h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-diagnostic-tests.jpg) no-repeat; }
	
	#two_column #content_main { width:647px; margin:15px 28px 0 0; padding:0; background:url(../images/int-content-bg.jpg) repeat-y; float:right; display:inline;  }
	#two_column #content_main .int-top { background:url(../images/int-content-top.jpg) no-repeat top left; }
	#two_column #content_main .int-bottom { background:url(../images/int-content-bottom.jpg) no-repeat bottom left; padding-bottom:12px; }
	#two_column #content_main .int-content { margin:0; padding:6px 20px 6px 20px; min-height:450px; height:auto !important; height:450px; }
	
	table.insurance { padding:8px;}
	table.insurance tr { }
	table.insurance td.title { padding-left:8px; background-color:#AFD2D8; }
	table.insurance td.in-content { padding-left:8px; background-color:#D1EBEF; }
	table.insurance tr ul { padding-left:8px; margin-left:10px;}
	table.insurance tr ul li { padding:0; margin:0;}
	
	
	#two_column #content_sub { width:248px; margin:0 0 0 28px; padding:0; display:inline; float:left; } 
	#two_column #content_sub #in-this-section { width:248px; background:url(../images/in-this-section-bg.jpg) repeat-y; }
	#two_column #content_sub #in-this-section h1 { width:248px; height:56px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in-this-section h1 span { width:100%; height:100%; position:absolute; background:url(../images/in-this-section-txt.jpg) no-repeat top left;}
	#two_column #content_sub #in-this-section .its-bottom { background:url(../images/in-this-section-bottom.jpg) no-repeat bottom left; padding-bottom:12px; }
	
	#two_column #content_sub #in-this-section ul { width:246px; margin:0; padding:0; list-style:none; }
	#two_column #content_sub #in-this-section ul li { margin:0; padding:0 1px; }
	
	#two_column #content_sub #in-this-section ul li a,
	#two_column #content_sub #in-this-section ul li a:visited { width:218px; height:20px; margin:0; padding:5px 10px 5px 18px; display:block; text-decoration:none; border-bottom:1px solid #8db5b9; background:#fff; color:#0f4d54; text-decoration:none; }
	#two_column #content_sub #in-this-section ul li a:hover { background:#93c2c8; color:#0f4d54; text-decoration:none; }
	#two_column #content_sub #in-this-section .callout { margin:0 0 0 1px;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin:4px 0 0 0; }
	#site_info a,
	#site_info a:visited { text-decoration: none; color:# ; }
	#site_info a:hover { text-decoration: underline; }
	
	
	/* =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; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.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; padding:0; border:0; width:250px; float:right;}
	#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 {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}


	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard {margin:15px 8px 0 15px;}
	.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; }
	
	
	/* =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; }
	
	
}