/*

Site: Dr. Newall
Design: Ben Gillin for Schipul
Build: Brandi Lalanne for Schipul
URI: www.DrNewall.com  /  www.newallmd.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 


a { outline: none; }

p { margin-bottom: 8px; color:#333; font-size:12px}

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #3b3015;
	background: #2c698e url(/images/home/body-bg.jpg) repeat-x top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; font-weight: bold; color: #275C7E; }
h2 { font-size: 16px; font-weight: bold; color: #275C7E; }
h3 { font-size: 12px; font-weight: bold; color: #275C7E; }

a { color: #275C7E; }
a:hover { text-decoration: none; }

.clear {clear:both}


/** STRUCTURE **/

#bg-wrap {width: 100%; background:url(../images/home/wrap-bg.jpg) top center no-repeat;}
#bg-stripe {width: 100%; background:url(../images/home/horizontal-stripe.png) top center repeat-x; min-height:640px; height:auto!important; height:640px}

#wrap {width: 1000px; margin:0 auto}

	#logo {width: 357px; height: 100px; float:left}
		#logo h1 {margin:0; padding:0; background:url(/images/home/logo.png) top left no-repeat;}
		#logo h1 a {text-indent:-9999px; display:block; widows: 357px; height:100px}

	#utility-nav {width: 640px; float:right}
	
		#phone-number {width: 182px; height:41px; float:right; background:url(../images/home/number-bg.png) top right no-repeat; color:#FFF; line-height: 31px; padding:0 0 0 15px}

	#content-wrap {width: 964px; background:url(../images/home/content-bg.png) top center repeat-y; padding: 16px 18px}
	
		#story-box {width: 681px; height:423px; float:left; background: #614200 repeat top left; padding:5px; overflow:hidden;position:relative;}
		.story-item {width: 681px; height:423px; }
		.story-item  img {height: 423px; border:0; width: 681px}
		.story-content {margin: -100px 0 1px 0; background:url(../images/home/story-bg.png) top left repeat; height:81px; width: 641px;
		position:relative; padding: 15px 20px 5px 20px; color:#FFF;}
		.story-content h2 {color:#FFF; margin: 0 0 5px 0;}
		.story-content p, .story-content a {color:#FFF; margin:0;}

			#nav-stories {
			display: block; 
			height: 15px; 
			padding: 3px 10px 0 0;
			position:absolute; 
			width: 10px; 
			top: 15px; 
			right: 20px; 
			font-size:12px;
			z-index: 999;
			}
			
			#nav-stories a { 
			display: block; 
			border: 1px solid #7abbdc; 
			float: left; 
			margin-right: 5px;
			text-align: center; 
			text-decoration: none; 
			color:#e1e1e1; 
			font-weight:bold;
			background:#000; 
			margin-bottom:5px; 
			padding: 3px 8px;
			}
			#nav-stories a.activeSlide {; background-color:#225570;
			color: #fff; }
			
		#top-right {width: 273px; float:right}
			
			#fat-tracker {width: 270px; height:60px; background:url(../images/home/fat-tracker-bg.png) top right no-repeat;
			margin-bottom:9px; padding-top:10px}
			
				#fat-tracker p {width: 200px; display:block; margin:0 auto; font-weight:bold; font-size: 14px; color:#FFF }
				
				#ads { width: 250px; margin-left: 20px; margin-bottom: 10px;}
			
			#tab-bg {width: 250px; height: 200px; background:url(../images/home/story-tab-bg.jpg) top left repeat-y; padding-top:13px; margin-left: 20px;}
			#list-bg {width: 270px; height: 200px; padding-top:13px}
			
				#tab-bg ul, #list-bg ul {list-style: none; margin:0 0 0 10px; padding:0}
				
				#tab-bg ul li, #list-bg ul li {margin-bottom:8px; display:block; height:40px; width: 230px}
				
					li a#tummy {width: 230px; height:40px; text-indent:-9999px; 
					background:url(/images/home/btn-tummy-bw.jpg) top left no-repeat; display:block}
					
					li a#tummy:hover {background:url(/images/home/btn-tummy.jpg) top left no-repeat; display:block}
					
					li a#breast {width: 230px; height:40px; text-indent:-9999px; 
					background:url(/images/home/btn-breast-bw.jpg) top left no-repeat; display:block}
					
					li a#breast:hover {background:url(/images/home/btn-breast.jpg) top left no-repeat; display:block}
					
					li a#mommy {width: 230px; height:40px; text-indent:-9999px; 
					background:url(/images/home/btn-mommy-bw.jpg) top left no-repeat; display:block}
					
					li a#mommy:hover {background:url(/images/home/btn-mommy.jpg) top left no-repeat; display:block}
					
					li a#facial {width: 230px; height:40px; text-indent:-9999px; 
					background:url(/images/home/btn-facial-bw.jpg) top left no-repeat; display:block}
					
					li a#facial:hover {background:url(/images/home/btn-facial.jpg) top left no-repeat; display:block}
				
		
		/**#photo-bar {width: 964px; height: 100px; margin:40px auto}**/
		
			#photo-feed {width: 752px; float:left; margin-top: 10px;}
			
			a#btn-beforeafter {width: 154px; height:46px; background:url(../images/home/btn-beforeafter.jpg) top center no-repeat; 
			float:right; color:#FFF; font-weight:bold; font-size:14px; padding: 40px 40px 0px 12px; text-decoration:none }
			a#btn-beforeafter:hover,
			a.btn-brown:hover,
			#lower-left a:hover,
			a.low-right:hover
			{color: #517D9B}
			
			
			.column-wrap {width: 250px; float:left; margin:20px 20px 0 0;}
			
		#lower-left {width: 226px; 	min-height: 242px; height: auto !important; height: 242px; background-color:#E6DAC2; 
		padding: 5px 12px;}
		
			#lower-left a {color:#153D57; text-decoration:none}
		
			a.btn-brown {width: 239px; height:56px; background: url(/images/home/btn-brown.jpg) top left no-repeat; display:block;
			padding: 10px 0 0 10px; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none}
		
		#lower-mid {width: 227px; 	min-height: 74x; height: 94px; padding: 188px 12px 3px 12px;
		background:url(../images/home/consulting-bg.jpg) top center no-repeat}
		
		#lower-right {width: 410px; height: 326px; float:right; 
		background: transparent url(/images/home/doc.png) bottom right no-repeat; margin-top:20px;}
		
			#lower-right .title {width: 410px; background:url(../images/home/aboutdoc-title.jpg) top left no-repeat; height:36px}
	
		#lower-mid p, #lower-right p {color:#FFF}
		
		#lower-right p {width:190px; margin: 15px 0 0 16px}
		
			a.low-right {padding: 0 0 0 0; margin-left:19px; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; display:block}
			
			
