/*-----------------------------------------------------------------------------
Spartanburg & Pelham OB-GYN Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 842px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:#ffefbc;
	  color:#555555;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#701775;}
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.2em; }
	h3 { font-size: 1.1em;}
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #711471; }
	a:visited { color: #711471; }
	a:hover { }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 842px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {}
	
	#footer { } /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:42px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:42px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; }
	* html #nav_main a:hover { background:#ccccff; }
	
	/* 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:90px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn_home.jpg) no-repeat; }
	ul#nav_main li.home a:hover span,body.home ul#nav_main li.home a span { background:url(../images/buttons/btn_home.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.about_us { width:103px; }
	ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn_about_us.jpg) 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.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.our_office { width:108px; }
	ul#nav_main li.our_office a span,ul#nav_main li.our_office a:link span { background:url(../images/buttons/btn_our_office.jpg) no-repeat; }
	ul#nav_main li.our_office a:hover span,body.our_office ul#nav_main li.our_office a span { background:url(../images/buttons/btn_our_office.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.services_procedures { width:190px; }
	ul#nav_main li.services_procedures a span,ul#nav_main li.services_procedures a:link span { background:url(../images/buttons/btn_services_procedures.jpg) 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.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.womens_health { width:149px; }
	ul#nav_main li.womens_health a span,ul#nav_main li.womens_health a:link span { background:url(../images/buttons/btn_womens_health.jpg) no-repeat; }
	ul#nav_main li.womens_health a:hover span,body.womens_health ul#nav_main li.womens_health a span { background:url(../images/buttons/btn_womens_health.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.news { width:82px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn_news.jpg) 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.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.contact_us { width:120px; }
	ul#nav_main li.contact_us a span,ul#nav_main li.contact_us a:link span { background:url(../images/buttons/btn_contact_us.jpg) no-repeat; }
	ul#nav_main li.contact_us a:hover span,body.contact_us ul#nav_main li.contact_us a span { background:url(../images/buttons/btn_contact_us.jpg) no-repeat 0 -42px; }
	
	#nav_supp { font-size: 11px; padding:0 0 0 18px; margin:0;}
	#nav_supp, #nav_supp a, #nav_supp a:visited{ color: #4b4b4b; text-decoration: none; }
	#nav_supp a:hover { color: #4b4b4b; text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:80px; }
	
	#branding h1 { width:445px; height:80px; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; }
	
	#branding #phone {font-weight:bold; float:right; padding:20px 25px 0 0; margin:0; line-height:1.4; color:#711471; font-size:16px; font-family: Garamond, Georgia, "Times New Roman", Times, serif;}
	
	#three_column #branding_sub { width:842px; height:254px; margin:5px 0px; padding:0; background:url(../images/branding_sub_home.jpg) no-repeat;}
	
	#two_column #branding_sub {width:842px; height:98px; margin:5px 0; padding:0;}
	#two_column #branding_sub h2 { width:867px; height:98px; padding:0; margin:0; position:relative; float:left; }
	#two_column #branding_sub h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_womens_health.jpg) no-repeat; }
	
	#two_column.about_us #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_about_us.jpg) no-repeat;}
	#two_column.our_office #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_our_office.jpg) no-repeat;}
	#two_column.services_procedures #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_services_procedures.jpg) no-repeat;}
	#two_column.womens_health #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_womens_health.jpg) no-repeat;}
	#two_column.news #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_news.jpg) no-repeat;}
	#two_column.contact_us #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_contact_us.jpg) no-repeat;}
	#two_column.privacy #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_privacy.jpg) no-repeat;}
	#two_column.thanks #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/branding_sub_thanks.jpg) no-repeat;}

	
	
	#branding_sub #quick_access {text-align:right; font-size:12px; text-decoration:none; padding:230px 240px 0 0;}
	#branding_sub #quick_access a {color:#4b4b4b; font-decoration:none;}
	#branding_sub #quick_access a:visited{color:#4b4b4b; font-decoration:none;}
	#branding_sub #quick_access a:hover{color:#701270; font-decoration:underline;}
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; padding:25px 25px; width:325px; height:270px; float:left; background:#c4a4b0 url(../images/welcome_bg.jpg) bottom right no-repeat;}
	#three_column #content_main h1{ padding:0; width:311px; height:42px; position:relative; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	
	#three_column #content_sub { padding:30px 15px 0 15px; display:inline; width:175px; float:left; min-height:290px; height:290px; background:#cfe19c; margin:0px 6px;}
	#three_column #content_sub h2{ padding:0; width:116px; height:17px; position:relative; }
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/whats_new.gif) no-repeat; }
	#three_column #content_sub p {padding:2px 0;}
	#three_column #content_sub .title {color:#711471;}
	#three_column #content_sub a, #three_column #content_sub a:visited {font-weight:bold; text-decoration:none;}
	#three_column #content_sub a:hover {font-weight:bold; text-decoration:underline;}
	
	#three_column #content_supp{ display:inline; width:215px; height:310px; float:right; background:#fed298; padding:5px 17px;}
	#three_column #content_supp img {margin:5px 0;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content {background: #ffefbc url(../images/2col_content_bg.gif) left repeat-y; margin-bottom:15px;}
	
	#two_column #content_main { min-height:500px; margin-bottom:-15px; padding:0px 20px; display:inline; float:right; width:590px; background:#fed298 url(../images/2col_content_main_bg.jpg) bottom right no-repeat;}
	
	#two_column #content_sub { padding:15px; display:inline; width:175px; float:left; background:#c4a4b0;} 
	#two_column #content_sub h2{ width:135px; height:21px; position:relative; padding-bottom:2px;}
	#two_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section.gif) no-repeat; }
	#two_column #content_sub ul {list-style-type:none; margin:0; padding:0; color:#555555;}
	#two_column #content_sub li { padding:4px 0px; border-top:1px solid #dddddd;}	
	#two_column #content_sub li.bottom { padding:4px 0px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
	#two_column #content_sub li a, #two_column #content_sub li a:visited {color:#555555; text-decoration:none; padding-left:2px;}
	#two_column #content_sub li a:hover {color:#555555; text-decoration:underline; padding-left:2px;}
	
	#two_column #content_supp { display:inline; width:185px; float:left; background:#cfe19c; border-top:7px solid #ffefbc; margin:0; padding:5px 10px;}
	#two_column #content_supp img {margin:5px 0;}
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0; border:0; width:265px; float:right; }
	#get_directions #top {background: url(../images/directionsTop.gif) no-repeat; height:30px;}
	#get_directions #middle {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#get_directions #bottom {background: url(../images/directionsBottom.gif) no-repeat; height:35px;}
	#get_directions #middle input {margin:5px 0px;}
	#get_directions #bottom #submitButton {margin-top:2px; cursor:pointer;}
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/

	#site_info { font-size: 0.92em; padding:5px 0 20px 18px; margin:0;}
	#site_info, #site_info a, #site_info a:visited { color: #4b4b4b;}
	#site_info a, #site_info a:visited { text-decoration: none; }
	#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: 35%; }
	
	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;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	
	a.davinci-callout,
	a.davinci-callout:visited,
	a.davinci-callout:hover { text-decoration:none; font-weight:bold; }
	.davinci-callout img { width:190px; }
	
}