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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #e0e9ab;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#000;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 920px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:10px; }
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	img { border: 0; } /* Remove border around linked images */
	
	abbr { border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; color:#016a65; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1.1em; }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited, a:hover { color:#016a65; text-decoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#gradient { 
	  background:url(../images/swg-bg.jpg) repeat-y;
	  width: 920px;
	  margin: 18px auto;
	  padding:0;
	}
	
	#top { width:920px; height:15px; margin:0; padding:0; background:url(../images/swg-top.jpg) no-repeat; }
	
	#container {
	  width: 911px;
	  margin: 0 auto;
	  padding-left:9px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { width:900px; padding:0; margin:0; background:url(../images/content-bg-top.jpg) top no-repeat; }
	
	#footer { width:894px; height:66px; padding:22px 0 0 26px; margin:0; background:url(../images/footer-bg.jpg) no-repeat; text-align:left; color:#00716b; }
	
	#footer_logo { margin:0; padding:0 20px 0 0; float:right; display:inline; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:42px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:42px; 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 { width:110px; }
	ul#nav_main li.about a span,ul#nav_main li.about a:link span { background:url(../images/buttons/btn-about.jpg) no-repeat; }
	ul#nav_main li.about a:hover span,body.about ul#nav_main li.about a span { background:url(../images/buttons/btn-about.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.locations { width:122px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.jpg) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.physician-practices { width:191px; }
	ul#nav_main li.physician-practices a span,ul#nav_main li.physician-practices a:link span { background:url(../images/buttons/btn-physician-practices.jpg) no-repeat; }
	ul#nav_main li.physician-practices a:hover span,body.physician-practices ul#nav_main li.physician-practices a span { background:url(../images/buttons/btn-physician-practices.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.health-information { width:179px; }
	ul#nav_main li.health-information a span,ul#nav_main li.health-information a:link span { background:url(../images/buttons/btn-health-information.jpg) no-repeat; }
	ul#nav_main li.health-information a:hover span,body.health-information ul#nav_main li.health-information a span { background:url(../images/buttons/btn-health-information.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.forms-policies { width:175px; }
	ul#nav_main li.forms-policies a span,ul#nav_main li.forms-policies a:link span { background:url(../images/buttons/btn-forms-policies.jpg) no-repeat; }
	ul#nav_main li.forms-policies a:hover span,body.forms-policies ul#nav_main li.forms-policies a span { background:url(../images/buttons/btn-forms-policies.jpg) no-repeat 0 -42px; }
	
	ul#nav_main li.contact { width:123px; }
	ul#nav_main li.contact a span,ul#nav_main li.contact a:link span { background:url(../images/buttons/btn-contact.jpg) no-repeat; }
	ul#nav_main li.contact a:hover span,body.contact ul#nav_main li.contact a span { background:url(../images/buttons/btn-contact.jpg) no-repeat 0 -42px; }	
	
	#nav_supp { font-size: 0.92em; margin:0; padding:7px 0 0 0; color:#00716b; }
	#nav_supp a,
	#nav_supp a:visited { color:#00716b; text-decoration:none; }
	#nav_supp a:hover { color:#00716b;  text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { display:block; height:97px; margin:0; padding:0; }
	
	#branding h1 { width:327px; height:97px; margin:0; padding:0; position:relative; overflow:hidden; float:left; display:inline; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/swg-logo.jpg) no-repeat; }
	#branding img { padding-right:11px; }
	#branding_sub { display:inline; width:500px; height:97px; padding:0; margin:0; } /* Optional container, use only if necessary. */
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { width:287px; padding:0; margin:23px 0 0 14px; float:left; display:inline; }
		
	#three_column #content_main h1 { width:283px; height:27px; margin:16px 0 0 3px; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background: url(../images/welcome-txt.jpg) no-repeat; }
	
	#three_column #questions_phone { width:287px; height:50px; margin:0; padding:0; position:relative; overflow:hidden; }
	
	#three_column #content_main p { color:#585858; margin-left:3px; }
	
	#three_column #content_sub { width:599px; padding:0; margin:23px 0 0 0; float:left; display:inline; }
	
	#three_column #content_sub #flash { width:599px; height:257px; overflow:hidden; }
	
	#three_column #content_sub #quick_access { width:550px; height:25px; padding:0; margin:0 0 0 29px; background:url(../images/quick-access-bg.jpg) no-repeat; color:#fff; }
	
	#three_column #content_sub #quick_access p { margin:0 0 0 123px; padding:5px 0 0 0; }
	
	#three_column #content_sub #quick_access a,
	#three_column #content_sub #quick_access a:visited { color:#fff; text-decoration:none; }
	#three_column #content_sub #quick_access a:hover { color:#fff; text-decoration:underline; }
	
	#three_column #content_sub #content_sup { margin:0 0 10px 0; padding:9px 20px 0 29px; }
	
	#three_column #content_sub #content_sup #our_physician { width:247px; height:140px; padding:27px 0 0 14px; margin:0; background:url(../images/our-physician-bg.jpg) no-repeat; color:#585858; float:left; display:inline; overflow:hidden; }
	
	#three_column #content_sub #content_sup #our_physician a,
	#three_column #content_sub #content_sup #our_physician a:visited { text-decoration:none; }
	#three_column #content_sub #content_sup #our_physician a:hover {  color:#585858; text-decoration:underline; }
	
	#three_column #content_sub #content_sup #news { width:240px; height:140px; padding:27px 15px 0 12px; margin:0; background:url(../images/our-news-bg.jpg) no-repeat; color:#585858; float:right; display:inline; overflow:hidden; }

	#three_column #content_sub #content_sup #news ul { margin:0; padding:0; list-style-type:none; }
	#three_column #content_sub #content_sup #news li { margin:0; padding:10px 0 0 0; }
	
	#three_column #content_sub #content_sup #news a,
	#three_column #content_sub #content_sup #news a:visited { color:#01615c; text-decoration:none; }
	#three_column #content_sub #content_sup #news a:hover{ color:#01615c; text-decoration:underline; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:609px; margin:23px 0 0 0; padding:0; float:left; display:inline; }
	
	h2.banner { width:609px; height:27px; margin:0; padding:0; position:relative; }
	h2.banner span { width:100%; height:100%; position:absolute; }
	
	body.about h2.banner span { background: url(../images/banners/banner-about-us.jpg) no-repeat; }
	body.locations h2.banner span { background: url(../images/banners/banner-locations.jpg) no-repeat; }
	body.physician-practices h2.banner span { background: url(../images/banners/banner-physician-practices.jpg) no-repeat; }
	body.health-information h2.banner span { background: url(../images/banners/banner-health-information.jpg) no-repeat; }
	body.forms-policies h2.banner span { background: url(../images/banners/banner-forms-policies.jpg) no-repeat; }
	body.contact h2.banner span { background: url(../images/banners/banner-contact-us.jpg) no-repeat; }
	body.thanks h2.banner span { background: url(../images/banners/banner-thank-you.jpg) no-repeat; }
	body.privacy h2.banner span { background: url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	body.find-a-doc h2.banner span { background: url(../images/banners/banner-find-a-doc.jpg) no-repeat; }
	body.services h2.banner span { background: url(../images/banners/banner-services.jpg) no-repeat; }
	body.news h2.banner span { background: url(../images/banners/banner-news.jpg) no-repeat; }
	
	#two_column #content_sub { width:273px; margin:0; padding:0; float:left; display:inline; } 
	
	#two_column #questions_phone { width:215px; height:38px; margin:0; padding:24px 0 0 17px; position:relative; overflow:hidden; }
	
	#two_column #content_sub h2 { width:215px; height:27px; margin:0; padding:24px 0 0 17px; position:relative; overflow:hidden; }
	#two_column #content_sub h2 span { width:100%; height:100%; position:absolute; background: url(../images/in-this-section-txt.jpg) no-repeat; }
	#two_column #content_sub #in_this_section { 
		width:207px; 
		margin:0 0 0 17px; 
		padding:0 8px 15px 0; 
		background: #e0e9ab url(../images/in-this-section-bg.jpg) no-repeat; 
	}
	
	#two_column #content_sub #in_this_section ul { margin:0 0 0 12px; padding:16px 0 0 0; list-style:none; color:#585858; }
	#two_column #content_sub #in_this_section li { line-height:20px; }
	
	#two_column #content_sub #in_this_section ul ul { margin:0 0 0 15px; padding:0; list-style:disc; color:#585858; }
	#two_column #content_sub #in_this_section li li { line-height:20px; }
	
	#two_column #content_sub #in_this_section li.family-practice li { display:none; }
	#two_column.family-practice #content_sub #in_this_section li.family-practice li { display:block; }
	
	#two_column #content_sub #in_this_section a,
	#two_column #content_sub #in_this_section a:visited { text-decoration:none; }
	#two_column #content_sub #in_this_section a:hover { text-decoration:underline; }
	
	#two_column #content_sub #callouts { padding:30px 0 0 18px; }
	#two_column #content_sub #callouts img { margin:10px 0; }
	.physician-practices-col { background:#E0E9AB url(../images/physician-practices-col-bg.jpg) no-repeat; width:215px; padding:0 10px 10px 10px; }
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right; display:inline;}
	#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; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; color: #00716b; }
	#site_info a,
	#site_info a:visited { color: #00716b; text-decoration: none; }
	#site_info a:hover { color: #00716b; 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; }
	
	.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;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:cetner; }
	
	
}