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

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.charishbarrymd.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: 840px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  color:#333333;
	  background: #f7eccf url(../images/bg.jpg) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear:both;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	abbr { border:0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0;  }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; color:#433147; }
	h3 { font-size: 1.1em; color:#747F58; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a, a:visited { color:#433245; text-deocoration:underline; }
	a:hover { color:#433245; text-deocoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container_gradient {
	  width: 840px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/gradient_side.png) repeat-y;
	}
	* html #container_gradient { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.charishbarrymd.com/images/gradient_side.png',sizingMethod='scale', enabled='true' ); }
	/*change the above URL to reflect the absolute path of gradient_side.png in the images folder */
	
	#container_whitespace {
	  width: 820px; 
	  margin: 0 auto;
	  background:#fff;
	}
	* html #container_whitespace {position:relative;}
	
	#three_column #container_whitespace {
	  width: 820px; 
	  margin: 0 auto;
	  background:#ffffff url(../images/container_bg.jpg) bottom repeat-x;
	}
	
	#container {
	  width: 800px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#footer {
	  width: 800px;
	  margin: 0 auto;
	  padding: 15px 20px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/gradient_footer.png) no-repeat;
	  line-height:18px;
	  color:#5a3826;
	}
	* html #footer { height:13px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.charishbarrymd.com/images/gradient_footer.png',sizingMethod='scale', enabled='true' ); }
	/*change the above URL to reflect the absolute path of gradient_side.png in the images folder */

	#footer a,
	#footer a:visited { color:#5a3826; text-decoration:none; }
	#footer a:hover { color:#5a3826; text-decoration:underline; }

	#three_column #content { width:800px; margin:10px 0 0 0; padding:0 0 25px 0;}
	#two_column #content { width:800px; margin:0; padding:0 0 25px 0;}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:41px; margin:0 0 5px 0; padding:0; list-style-type:none; overflow:hidden; background:url(../images/buttons/nav-main-bg.gif) no-repeat right top; }
	ul#nav_main li { height:41px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; overflow:hidden; }
	ul#nav_main li a { display:block; cursor:pointer; }
	* 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:63px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn-home-01.gif) 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-01.gif) no-repeat 0 -41px; }
		
	ul#nav_main li.meet-us { width:81px; }
	ul#nav_main li.meet-us a span,ul#nav_main li.meet-us a:link span { background:url(../images/buttons/btn-meet-us-01.gif) no-repeat; }
	ul#nav_main li.meet-us a:hover span,body.meet-us ul#nav_main li.meet-us a span { background:url(../images/buttons/btn-meet-us-01.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.our-office { width:94px; }
	ul#nav_main li.our-office a span,ul#nav_main li.our-office a:link span { background:url(../images/buttons/btn-our-office.gif) 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.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.for-parents { width:103px; }
	ul#nav_main li.for-parents a span,ul#nav_main li.for-parents a:link span { background:url(../images/buttons/btn-for-parents.gif) no-repeat; }
	ul#nav_main li.for-parents a:hover span,body.for-parents ul#nav_main li.for-parents a span { background:url(../images/buttons/btn-for-parents.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.expecting { width:91px; }
	ul#nav_main li.expecting a span,ul#nav_main li.expecting a:link span { background:url(../images/buttons/btn-expecting.gif) no-repeat; }
	ul#nav_main li.expecting a:hover span,body.expecting ul#nav_main li.expecting a span { background:url(../images/buttons/btn-expecting.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.forms-policies { width:137px; }
	ul#nav_main li.forms-policies a span,ul#nav_main li.forms-policies a:link span { background:url(../images/buttons/btn-forms-policies.gif) 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.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.blog { width:57px; }
	ul#nav_main li.blog a span,ul#nav_main li.blog a:link span { background:url(../images/buttons/btn-blog.gif) no-repeat; }
	ul#nav_main li.blog a:hover span,body.blog ul#nav_main li.blog a span { background:url(../images/buttons/btn-blog.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.contact-us { width:99px; }
	ul#nav_main li.contact-us a span,ul#nav_main li.contact-us a:link span { background:url(../images/buttons/btn-contact-us.gif) 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.gif) no-repeat 0 -41px; }
	
	
	
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#three_column #branding { clear:both; position:relative; width:800px; height:107px; background:url(../images/3col_branding_right.jpg) top right no-repeat; color:#1d646d;}
	#two_column #branding { clear:both; position:relative; width:800px; height:107px; background:url(../images/2col_branding_right.jpg) top right no-repeat; color:#1d646d;}
	
	#branding h1 { width:413px; height:107px; margin:0; padding:0; position:relative; float:left; display:inline; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:#fff url(../images/3col_branding.jpg) top left no-repeat; cursor:pointer;}
		
	#branding #appointments { float:right; display:inline; width:300px; text-align:right; font-size:18px; color:#543b25; padding:5px 10px 0 0; margin:0; }
	
	#two_column #branding ul#social-icons {position: absolute; top: 25px; right: 0; width: 150px; margin: 0; padding-left: 0;text-align: left;}
	#three_column #branding ul#social-icons {position: absolute; top: 25px; right: 0; width: 150px; margin: 0; padding-left: 0; text-align: left;}
	#branding ul#social-icons li {float: left; display: inline;}
	#branding ul#social-icons li a {display: block; width: 48px; height: 48px; text-indent: -9999px;}
	#branding ul#social-icons li#facebook a {background: url(../images/social-icons/facebook-icon.png) 0 0 no-repeat;}
	#branding ul#social-icons li#twitter a {background: url(../images/social-icons/twitter-icon.png) 0 0 no-repeat;}
	#branding ul#social-icons li#blog a {background: url(../images/social-icons/blog-icon.png) 0 0 no-repeat;}
	#branding ul#social-icons li#facebook a:hover {background-position: 0 -48px;}
	#branding ul#social-icons li#twitter a:hover {background-position: 0 -48px;}
	#branding ul#social-icons li#blog a:hover {background-position: 0 -48px;}
	
	#branding_sub { position:relative; clear:both; width:800px; height:211px; margin:0; padding:0; } 
	
	#branding_sub #tagline { position:absolute; top:40px; left:40px; width:406px; height:150px; overflow:hidden; }
	
	#branding_sub #tagline h1 { font-size:24px; color:#333333; }
	#branding_sub #tagline h2 { font-size:20px; color:#333333; }
	#branding_sub #tagline h3 { font-size:18px; color:#333333; }
	#branding_sub #tagline p { color:#333333; line-height:18px; }
	
	#branding_sub #tagline a,
	#branding_sub #tagline a:visited { color:#333333; text-decoration:none; }
	#branding_sub #tagline a:hover { color:#333333; text-decoration:underline; }
	
	#section_title { float:right; display:inline; clear:right; font-size:21px; width:300px; text-align:right; color:#543b25; margin:7px 0 0 0; padding:37px 10px 0 0;  }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { float:left; display:inline; width:200px; background: url(../images/3col-content-main-repeat.jpg) repeat-y 0 0; }
	#three_column #content_main #content_main_top { background:url(../images/3col-content-main-top.jpg) no-repeat 0 0; }
	#three_column #content_main #content_main_bottom {
		padding:28px 10px 20px 10px;
		background:url(../images/3col-content-main-bottom.jpg) no-repeat bottom left; 
		min-height:373px; height:auto !important; height:373px; /* IE6 min-height work around */
	}
	#three_column #content_main p { margin:0.8em 0; padding:0; line-height:18px; }
	#three_column #content_main p strong { color:#4e2683; }
	
	#three_column #content_sub { float:left; display:inline; margin:0px 12px; padding:0; width:305px; background: url(../images/welcome_bg.gif) repeat-y; }
	#three_column #content_sub h2 {width:305px; height:28px; margin:0; padding:0; position:relative; overflow:hidden;}
	#three_column #content_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/welcome.gif) no-repeat;}	
	#three_column #content_sub .content {width:270px; padding:0 10px 0 15px; margin:0; }
	#three_column #content_sub .bottom { height:15px; width:305px; background: url(../images/welcome_bottom.gif) no-repeat; }

	#three_column #content_supp { float:right; display:inline; width:270px; }	
	#three_column #content_supp #iycs { clear:both; margin:5px 0 0 0; width:270px; background: url(../images/iycs-repeat.jpg) repeat-y 0 0; }
	#three_column #content_supp #iycs_top { background:url(../images/iycs-top.jpg) no-repeat 0 0; }
	#three_column #content_supp #iycs_bottom {
		padding:30px 12px 20px 12px;
		background:url(../images/iycs-bottom.jpg) no-repeat bottom left; 
		min-height:200px; height:auto !important; height:200px; /* IE6 min-height work around */
	}
	
	#three_column #content_supp #iycs ul { overflow:auto; margin:0.4em 0; padding:0; list-style:none; }
	#three_column #content_supp #iycs li { float:left; width:50%; margin:0.2em 0; padding:0; list-style:none; line-height:18px; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; float:right; width:605px; padding-right:20px;}
	
	#two_column #content_sub { display:inline; float:left; width:156px; height:320px; font-size:11px; background:url(../images/2col_content_sub.jpg) repeat-x;} 
	#two_column #content_sub h2 {font-size:14px; font-weight:bold; margin:15px 0 0 15px; color:#433245;}
	#two_column #content_sub ul {margin:5px 15px 0 15px; padding:0; list-style-type:none; border-top:1px solid #433245;}

	#two_column #content_sub li {border-bottom:1px solid #433245; padding:2px;}
	#two_column #content_sub li a, #two_column #content_sub li a:visited {text-decoration:none; font-size:11px;}
	#two_column #content_sub li a:hover {text-decoration:none; font-size:11px;}

	.vcard { margin:5px 5px 0 15px; }
	
	/* =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:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; 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; }
	
	
	/* =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;
	}
	
	/* Striped Tables */
	.stripeMe { border:1px solid #A8B77F; }
	.stripeMe td,
	.stripeMe th { padding:2px; background:#A8B77F; border:1px solid #A8B77F; color:#333333; }
	.stripeMe tr td { padding:2px; background:#fff; border:1px solid #A8B77F; }
	.stripeMe tr.alt td { background:#FBF4E2; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	.feature {
		background:#FEF5EA none repeat scroll 0 0;
		border:1px solid #FDE1C1;
		padding:1px 10px;
		margin:10px 0;
	}
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; display:inline; margin:0 10px 10px 0; }
	img.right { float:right; display:inline; margin:0 0 10px 10px; }
	
	
	/* Prevent display issues in SiteCenter CMS */
	#scnx_PHP {display:none;}
	
}