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

version:   1.0
author:    
email:     @practisinc.com
website:   http://www..com/

TABLE OF CONTENTS

-----------------------------------------------------------------------------*/


@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: 812px; /* Centered design work around for Netscape 6. */
	  background: #d4d4d4 url(../images/bg.gif) repeat-x;
	}
	
	/* 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; }
	h1 { font-size: 1.5em; color:#333; }
	h2 { font-size: 1.3em; color:#333; }
	h3 { font-size: 1.1em; color:#333; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #8C1212; }
	a:visited { color: #8C1212; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 812px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/bg_container_repeat.gif) repeat-y -1px 0;
	}
	
	#bg_top { background: url(../images/bg_container_top.gif) no-repeat -1px 0; }
	
	/* \ */
/*	* html #container { 
		margin: 0 auto;
		background: none; 
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_container.png', sizingMethod='scale');
	}
*/	/* */
	
	#content { margin-left: 16px; }
	
	#bottom_bg {  }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	
	#nav_main ul { height:34px; margin:0 0 0 16px; padding:0; list-style-type:none; clear:both;}
	#nav_main ul li { height:34px; float:left; position:relative; overflow:hidden; }
	#nav_main ul li span { width:100%; height:100%; position:absolute; }
	#nav_main ul li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	#nav_main ul li.about-us { width:154px; }
	#nav_main ul li.about-us a span,#nav_main ul li.about-us a:link span { background:url(../images/buttons/btn_about-us.gif) no-repeat; }
	#nav_main ul li.about-us a:hover span,body.about-us #nav_main ul li.about-us a span { background:url(../images/buttons/btn_about-us.gif) no-repeat 0 -34px; }
	
	#nav_main ul li.our-office { width:102px; }
	#nav_main ul li.our-office a span,#nav_main ul li.our-office a:link span { background:url(../images/buttons/btn_our-office.gif) no-repeat; }
	#nav_main ul li.our-office a:hover span,body.our-office #nav_main ul li.our-office a span { background:url(../images/buttons/btn_our-office.gif) no-repeat 0 -34px; }
	
	#nav_main ul li.services-procedures { width:181px; }
	#nav_main ul li.services-procedures a span,#nav_main ul li.services-procedures a:link span { background:url(../images/buttons/btn_services-procedures.gif) no-repeat; }
	#nav_main ul li.services-procedures a:hover span,body.services-procedures #nav_main ul li.services-procedures a span { background:url(../images/buttons/btn_services-procedures.gif) no-repeat 0 -34px; }
	
	#nav_main ul li.patient-education { width:153px; }
	#nav_main ul li.patient-education a span,#nav_main ul li.patient-education a:link span { background:url(../images/buttons/btn_patient-education.gif) no-repeat; }
	#nav_main ul li.patient-education a:hover span,body.patient-education #nav_main ul li.patient-education a span { background:url(../images/buttons/btn_patient-education.gif) no-repeat 0 -34px; }
	
	#nav_main ul li.your-visit { width:96px; }
	#nav_main ul li.your-visit a span,#nav_main ul li.your-visit a:link span { background:url(../images/buttons/btn_your-visit.gif) no-repeat; }
	#nav_main ul li.your-visit a:hover span,body.your-visit #nav_main ul li.your-visit a span { background:url(../images/buttons/btn_your-visit.gif) no-repeat 0 -34px; }
	
	#nav_main ul li.research { width:94px; }
	#nav_main ul li.research a span,#nav_main ul li.research a:link span { background:url(../images/buttons/btn_research.gif) no-repeat; }
	#nav_main ul li.research a:hover span,body.research #nav_main ul li.research a span { background:url(../images/buttons/btn_research.gif) no-repeat 0 -34px; }
	
	
	#flash {margin:0 0 0 16px; padding:0; clear:both;}
	
	
	#nav_sub { width: 348px; height: 83px; float: left; padding-right: 10px; background: url(../images/bg_nav_sub.gif) no-repeat; font-size: 11px; text-align: right; }
	#nav_sub, #nav_sub a { color: #FFF; }
	#nav_sub a { text-decoration: none; }
	#nav_sub a:hover { text-decoration: underline; }
	
	
	#nav_supp { margin: 0 16px; padding: 5px 0; font-size: 0.92em; background: #5c5c5c; text-align: center; }
	#nav_supp, #nav_supp a { color: #FFF; }
	#nav_supp a { padding: 0 4px; text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { margin-left: 16px; }
	#branding img.logo { float: left; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display: inline; width: 270px; float: left; margin-left: 10px; }
	
	#three_column #content_sub { display: inline; width: 240px; float: left; margin: 10px 0 0 15px; }
	
	#three_column #content_supp{ display: inline; width: 205px; float: left; margin: 10px 0 0 15px; }
	
	ul.news ul { margin:0; padding:0; }
	ul.news li { margin-bottom: 5px; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display: inline; width: 500px; float: right; margin: 10px 30px 0 0; }
	
	#two_column #content_sub { display: inline; width: 205px; float: left; margin: 10px 0 0 16px; }
	
	ul#in_this_section { margin: 0; padding: 0 30px 0 10px; background: url(../images/bg_in_this_section.gif) repeat-y; }
	ul#in_this_section li { list-style-type: none; line-height: 25px; border-bottom: 1px solid #FFF; }
	ul#in_this_section li.last { border-bottom: none; }
	ul#in_this_section li a { color: #000; text-decoration: none; }
	ul#in_this_section li a:hover { text-decoration: underline; }
	
	
	/* =One Column
	-----------------------------------------------------------------------------*/
	#one_column #content_main { display: inline; width: 760px; margin-left: 10px; float:left; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding: 5px 0; font-size: 0.92em; background: #D4D4D4; text-align: center; color:#5c5c5c; }
	#site_info, #site_info a { color: #5C5C5C;}
	#site_info a { 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
	-----------------------------------------------------------------------------*/
	img.banner { float: left; }
	
	.question { background: #FF0000; }
	
	ul.bullets { padding: 0 0 0 10px; margin: 5px 0 0 0; list-style-type: none; }
	ul.bullets li { padding-left: 15px; background: url(../images/bullet.gif) no-repeat 0 5px; line-height: 18px; }
	
	.name { font-size: 1.1em; color:#333; font-weight:bold; }
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	.vcard { padding: 5px 0 0 10px; background: url(../images/bg_in_this_section.gif) repeat-y; }
}