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

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

Description: Main CSS for website design and architecture
Copyright Practis Inc
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
		padding: 0;
		margin: 0;
		background: #fff url(../images/body-bg.jpg) repeat-x top center;
		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: 1000px; /* Centered design work around for Netscape 6. */
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; overflow:hidden; margin:0; padding:0;}
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#e55c00; }
	h1 {
		margin:0;
		color:#f1c51d; 
		font: normal 42px/48px 'SFCartoonistHandRegular', 'Comic Sans MS', cursive; 
		text-shadow: -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000; /* Gecko text-outline work around */
		filter: DropShadow(Color=#444444, OffX=-1, OffY=-1)
				DropShadow(Color=#444444, OffX=1, OffY=-1)
				DropShadow(Color=#444444, OffX=-1, OffY=1)
				DropShadow(Color=#444444, OffX=1, OffY=1); /* IE text-outline work around */
	}
	h2 { font-size: 24px; color:#e55c00; }
	h3 { font-size: 18px; color:#377800; }
	h4 { font-size: 14px; }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited, a:hover { color:#000; text-decoration:underline; }
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#outer_container { background:url(../images/outer_container.jpg) repeat-x bottom center; }
	
	#container {
		width: 1000px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#container_bottom { min-height:1000px; height:auto !important; height:1000px; /* IE6 min-height work around */	}
	
	#three_column #container { background: url(../images/3col-container-repeat.jpg) repeat-y 0 0; }	
	#three_column #container_top { background:url(../images/3col-container-top.jpg) no-repeat 0 0; }	
	#three_column #container_bottom{ background:url(../images/3col-container-bottom.jpg) no-repeat bottom left; }
	
	#two_column #container { background: url(../images/2col-container-repeat.jpg) repeat-y 0 0; }	
	#two_column #container_top { background:url(../images/2col-container-top.jpg) no-repeat 0 0; }	
	#two_column #container_bottom{ background:url(../images/2col-container-bottom.jpg) no-repeat bottom left; }
	
	#content { clear:both; }
	
	#three_column #content { min-height:450px; height:auto !important; height:450px; /* IE6 min-height work around */ }
	#two_column #content { min-height:650px; height:auto !important; height:650px; /* IE6 min-height work around */ }
	
	#footer { clear:both; position:relative; height:130px; padding:50px 30px 0 30px; line-height:24px; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { clear:both; }
	ul#nav_main li { display:block; float:left; }
	ul#nav_main li a {
		overflow:hidden;
		display:block;
		outline:none;
		margin:0;
		width:0;
		height:58px;
		background:transparent url(../images/nav-main.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	/* This is an example of a main navigation list item. 
	   Copy this block and change the class name, widths, and background image position. */
	ul#nav_main li.home a { width:105px; background-position:0 0; }
	body.home ul#nav_main li.home a, ul#nav_main li.home a:hover { background-position:0 -58px; }
	
	ul#nav_main li.meet-us a { width:118px; background-position:-105px 0; }
	body.meet-us ul#nav_main li.meet-us a, ul#nav_main li.meet-us a:hover { background-position:-105px -58px; }
	
	ul#nav_main li.locations a { width:134px; background-position:-223px 0; }
	body.locations ul#nav_main li.locations a, ul#nav_main li.locations a:hover { background-position:-223px -58px; }
	
	ul#nav_main li.forms-policies a { width:189px; background-position:-357px 0; }
	body.forms-policies ul#nav_main li.forms-policies a, ul#nav_main li.forms-policies a:hover { background-position:-357px -58px; }
	
	ul#nav_main li.for-parents a { width:149px; background-position:-546px 0; }
	body.for-parents ul#nav_main li.for-parents a, ul#nav_main li.for-parents a:hover { background-position:-546px -58px; }
	
	ul#nav_main li.new-patients a { width:155px; background-position:-695px 0; }
	body.new-patients ul#nav_main li.new-patients a, ul#nav_main li.new-patients a:hover { background-position:-695px -58px; }
	
	ul#nav_main li.contact-us a { width:150px; background-position:-850px 0; }
	body.contact-us ul#nav_main li.contact-us a, ul#nav_main li.contact-us a:hover { background-position:-850px -58px; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { 
		height:125px; /* branding section height */
		overflow:hidden;
	}
	
	#branding h1 { float:left; display:block; width:280px; margin:0; padding:0; }
	#branding h1 a, 
	#branding h1 a:link,
	#branding h1 a:visited,
	#branding h1 a:hover { 
		overflow:hidden;
		display:block;
		outline:none;
		margin:0;
		width:280px;
		height:125px;
		background:transparent url(../images/logo.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	
	#branding #contact_info { 
		float:right; 
		text-align:right;
		width:500px;
		padding:10px 30px 0 0;
		font: normal 20px/28px 'SFCartoonistHandRegular', 'Comic Sans MS', cursive;
	}
	
	#branding #contact_info .title { font-size:26px; font-weight:normal; }
	#branding #contact_info strong { font-size:28px; font-weight:bold; color:#f00119; }
	
	#branding_sub { 
		clear:both;
		height:355px;
		width:1000px;
		overflow:hidden;	
	}
	
	#branding_sub #flash { 
		height:355px;
		width:1000px;
		overflow:hidden;
	}
	
	#branding_sub #quick_access {
		height:100px;
		width:165px;
		overflow:hidden;
		margin:-180px 0 0 703px;
		position:relative;
	}
	
	#branding_sub #quick_access ul { list-style:none; margin:0; padding:0; }
	#branding_sub #quick_access li { line-height:24px; }
	
	#branding_sub #quick_access a,
	#branding_sub #quick_access a:visited { 
		display:block; 
		width:143px; 
		padding:0 0 0 22px;
		text-decoration:none; 
		background:url(../images/quick-access-bullet.jpg) no-repeat left center;
	}
	#branding_sub #quick_access a:hover { text-decoration:underline; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { 
		float:left;
		display:inline; 
		width:595px;
		padding:35px 0 0 45px;
	}
	
	#three_column #content_main #welcome { 
		padding:0 50px 20px 0; 
		min-height:200px; height:auto !important; height:200px; /* IE6 min-height work around */
	}
	
	#three_column #content_main #welcome h2 {
		overflow:hidden;
		display:block;
		outline:none;
		margin:0;
		width:380px;
		height:36px;
		background:transparent url(../images/txt-welcome.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	#three_column #content_main #welcome p { font-size:14px; line-height:24px; }
	
	#three_column #content_main #callouts h2 {
		overflow:hidden;
		display:block;
		outline:none;
		margin:0 0 5px 0;
		width:230px;
		height:30px;
		background:transparent url(../images/txt-featured-services.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	#three_column #content_main #callouts img { margin:0 20px 0 0;}
	
	#three_column #content_sub { 
		float:left;
		display:inline; 
		width:327px;
		padding:40px 0 0 0;
	}
	
	#three_column #content_sub #news {
		padding:0 15px 10px 22px;
		min-height:170px; height:auto !important; height:170px; /* IE6 min-height work around */
	}
	
	#three_column #content_sub #news h2 {
		overflow:hidden;
		display:block;
		outline:none;
		margin:0;
		width:145px;
		height:30px;
		background:transparent url(../images/txt-whats-new.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	#three_column #content_sub #is_your_child_sick { 
		padding:17px 15px 0 22px;
		background:url(../images/is-your-child-sick-bg.jpg) no-repeat; 
		min-height:250px; height:auto !important; height:250px; /* IE6 min-height work around */
	}
	
	#three_column #content_sub #is_your_child_sick h2 {
		overflow:hidden;
		display:block;
		outline:none;
		margin:0;
		width:255px;
		height:30px;
		background:transparent url(../images/txt-is-your-child-sick.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	#three_column #content_sub #is_your_child_sick ul { overflow:hidden; margin:0.4em 0; }
	#three_column #content_sub #is_your_child_sick li { float:left; width:50%; line-height:18px; }
	
	#three_column #content_sub #is_your_child_sick form { margin:0; padding:0; }
	
	
	#three_column #content_sub #is_your_child_sick select { width:220px; }
	
	#three_column #content_sub #is_your_child_sick select,
	#three_column #content_sub #is_your_child_sick input { margin:0.4em 5px; }
	
	#three_column #content_sub #is_your_child_sick p.pw { clear:both; text-align:right; font-size:10px; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/	
	#two_column #content_main { 
		float:right;
		display:inline; 
		width:577px;
		margin:20px 33px 0 0;
	}
	
	#two_column #content_main .addthis_button { float:right; }
		
	#two_column #content_sub { 
		float:left;
		display:inline;
		width:332px;
		padding:270px 0 0 27px;
		background:url(../images/banners/banner-default.jpg) no-repeat 10px 0; 
	} 
	#two_column.meet-us #content_sub { background:url(../images/banners/banner-meet-us.jpg) no-repeat 10px 0; } 
	#two_column.locations #content_sub { background:url(../images/banners/banner-locations.jpg) no-repeat 10px 0; } 
	#two_column.forms-policies #content_sub { background:url(../images/banners/banner-forms-policies.jpg) no-repeat 10px 0; } 
	#two_column.for-parents #content_sub { background:url(../images/banners/banner-for-parents.jpg) no-repeat 10px 0; } 
	#two_column.new-patients #content_sub { background:url(../images/banners/banner-new-patients.jpg) no-repeat 10px 0; } 
	#two_column.contact-us #content_sub { background:url(../images/banners/banner-contact-us.jpg) no-repeat 10px 0; } 
		
	#two_column #content_sub #in_this_section {
		padding:0 10px 0 10px;
	}
	
	#two_column #content_sub #in_this_section h2 {
		overflow:hidden;
		display:block;
		outline:none;
		margin:0;
		width:185px;
		height:32px;
		background:transparent url(../images/txt-in-this-section.jpg) no-repeat 0 0;
		text-indent:-9009px;
	}
	
	#two_column #content_sub #in_this_section ul { margin:10px 0; }
	#two_column #content_sub #in_this_section li {}
	
	#two_column #content_sub #in_this_section p {
		padding:0 12px;	
	}
	
	#two_column #content_sub #in_this_section li a,
	#two_column #content_sub #in_this_section li a:visited {
		padding:0 12px;	
		width:283px;
		display:block;
		line-height:26px;
		color:#000;
		background:transparent; 
		text-decoration:none;
		font-weight:bold;
	}
	
	#two_column #content_sub #in_this_section li a:hover { 
		color:#000;
		background:#f6c6a6; 
		text-decoration:none;
		font-weight:bold;
	}
	
	#two_column #content_sub #in_this_section ul ul { margin:0; }
	#two_column #content_sub #in_this_section li li {}
	
	#two_column #content_sub #in_this_section li li a,
	#two_column #content_sub #in_this_section li li a:visited {
		padding:0 12px 0 24px;	
		width:271px;
		display:block;
		line-height:26px;
		color:#000;
		background:transparent url(../images/its-bullet.gif) no-repeat 13px 13px; 
		text-decoration:none;
		font-weight:normal;
	}
	
	#two_column #content_sub #in_this_section li li a:hover { 
		color:#000;
		background:#f6c6a6 url(../images/its-bullet.gif) no-repeat 13px 13px; 
		text-decoration:none;
		font-weight:normal;
	}
	
	/* Toggle In This Section links per page */	
	#two_column #content_sub #in_this_section li.physicians ul { display:none; }
	#two_column.physicians #content_sub #in_this_section li.physicians ul { display:block; }	
	#two_column #content_sub #in_this_section li.professional-staff ul { display:none; }
	#two_column.professional-staff #content_sub #in_this_section li.professional-staff ul { display:block; }
	
	#two_column #content_sub #callouts { padding:20px 0 0 12px; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer { color:#000; }	
	#footer a,
	#footer a:visited { text-decoration: none; color:#000; }
	#footer a:hover { text-decoration: underline; color:#000; }
	
	#site_info { clear:both; overflow:hidden; height:24px; }
	#site_info .right { position:absolute; top:50px; right:30px; }
	
	#nav_supp { clear:both; overflow:hidden; }
	
	
	/* =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 { margin: 0.8em 0; padding: 0.6em; border:1px solid #ccc; }
	fieldset legend { padding:0 5px; margin-bottom: 0.2em; font-weight: bold; color: #000; 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; }
	
	blockquote { margin:0 20px; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align: top;
	  font-size:12px;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#content_main ul { list-style-type:disc; margin:0 0 0 40px; }
	#content_main ol { list-style-type:decimal; margin:0 0 0 40px; }
	#content_main li { line-height:18px; margin:0.4em; }
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 0 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:right; display:inline;}
	#driving_directions .dd-top { background:url(../images/driving-directions/driving-directions-top.gif) no-repeat top left; }
	#driving_directions .dd-bottom { background:url(../images/driving-directions/driving-directions-bottom.gif) no-repeat bottom left; 
	min-height:230px; height:auto !important; height:230px; }
	#driving_directions h2 { width:203px; height:0; margin:0 auto; padding:30px 0 0 0; overflow:hidden; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; text-align:center; }
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.vcard { margin:0px; }
	
	/* For Parents Feature */
	.feature { background:#fef0e7; border:1px solid #f6c6a6; padding:1px 10px; }
	
	/* Striped Tables */
	.stripeMe td,
	.stripeMe th { padding:2px; background:#f6c6a6; border:1px solid #f6c6a6; color:#000; }
	.stripeMe tr td { padding:2px; background:#fff; border:1px solid #f6c6a6; }
	.stripeMe tr.alt td { background:#fef0e7; }

	
	
}