#footer-area {width: 100%; background: #102A43; border-top: solid 3px #FFF; padding: 40px 0}
#footer-area h2 {color:#FFF; font-size:14px}
#footer-area p {color:#FFF; font-size:12px}
#footer-area a {color:#FFF; text-decoration:none; }
#footer-area a:hover {text-decoration:underline}

	#footer-wrap {width: 964px; margin: 0 auto}
	
		#footer-left {width: 346px; color:#FFF; float:left; margin: 0 20px 0 0}
		
			#footer-left ul {list-style:none; float:left; width:159px; margin:0; padding:0}
			#footer-left ul li a {display:block; color:#FFF; text-decoration:none; width: 153px; padding: 0 0 8px 0}
			#footer-left ul li a:hover {text-decoration:underline}
			
		#footer-mid {width: 250px; color:#FFF; float:left; margin: 0 20px 0 0; height:300px !important; overflow:hidden}
		
		#footer-right {float:right; width: 325px}
		
		
		
/** Template**/	
		
#bodycontent {width: 648px; padding: 20px; float:left; color:#333; background-color: #FFF; min-height: 594px; height:auto !important; height: 594px}		
	#bodycontent p {color:#333}
	#bodycontent a {color:#275C7E}
	#bodycontent a:hover {color:#15354E}
	#bodycontent h1 {color:#FFF; display:block; padding: 10px 5px; background-color:#4F3600; margin-bottom: 20px;}
		
		
	#template-news-right {width: 226px; min-height: 242px; height: auto !important; height: 242px; background-color:#E6DAC2; 
		padding: 5px 12px; float:right}
		
			#template-news-right  a {color:#153D57; text-decoration:none}	
		
		
