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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #5E6D5A url(../images/bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#3a3b3a;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 950px; /* 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; color:#4a5845; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; color:#837434; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#3a3b3a; text-decoration:underline; }
	a:hover { color:#3a3b3a; 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
	-----------------------------------------------------------------------------*/
	#outer-container {
	  width: 950px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#inner-container {
	  width: 950px;
	  margin: 0 auto;
	  background:#fff url(../images/interior-container.gif) repeat-y;
	}
	#inner-container .top { background: url(../images/interior-container-top.gif) no-repeat top left; }
	#inner-container .bottom { background: url(../images/interior-container-bottom.gif) no-repeat bottom left; min-height:650px; height:auto !important; height:650px; padding:0 0 30px 14px; margin:0; }
	
	#content { margin:23px 0 0 0; padding:0;}
	
	#footer { text-align:left; padding:15px 0 25px 28px; clear:both; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:47px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:47px; 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-us { width:152px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) 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.gif) no-repeat 0 -47px; }
	
	ul#nav_main li.locations { width:148px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.gif) 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.gif) no-repeat 0 -47px; }
	
	ul#nav_main li.services { width:139px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn-services.gif) no-repeat; }
	ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn-services.gif) no-repeat 0 -47px; }
	
	ul#nav_main li.your-visit { width:143px; }
	ul#nav_main li.your-visit a span,ul#nav_main li.your-visit a:link span { background:url(../images/buttons/btn-your-visit.gif) no-repeat; }
	ul#nav_main li.your-visit a:hover span,body.your-visit ul#nav_main li.your-visit a span { background:url(../images/buttons/btn-your-visit.gif) no-repeat 0 -47px; }
	
	ul#nav_main li.patient-resources { width:218px; }
	ul#nav_main li.patient-resources a span,ul#nav_main li.patient-resources a:link span { background:url(../images/buttons/btn-patient-resources.gif) no-repeat; }
	ul#nav_main li.patient-resources a:hover span,body.patient-resources ul#nav_main li.patient-resources a span { background:url(../images/buttons/btn-patient-resources.gif) no-repeat 0 -47px; }
	
	ul#nav_main li.news { width:123px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.gif) 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.gif) no-repeat 0 -47px; }
	
	
	#nav_sub { color:#fff; font-size:13px; text-align:right; margin:0; padding:0 25px 0 0; height:25px; line-height:30px; } 
	#nav_sub a,
	#nav_sub a:visited { color:#fff; text-decoration:none; }
	#nav_sub a:hover { color:#fff; text-decoration:underline; }
	
	#nav_supp { color:#fff; }
	#nav_supp a,
	#nav_supp a:visited { color:#fff; text-decoration:none; }
	#nav_supp a:hover { color:#fff; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:70px; margin:0; padding:20px 0 0 0; }
	
	#branding h1 { width:390px; height:68px; 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/logo.jpg) no-repeat; }
	
	#branding #appointments { color:#4a5845; font-size:24px; height:28px; padding:0 0 0 100px; background:url(../images/txt-appointments.gif) no-repeat; float:right; display:inline; margin:25px 30px 0 0; font-weight:bold; }
	
	#three_column #branding_sub { margin:8px 0 0 0; padding:0; width:923px; height:275px; overflow:hidden; background:#5f6e5a; }
	
	#three_column #branding_sub object { margin:0; padding:0; width:923px; height:275px; overflow:hidden; }
	
	#three_column #branding_sub #quick-access { margin:-28px 0 0 563px; color:#fff; font-size:13px; line-height:18px; }
	* html #three_column #branding_sub #quick-access { margin-top:-25px; }
	*+html #three_column #branding_sub #quick-access { margin-top:-25px; }
	#three_column #branding_sub #quick-access a,
	#three_column #branding_sub #quick-access a:visited { color:#fff; text-decoration:none; }
	#three_column #branding_sub #quick-access a:hover { color:#fff; text-decoration:underline; }
	
	#two_column #branding_sub { margin:8px 0 0 0; padding:105px 15px 0 0; width:908px; height:50px; overflow:hidden; font-size:24px; font-weight:bold; text-align:right; line-height:37px; }
	#two_column.about-us #branding_sub { background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	#two_column.locations #branding_sub { background:url(../images/banners/banner-locations.jpg) no-repeat; }
	#two_column.services #branding_sub { background:url(../images/banners/banner-services.jpg) no-repeat; }
	#two_column.your-visit #branding_sub { background:url(../images/banners/banner-your-visit.jpg) no-repeat; }
	#two_column.patient-resources #branding_sub { background:url(../images/banners/banner-patient-resources.jpg) no-repeat; }
	#two_column.news #branding_sub { background:url(../images/banners/banner-news.jpg) no-repeat; }
	#two_column.contact-us #branding_sub { background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	#two_column.thank-you #branding_sub { background:url(../images/banners/banner-thank-you.jpg) no-repeat; }
	#two_column.privacy-policy #branding_sub { background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	
	#two_column #branding_sub h1,
	#two_column #branding_sub h2,
	#two_column #branding_sub h3,
	#two_column #branding_sub h4,
	#two_column #branding_sub h5,
	#two_column #branding_sub p { margin:0; padding:0; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/	
	#three_column #content_main { width:400px; margin:0 0 25px 13px; float:left; display:inline; }
	
	#three_column #content_main h1 { width:400px; height:34px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background:url(../images/txt-welcome.gif) no-repeat; }
	
	#three_column #content_main p { margin:5px 0; padding:0; font-size:14px; line-height:20px; }
	
	#three_column #content_sub { width:216px; float:left; display:inline; margin:0 23px 25px 23px; font-size:13px; line-height:18px; }
	
	#three_column #content_sub hr { height:1px; border:none; border-top:1px solid #c8cdc7; margin:0 0 15px 0; padding:0; }

	#three_column #content_sub #interactive-tutorials h2 { width:170px; height:18px; margin:10px 0 0 0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub #interactive-tutorials h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-interactive-tutorials.gif) no-repeat; }
	
	#three_column #content_sub #your-visit h2 { width:87px; height:18px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub #your-visit h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-your-visit.gif) no-repeat; }
	
	#three_column #content_sub p { margin:5px 0 10px 5px; padding:0; }
	
	#three_column #content_supp { width:244px; float:left; display:inline; background: url(../images/content-supp-bg.gif) repeat-y; border-bottom:1px solid #b8beb4; margin:0 0 25px 0; }
	#three_column #content_supp .top { background: url(../images/content-supp-top.gif) no-repeat top left; padding:15px 30px 15px 18px; }
	
	#three_column #content_supp h2 { width:128px; height:19px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat; }
	
	#three_column #content_supp ul { list-style-type:none; margin:5px 0; padding:0; }
	#three_column #content_supp ul li { margin:0; padding:5px 0; line-height:18px;}
	#three_column #content_supp ul li a,
	#three_column #content_supp ul li a:visited { font-weight:bold; color:#3a3b3a; text-decoration:none; }
	#three_column #content_supp ul li a:hover { font-weight:bold; color:#3a3b3a; text-decoration:underline;  }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/	
	#two_column #content_main { float:right; display:inline; width:640px; margin:0 30px 0 0; overflow:hidden;}
	
	#two_column #content_sub { float:left; display:inline; width:244px; overflow:hidden; }

	#two_column #content_sub #in-this-section { margin:0 0 40px 0; padding:0; background: url(../images/content-supp-bg.gif) repeat-y; }
	#two_column #content_sub #in-this-section .top { margin:0; padding:15px 17px 15px 20px; background: url(../images/content-supp-top.gif) no-repeat top left; border-bottom:1px solid #b8beb4; }
	
	#two_column #content_sub #in-this-section h2 { width:175px; height:24px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in-this-section h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-in-this-section.gif) no-repeat; }
	
	#two_column #content_sub #in-this-section ul { list-style-type:none; margin:10px 0; padding:0; border-top:1px solid #c1c6b5;}
	#two_column #content_sub #in-this-section ul li { margin:0; padding:0; width:205px; overflow:hidden; }
	#two_column #content_sub #in-this-section ul li a,
	#two_column #content_sub #in-this-section ul li a:visited { width:100%; display:block; background:#e4e6b8; border-bottom:1px solid #c1c6b5; text-decoration:none; padding:6px 2px; }
	#two_column #content_sub #in-this-section ul li a:hover { background:#d6c789; text-decoration:none; }
	
	#two_column #content_sub #callouts { margin:0 0 0 15px; padding:0; }
	#two_column #content_sub #callouts p {margin:5px 0 5px 5px; line-height:18px; }
	#two_column #content_sub #callouts #interactive-tutorials h2 { width:170px; height:18px; margin:10px 0 0 0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #callouts #interactive-tutorials h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-interactive-tutorials.gif) no-repeat; }
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { color:#fff; margin:10px 0 0 0; }
	#site_info a,
	#site_info a:visited { color:#fff; text-decoration:none; }
	#site_info a:hover { color:#fff; 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;
	}
	
	.right-column { background: url(../images/its-bg.jpg) repeat-x top; padding:10px; }
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc;}
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y; overflow:hidden; float:right;}
	#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; }
	
	#driving_directions h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; }
	
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }
	
	
	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard {padding:0; margin:0;}
	
	
	/* =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; }
	
	
}