/*
Site: Dr. Fortes
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: 
*/

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;
} 


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

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #4D6E25;
	}

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

h1, h2, h3, h5, h5, h6 { font-weight: normal; margin-bottom: 8px; font-family:Georgia, "Times New Roman", Times, serif } 

h1 { font-size: 22px; color: #88A35E; line-height:28px }
h2 { font-size: 16px; color: #4B6F25; font-weight:bold; }
h3 { font-size: 12px; color: #4B6F25; }
h4 { font-size: 12px; color: #4B6F25; }
h5 { font-size: 12px; color: #666; }
h6 { font-size: 12px; color: #666; }

a { color: #26380f; outline:none }

.clear {clear:both; margin:0; padding:0;}




/** STRUCTURE **/

#patterned-bg {width: 100%; background: url(/images/home/body-bg.jpg) repeat top center;}

#fleurs {width: 100%; background:url(../images/home/fleur.jpg) top center no-repeat;}

#main-wrap {width: 950px; margin:0 auto}
	
	a#fortes-logo {width: 343px; height: 84px; display:block; float:left}
	
	#utility-nav {width: 607px; height: 84px; background:url(../images/home/nav-bg.jpg) top left no-repeat; float:right; 
	text-align:right}
	
		.white-large {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; line-height:32px; font-size:18px; 
		letter-spacing:4px}
	
	#story-bg {width: 950px; height: 329px; clear:both; background:url(../images/home/story-bg.jpg) top center no-repeat; 
	margin: 10px 0 0 0; padding: 9px 0 0 0}
	
		#story-wrap {width: 928px; height:317px; margin: auto; border: 1px solid #FFF; background: #FFF}
		
			.img-box {width: 464px; height:317px; float:left;}
			
			.story-info {width: 439px; float:left; padding-top:20px}
				.story-info h1 {color: #3e3517; margin-bottom:0; font-size: 40px; font-weight:normal}
				.story-info h2 {color: #564a20; margin-bottom:4px; font-size: 60px;font-weight:normal}
			
			ul#green-list {list-style:none; padding:0; margin:0}
			
			ul#green-list li {float:left; line-height:33px; font-size: 11px;}
			
			ul#green-list li a {color:#FFF; text-decoration:none;}
			
				.lip-gal {width: 119px; height: 33px; display:block; padding: 0 0 0 10px; background:url(../images/home/green-1.jpg) top left no-repeat}
				.body-gal {height: 33px; display:block; width: 140px; padding: 0 0 0 10px; background:url(../images/home/green-2.jpg) top left no-repeat}
				.face-gal {height: 33px; display:block; width: 150px; padding: 0 0 0 10px; background:url(../images/home/green-3.jpg) top left no-repeat}
	
	.left-column {width: 302px; float:left;}
	
		.expect {width: 277px; float:right; padding-top:45px}
	
			.expect h2, .expect h2 a {color: #FFF; font-size: 30px; font-weight: normal; text-decoration:none}
			
			.expect p {color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px}
			
			.expect ul {list-style:none; margin:0; padding:0}
				
				.expect ul li a {display:block; width: 264px; height: 25px; line-height:25px; border: solid 1px #FFF; 
				background: #4D6E25; color:#FFF; text-decoration:none; padding: 0 0 0 10px; margin: 0 0 3px 0}
				.expect ul li a:hover {background: #809A5B}
		
		.media-box {clear:both; float:right; background:url(../images/home/media-bg.jpg) top center no-repeat #75A4AA; 
		border: 1px solid #FFF;	width: 254px; padding: 70px 10px 10px 10px; margin: 40px 0 40px 0; color:#272611}
		
			.media-box h3, .media-box p, .media-box a {color:#3D371F}
			
			ul.articles-top li {margin-bottom:10px !important}
			
			.media-box a:hover, .media-box h3:hover {color:#3d585c}
	
	.right-column {float:right; width: 625px}
	
		#makeover-box {width: 625px; height: 308px; background:url(../images/home/makeover-box.jpg) top left no-repeat; 
		padding: 9px 0 0 0; margin-top:21px}
		
			.makeover-wrap {width: 574px; height: 283px; background: url(/images/home/coolsculpting-body-home.jpg) top right no-repeat #FFF; 
			margin: auto; padding: 15px 16px 0 16px}

				.makeover-wrap h1 {color:#3E3517; font-size: 30px; font-weight:normal;}
								
				.makeover-wrap h2 {color:#564A20; font-size: 18px; width: 405px; font-weight:normal;}
								
				.makeover-wrap p {width: 360px; color:#564A20}
				.makeover-wrap a { color:#375C19; font-weight:bold}			
		
		#swim-wrap {width: 591px; background:url(/images/home/swim-bg.png) top center repeat; border: 1px solid #4D6827; 
		margin-top:15px; padding:15px 16px}
		
			#swim-wrap h1 {color:#FFF; font-size: 24px; font-weight:normal;}
			
			#swim-wrap p {color:#FFF;}
			#swim-wrap a {color:#FFF; font-weight:bold;}
			
			
			a#swim-btn {width: 395px; height: 30px; line-height: 30px; border: 1px solid #FFF; background: #4A6924; color:#FFF; 
			text-decoration:none; padding-left: 10px; display:block; float:left}
			a#swim-btn:hover {background: #809A5B}
		
		.about-wrap {width: width: 591px; padding:15px 16px; margin-top:15px;}
		
			.about-left {width: 326px; float:left}
			
			.about-right {width: 267px; float:right;}
				
				.about-right h1 {color:#FFF; font-size: 24px; font-weight:normal;}
				.about-right a {font-weight:bold}
				.about-right a:hover, .about-left a:hover {color:#FFF}
				
				ul#social {list-style:none; margin:0; padding:0}
				
				ul#social li {display:block; width: 63px; float:left}
				
				ul#social li a{display:block; width: 63px; height: 18px; padding: 78px 0 0 0}
				
					.fb {background:url(../images/home/fb.jpg) top left no-repeat; margin-right: 5px }
					.twitter {background:url(../images/home/twitter.jpg) top center no-repeat; margin-right: 5px}
					.youtube {background:url(../images/home/youtube.jpg) top center no-repeat; margin-right: 5px}
					.vimeo {background:url(../images/home/vimeo.jpg) top center no-repeat;}
					
					ul#social li a:hover {color:#FFF}
	
	#footer-wrap {margin-top: 50px; clear:both; width: 100%; 
	background:url(../images/home/footer-stripe.jpg) top center repeat-x #4D6E25; }
	
		#footer {width: 950px; background:url(../images/home/footer-bg.jpg) top right no-repeat; min-height: 263px; margin: 0 auto;
		padding-top:53px}
		
			.footer-list {width: 145px; float:left; margin-right:25px}
			
			.footer-list h1 {font-size: 18px; color:#FFF; font-weight:normal}
			
			.footer-list a, .footer-list p, #schipul-footer a, #schipul-footer p {color:#FFF;}
			
			.footer-list ul {list-style:none; margin:0; padding:0;}
				
				.footer-list ul li a {color:#FFF; display:block; border-bottom: 1px dotted #FFF; line-height: 24px; text-decoration:none}
				
				.footer-list ul li a:hover {background: #2F4215}
				
			#schipul-footer {width: 268px; float:right; padding-top:34px}


/**Template**/
#template-wrap {width: 930px; margin:0 auto;  padding: 0 20px 0 0; background:url(../images/template/template-bg.jpg) top center repeat-y}

#template-top {width: 950px; height:17px; vertical-align:top; background:url(../images/template/template-top.jpg) top center no-repeat;margin:10px auto 0 auto;}

#template-btm {width:950px; height:25px; background:url(../images/template/template-btm.jpg) top center no-repeat; clear:both; vertical-align:top}

	#template-left {width: 279px; float:left; padding: 0 0 0 12px}
			
			
			.expect-template {float:right; width: 272px; padding: 25px 0 15px 0}
			.expect-template h2, .expect-template h2 a {color: #263613; font-size: 28px; font-weight: normal; text-decoration:none; margin-bottom: 3px}
			
			.expect-template p {color:#362C1B; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px}
			
			ul.box-link {list-style:none; margin:0; padding:0; float:right}
				
				ul.box-link li a {display:block; width: 260px; height: 25px; line-height:25px; border: solid 1px #FFF; 
				background: #4D6E25; color:#FFF; text-decoration:none; padding: 0 0 0 10px; margin: 0 0 3px 0}
			
				ul.box-link li a:hover {background: #809A5B}
	
	#bodycontent {width: 591px; background: #FFF; float:right; padding: 0 14px 20px 14px; color: #322819 !important}
	
	#bodycontent p{color: #322819 !important}
	
	#bodycontent h1 {color:#443721; font-size:24px; line-height:77px; display:block; background:url(../images/template/h1-bg.jpg) top right no-repeat; border-bottom: 1px solid #443721; font-weight:normal}
	
	#bodycontent a {color:#443721}
	#bodycontent a:hover {color: #365116}
				
	



/**Before & After Templates**/

	#specific-headers {width: 620px; background: #FFF; float:right; padding: 0; color: #365116; height: 406px; background:url(../images/template/title-brown.jpg) top left no-repeat }
	
			#specific-headers-noflash {width: 620px; background: #FFF; float:right; padding: 0; color: #365116; height: 76px; background:url(../images/template/title-brown.jpg) top left no-repeat }
			
		#specific-headers h1 {font-size:24px; line-height:65px;font-weight:normal; color:#FFF; padding-left:15px}
		#specific-headers-noflash h1 {font-size:24px; line-height:65px;font-weight:normal; color:#FFF; padding-left:25px}
	
	#image-container {width: 620px; height: 333px; background:url(../images/template/image-container.jpg) top left no-repeat;}
	
		#image-container img {border:0; margin: 33px 23px;}
	
	#copy-content {width: 591px; background: #FFF; float:right; padding: 0 14px 20px 14px; color: #365116;}
	
	
/** TENDENCI **/
.titles { font-size: 18px; font-weight: bold; color: #88A35E}
.subtitles {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {}
.currency { font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {font-weight: bold; text-decoration: none}
.bold_body_copy_blue { font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy { font-size: 14px; color: #000000; text-decoration: none}
.links { }
.copyright { font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs { font-size: 10px; color: #999999}
.body_copy_alerts {font-size: 12px; color: #FF0000}
.body_copy_invert {font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00;font-size: 12px; font-style: normal; color: #000000}
.reports { font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy {font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles {font-size: 14px; font-weight: bold; color: #000000}
.reports_titles {font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}

input{font-size:12px; padding: 2px; margin: 2px; color:#6d6460; border: 1px solid #999
}
input:focus {color:#333; background-color:#fff5ed; border: 1px solid #4B6F25 }

#procedure-price p {padding: 5px;}
#fortes-logo img{z-index:10;position:relative;}
td.lowhigh {color:#FFF;}