/******************Mini Contact Form Styles */
#mini-contact-template {width: 250px; float:right; margin: 10px 0; color:#FFF}
	#mini-contact-template .contact-template #firstname,
	#mini-contact-template .contact-template #lastname,
	#mini-contact-template .contact-template #email,
	#mini-contact-template .contact-template #phone,
	#mini-contact-template .contact-template #contactnotes
	{width: 250px; border: 1px solid #2B698E; height: 20px; padding: 4px 0 4px 0; margin: 0 0 8px 0; color:#333}

	
	
	#mini-contact-template .contact-template #contactnotes {height: 70px;}

	#mini-contact-template .contact-template #firstname:focus,
	#mini-contact-template .contact-template #lastname:focus,
	#mini-contact-template .contact-template #email:focus,
	#mini-contact-template .contact-template #phone:focus,
	#mini-contact-template .contact-template #contactnotes:focus,
	#mini-contact-template .contact-template #department:focus
	{border-color: #2B698E; background: #f9f6e6}

	#mini-contact-template .contact-template #contact-signup-check p 
	{display:block; float:left; margin:0px; padding:0 0 0 3px; width: 135px; font-size:11px}
	
	#mini-contact-template .contact-template .submit {float:right;}	
	
	
/******************Mini Contact Form Styles for interior form */
	.contact-template #firstname,
	.contact-template #lastname,
	.contact-template #email,
	.contact-template #phone,
	.contact-template #contactnotes
	{width: 143px; border: 1px solid #2B698E; height: 14px; padding: 4px 0 4px 0; margin: 0 0 8px 0; color:#333}

	
	
	.contact-template #contactnotes {height: 50px;}

	.contact-template #firstname:focus,
	.contact-template #lastname:focus,
	.contact-template #email:focus,
	.contact-template #phone:focus,
	.contact-template #contactnotes:focus,
	.contact-template #department:focus
	{border-color: #2B698E; background: #f9f6e6}

	.contact-template #contact-signup-check p {display:block; float:left; margin:0px; padding:0 0 0 3px; width: 135px; font-size:11px}
	
	.contact-template .submit {float:right;}		
	
	
/******************For Special Interior Template Content */	
	
.doc-title {width: 249px; height: 26px; background: url(../images/templates/docnewall.jpg) top left no-repeat; 
padding: 254px 0 0 10px; color:#FFF }	
.doc-title a {color:#FFF !important; text-decoration:underline}
.doc-title a:hover {text-decoration:none}

.contact-bg {height:244px; width: 239px; background:url(../images/templates/contact-bg.jpg) top left no-repeat; padding:14px 10px 0 10px; color:#FFF}
.contact-bg h2 {font-size:16px !important}
.contact-bg p {color:#FFF !important; margin-top: 15px !important}

span.whitetxt, span.whitetxt a {color:#FFF; font-weight:bold}
span.whitetxt-big, span.whitetxt-big a {color:#FFF !important; font-size:20px}

#customTable h2 {font-size:14px !important}
	
	
	
	
	
	
/** Tendenci**/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.pricing td{width:140px;background-color:#5385a3;color:#FFF;font-weight:bold; padding:5px;}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}



td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}
input {padding: 2px; margin-bottom:4px}