/*-----------------------------------------------------------------------------
Margiotti Kroll Pediatrics Website Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	  color:#2e2e2e;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 900px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background: #ffd146 url(../images/bg.jpg) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; line-height:16px;}
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#005ec4; }
	h1 { font-size: 18px; }
	h2 { font-size: 16px; color:#ed1c24; }
	h3 { font-size: 14px; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #005ec4; }
	a:visited { color: #005ec4; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 900px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/container-top.gif) no-repeat;
	}
	
	#content {}
	
	#footer { margin:10px 0 20px 0; padding:3px 0; background:#ffe69d url(../images/footer-bg.jpg) repeat-x; border:1px solid #e9c967; text-align:center;} /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:37px; margin:0; padding:0; list-style-type:none; clear:both;}
	ul#nav_main li { height:37px; float:left; position:relative; }
	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.meet-us { width:150px; }
	ul#nav_main li.meet-us a span,ul#nav_main li.meet-us a:link span { background:url(../images/buttons/btn-meet-us.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.gif) no-repeat 0 -37px; }
	
	ul#nav_main li.locations { width:150px; }
	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 -37px; }
	
	ul#nav_main li.forms-policies { width:150px; }
	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 -37px; }
	
	ul#nav_main li.for-parents { width:150px; }
	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 -37px; }
	
	ul#nav_main li.expecting { width:150px; }
	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 -37px; }
	
	ul#nav_main li.whats-new { width:150px; }
	ul#nav_main li.whats-new a span,ul#nav_main li.whats-new a:link span { background:url(../images/buttons/btn-whats-new.gif) no-repeat; }
	ul#nav_main li.whats-new a:hover span,body.whats-new ul#nav_main li.whats-new a span { background:url(../images/buttons/btn-whats-new.gif) no-repeat 0 -37px; }
	
	
	
	#nav_sub { font-size:0.92em; height:27px; text-align:right; padding:2px 25px 0 0; margin:0;}
	#nav_sub, #nav_sub a, #nav_sub a:visited { color: #fff; text-decoration:none; }
	#nav_sub a:hover { color: #fff; text-decoration:underline; }
	
	
	#nav_supp { font-size: 0.92em; }
	#nav_supp, #nav_supp a, #nav_supp a:visited { color: #3d3d3d; text-decoration: none;}
	#nav_supp a:hover { color: #3d3d3d; text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding {margin:0; padding:0; border:0;}
	
	#branding h1 { width:300px; height:170px; margin:0; padding:0; position:relative; float:left;}
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; }
	
	#branding h2 { width:600px; height:170px; margin:0; padding:0; position:relative; float:left;}
	#branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-meet-us.jpg) no-repeat; }
	
	#two_column.meet-us #branding h2 span {
	width:100%;
	height:100%;
	position:absolute;
	background-image: url(../images/banners/banner-meet-us.jpg);
	background-repeat: no-repeat;
}
	#two_column.locations #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-locations.jpg) no-repeat; }
	#two_column.forms-policies #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-forms-policies.jpg) no-repeat; }
	#two_column.for-parents #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-parents.jpg) no-repeat; }
	#two_column.expecting #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-expecting.jpg) no-repeat; }
	#two_column.whats-new #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-whats-new.jpg) no-repeat; }
	#two_column.contact-us #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	#two_column.privacy-policy #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	#two_column.thank-you #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-thank-you.jpg) no-repeat; }
	#two_column.paypal #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-paypal.jpg) no-repeat; }
	
	#branding #flash {width:900px; height:260px; padding:0; margin:0; z-index:0; position:absolute;}
			
	#branding #quick-access {width:436px; height:22px; padding:25px 0 0 14px; margin:-52px 0 0 450px; background:url(../images/quick-access.gif) no-repeat;}
	
	* html #branding #quick-access {margin:-50px 0 0 450px;}
	*+html #branding #quick-access {margin:-50px 0 0 450px;}
	
	#branding #quick-access a, #branding #quick-access a:visited {color:#034da0; text-decoration:none; position:relative;}
	#branding #quick-access a:hover {color:#034da0; text-decoration:underline; position:relative;}
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content {background:#fff url(../images/3col-content-bg.jpg) repeat-x; border:1px solid #d3c184; margin:0; padding:20px 12px 10px 12px;}
	* html #three_column #content {padding-bottom:0px;}
	
	#three_column #content_main { background: #fff url(../images/3col-content-main-bg.jpg) repeat-x; width:626px; margin:0; padding:0; float:left;}
		
		#three_column #content_main h1 {width:124px; height:30px; margin:-12px 0 0 17px; padding:0; position:absolute;}
		#three_column #content_main h1 span {width:100%; height:100%; position:absolute; background:url(../images/welcome.jpg) no-repeat;}
		#three_column #content_main p {margin:20px 15px 15px 7px; font-size:14px; line-height:18px; padding:0;}
		
		#three_column #content_main .t {background: url(../images/content-main-dot-top.gif) 0 0 repeat-x; width:100%; }
		#three_column #content_main .b {background: url(../images/content-main-dot.gif) 0 100% repeat-x; }
		#three_column #content_main .l {background: url(../images/content-main-dot.gif) 0 0 repeat-y; }
		#three_column #content_main .r {background: url(../images/content-main-dot.gif) 100% 0 repeat-y; }
		#three_column #content_main .bl {background: url(../images/content-main-bl.jpg) 0 100% no-repeat; }
		#three_column #content_main .br {background: url(../images/content-main-br.jpg) 100% 100% no-repeat; }
		#three_column #content_main .tl {background: url(../images/content-main-tl.jpg) 0 0 no-repeat; }
		#three_column #content_main .tr {background: url(../images/content-main-tr.jpg) 100% 0 no-repeat; padding:10px; height:140px; overflow:hidden;} 
		
		
	#three_column #content_sub { background: #fff url(../images/3col-content-sub-bg.jpg) repeat-x; width:232px; margin:0; padding:0; float:right;}
		
		#three_column #content_sub h1 {width:127px; height:30px; margin:-12px 0 0 10px; padding:0; position:absolute;}
		#three_column #content_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/whats-new.jpg) no-repeat;}
		#three_column #content_sub p {margin:17px 5px 10px 10px; padding:0;}
		
		#three_column #content_sub .t {background: url(../images/whats-new-dot.gif) 0 0 repeat-x; width:100%; }
		#three_column #content_sub .b {background: url(../images/whats-new-dot.gif) 0 100% repeat-x; }
		#three_column #content_sub .l {background: url(../images/whats-new-dot.gif) 0 0 repeat-y; }
		#three_column #content_sub .r {background: url(../images/whats-new-dot.gif) 100% 0 repeat-y; }
		#three_column #content_sub .bl {background: url(../images/whats-new-bl.jpg) 0 100% no-repeat; }
		#three_column #content_sub .br {background: url(../images/whats-new-br.jpg) 100% 100% no-repeat; }
		#three_column #content_sub .tl {background: url(../images/whats-new-tl.jpg) 0 0 no-repeat; }
		#three_column #content_sub .tr {background: url(../images/whats-new-tr.jpg) 100% 0 no-repeat; padding:10px; height:290px; overflow:hidden;}
	
	#three_column #content_supp { margin:0; padding:0; border:0;}
	#three_column #content_supp a, #three_column #content_supp a:visited {color:#da451a; text-decoration:none;}
	#three_column #content_supp a:hover {color:#da451a; text-decoration:underline;}
	
	#three_column #content_supp #callout-eminders { height:125px; width:195px; margin:19px 12px 0 0; padding:0; background:url(../images/callout-eminders.jpg) no-repeat; float:left;}
	#three_column #content_supp #callout-eminders p {padding:31px 0 0 15px; margin:0; width:95px;}
	
	#three_column #content_supp #callout-expecting { height:138px; width:214px; margin:10px 10px 0 0; padding:0;  background:url(../images/callout-expecting.jpg) no-repeat; float:left;}
	#three_column #content_supp #callout-expecting p {padding:40px 0 0 18px; margin:0; width:125px;}
	
	#three_column #content_supp #callout-for-parents { height:134px; width:194px; margin:10px 0 0 0; padding:0; background:url(../images/callout-for-parents.jpg) no-repeat; float:left;}
	#three_column #content_supp #callout-for-parents p {padding:40px 0 0 16px; margin:0; width:100px;}
	
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/	
	#two_column #content {background:#fff url(../images/2col-content-bg.jpg) repeat-x; border:1px solid #d3c184; margin:0; padding:25px 12px 10px 12px;}
	* html #two_column #content {padding-bottom:0px;}
	*+html #two_column #content {padding-bottom:0px;}
	
	#two_column #content_main { background: #fff url(../images/2col-content-main-bg.jpg) repeat-x; width:660px; margin:0; padding:0; float:left;}
		#two_column #content_main .t {background: url(../images/content-main-dot-top.gif) 0 0 repeat-x; width:100%; }
		#two_column #content_main .b {background: url(../images/content-main-dot.gif) 0 100% repeat-x; }
		#two_column #content_main .l {background: url(../images/content-main-dot.gif) 0 0 repeat-y; }
		#two_column #content_main .r {background: url(../images/content-main-dot.gif) 100% 0 repeat-y; }
		#two_column #content_main .bl {background: url(../images/content-main-bl.jpg) 0 100% no-repeat; }
		#two_column #content_main .br {background: url(../images/content-main-br.jpg) 100% 100% no-repeat; }
		#two_column #content_main .tl {background: url(../images/content-main-tl.jpg) 0 0 no-repeat; }
		#two_column #content_main .tr {background: url(../images/content-main-tr.jpg) 100% 0 no-repeat; padding:17px; min-height:200px; height:auto !important; height:200px;} 
	
	
	#two_column #content_main #callout-expecting { height:132px; width:200px; margin:10px; padding:0;  background:url(../images/callout-expecting-int.jpg) no-repeat; float:right;}
	#two_column #content_main #callout-expecting p {padding:31px 0 0 18px; margin:0; width:125px;}
	
	#two_column #content_main #callout-expecting a, #two_column #content_main #callout-expecting a:visited {color:#da451a; text-decoration:none;}
	#two_column #content_main #callout-expecting a;hover {color:#da451a; text-decoration:underline;}
	
	
	
	
	#two_column #content_sub { background:none; width:205px; margin:0; padding:0; float:right;}
	
	#two_column #content_sub #in_this_section { background: #fff url(../images/2col-content-sub-bg.jpg) repeat-x; width:205px; margin:0 0 20px 0; padding:0;}
		
		#two_column #content_sub #in_this_section h1 {width:147px; height:22px; margin:-6px 0 0 18px; padding:0; position:absolute;}
		#two_column #content_sub #in_this_section h1 span {width:100%; height:100%; position:absolute; background:url(../images/in-this-section.jpg) no-repeat;}
		
		#two_column #content_sub #in_this_section .t {background: url(../images/content-sub-dot.gif) 0 0 repeat-x; width:100%; }
		#two_column #content_sub #in_this_section .b {background: url(../images/content-sub-dot.gif) 0 100% repeat-x; }
		#two_column #content_sub #in_this_section .l {background: url(../images/content-sub-dot.gif) 0 0 repeat-y; }
		#two_column #content_sub #in_this_section .r {background: url(../images/content-sub-dot.gif) 100% 0 repeat-y; }
		#two_column #content_sub #in_this_section .bl {background: url(../images/content-sub-bl.jpg) 0 100% no-repeat; }
		#two_column #content_sub #in_this_section .br {background: url(../images/content-sub-br.jpg) 100% 100% no-repeat; }
		#two_column #content_sub #in_this_section .tl {background: url(../images/content-sub-tl.jpg) 0 0 no-repeat; }
		#two_column #content_sub #in_this_section .tr {background: url(../images/content-sub-tr.jpg) 100% 0 no-repeat; padding:10px; min-height:200px; height:auto !important; height:200px;} 
		
		#two_column #content_sub #in_this_section ul {list-style-type:none; margin:0; padding:13px 5px 10px 10px; }
		#two_column #content_sub #in_this_section ul li {margin:0; padding:0;}
		#two_column #content_sub #in_this_section ul li a, #two_column #content_sub #in_this_section ul li a:visited { color:#303030; }
		#two_column #content_sub #in_this_section ul li a:hover { color:#303030; }
		
		#two_column #content_sub #in_this_section ul li ul {margin:0 0 0 10px; padding:0;}
		
		#two_column #content_sub #in_this_section .vcard {margin:0; padding:13px 5px 10px 10px;}
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; height:250px; width:250px; float:right; background:url(../images/directionsBG.jpg) no-repeat;}
	#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 { font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}
	
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; }
	#site_info, #site_info a, #site_info a:visited { color: #3d3d3d; text-decoration: none;}
	#site_info a:hover { color: #3d3d3d; 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;
	}
	
	/* =Doc Bio
	-----------------------------------------------------------------------------*/
	.doc-bio { margin-bottom:10px;}
	.doc-bio img { margin:0 20px 20px 0; padding:0; float:left; }
	.doc-bio h2 { marign:0; padding:0; }
	.doc-bio hr {clear:both; }
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	

	
	/* =Recaptcha secure form control
	-----------------------------------------------------------------------------*/
	.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	   background-color:#96C5D5 !important; //reCaptcha widget background color
	 }
	 
	 #recaptcha_table {
	   border-color: #96C5D5 !important; //reCaptcha widget border color
	 }
	 
	 #recaptcha_response_field {
	   border-color: #96C5D5 !important; //Text input field border color
	   background-color:#96C5D5 !important; //Text input field background color
	 }
	
	
	
}