@charset "UTF-8";
/* CSS Document */

a:link { color: #003F6A; }
a:active { color: #003F6A; }
a:visited { color: #003F6A; }
a:hover { color: #333333; }

div { float: left;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#043f6a; background: #00507d url(../images/bgGrad.gif) repeat-x; margin-top: 0px;}

p {line-height:1.5;}
h1{font-size:20px; font-family:Avenir,Verdana, Geneva, sans-serif; color:#003F6A; font-size: 22px; font-weight: normal; margin: 0px; padding: 10px 0px 10px 0px;}
h3{font-size:14px; font-family:Avenir,Verdana, Geneva, sans-serif; margin-bottom:-10px}

#left-grad, #right-grad { width: 10px;} 
#left-grad { background: url(../images/lftHorGrad.jpg) repeat-y top;}
#right-grad { background: url(../images/rgtHorGrad.jpg) repeat-y top;}

#footer { background: url(../images/footerMidGrad.gif) repeat-x; height: 33px; color: #FFF; text-align: right; font-size: 10px; padding: 10px 10px 0px 0px;}
#footer-left{width:150px; float:right}
#footer-middle{width:150px;}
#footer-right{width:150px; float:left;}

#home-header, #work-header, #results-header, #staff-header, #faq-header, #news-header, #contact-header, #consult-header, #swim-header, #special-financing-header, #why-choose-final-inches-header,#how-liposculpture-works-header ,#liposuction-vs-liposculpture-header { width: 960px; height: 322px;}
#home-header { background: url(../images/homeHeader.jpg) no-repeat;}
#work-header { background: url(../images/workHeader.jpg) no-repeat;}
#results-header { background: url(../images/resultsHeader.jpg) no-repeat;}
#staff-header { background: url(../images/staffHeader.jpg) no-repeat;}
#faq-header { background: url(../images/faqHeader.jpg) no-repeat;}
#news-header { background: url(../images/newsHeader.jpg) no-repeat;}
#contact-header { background: url(../images/contactHeader.jpg) no-repeat;}
#consult-header { background: url(../images/schedHeader.jpg) no-repeat;}
#swim-header { background: url(../images/swimsuitHeader.jpg) no-repeat;}
#special-financing-header{ background: url(../images/financingHeader.jpg) no-repeat;}
#why-choose-final-inches-header{ background: url(../images/workHeader.jpg) no-repeat;}
#how-liposculpture-works-header{ background: url(../images/workHeader.jpg) no-repeat;}
#liposuction-vs-liposculpture-header{ background: url(../images/workHeader.jpg) no-repeat;}

#top-bar { width: 960px; height:53px; background: url(../images/midTopBar.png) repeat-x;}

#logo-area { width:430px; padding: 0px 560px 54px 0px;}
#sub-footer { width: 960px; height: 140px; background: #FFF;}
.sub-footer-pad {padding: 0px 0px 0px 0px ;} /* 100px   */

#nav-area {width:345px; margin:-5px 0 1px 15px;}
#nav-area img{margin:0 0 2px 0;}


#content-area { width: 820px; padding: 0 68px 50px 70px;}
#content-area p, #content-area-home p { padding: 0px 0px 15px 0px; margin: 0px; line-height: 18px; width: 100%;}
/*#content-area h1, #content-area-home h1 { color:#003F6A; font-size: 22px; font-weight: normal; margin: 0px; padding: 0px 0px 25px 0px; width: 822px;}*/
#content-area h2, #content-area-home h2 { color:#003F6A; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px; width: 822px;}

#content-area-left { width: 350px; padding: 0 80px 0px 0px;}
#content-area-right { width: 366px; padding:0; margin:-45px 0 0 0}

/*________Home______________________*/
/*#home-ba-area { background-color: #c1e3fe; width: 330px; padding: 10px 0px 15px 0px; text-align: center; font-weight:bold; margin: 10px 0px 0px 0px;}*/

/*#home-ba-area a { font-size: 10px;font-weight:bold;}
#home-ba-area a:link, #home-ba-area a:active, #home-ba-area a:visited { color: #003F6A;}
#home-ba-area a:hover { color:#999;}

#home-text-area { width: 380px; padding: 0px 0px 0px 200px;}
#home-text-area p { padding: 0px 0px 15px 0px; margin: 0px; line-height: 18px; width: 440px;}
#home-text-area div ul { list-style: none; margin: 0px; padding: 0px 0px 15px 0px; font-weight: bold; line-height: 16px; color:#003F6A;}


.display-line {display: inline-block; padding-right: 20px;}*/

#what-is-the-cost{ background:url(../images/bg-what-is-the-cost.jpg) no-repeat top; width:281px; height:292px;  margin:0 0 0 40px; color: #666; float:left}


a:link.learn-more{color: #003f6a; text-decoration:none; font-weight:bold; padding:0 0 3px 0}
a:hover.learn-more{color: #003f6a; text-decoration: underline}

/*________ How it Works_____________*/
#work-table { width: 818px; border: #003F6A 1px solid;}

.columnA { width: 114px; background-color: #003F6A; border-right: #003F6A 1px solid; padding: 8px 0px 8px 5px; color:#FFF; border-bottom: #FFF 1px solid;}
.columnB { border-right: #003F6A 1px solid;}
.columnB, .columnC { width: 310px; background: #FFF; color: #003F6A; padding: 8px 20px 8px 20px; border-bottom: #003F6A 1px solid;}

.divider { width: 820px; padding: 40px 0px 0px 0px;}
#content-area .divider div h2 { color:#003F6A; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px 0px 5px 0px;}
.right-floater1, .right-floater2 { float: right;}

/*_________ Results ________________*/
#photo-area { width: 820px; padding: 10px 0px 0px 0px; border-top: #003F6A 1px solid;}

.hoverbox{ cursor: default; list-style: none; margin: 0px; padding: 0px;}

.hoverbox a { cursor: default;}

.hoverbox a .preview { display: none;border:}

.hoverbox a:hover .preview { display: block; position: absolute; top: -53px; left: -125px; z-index: 1; border: #003F6A 1px solid; color:#003F6A; font-size: 14px; }

.hoverbox img { background: #fff; color: inherit; padding: 2px; vertical-align: top; width: 187px; height: 70px; border: none;}

.hoverbox li { display: inline; float: left; margin: 3px; padding: 5px 5px 5px 2px; position: relative;}

.hoverbox .preview { border-color: #000; width: 462px; height: 187px;} /*padding: 0px 0px 25px 0px;*/

/*________ Medical Staff _____________*/
.staff-area { width: 820px; padding: 30px 0px 15px 0px; border-top: #003F6A 1px solid;}
.staff-photo { padding: 0px 35px 0px 0px;}
.staff-text { width: 636px;}
.staff-text span { color:#003F6A; font-size:14px;}

/*________ FAQ ____________________*/
#question-box { width: 575px; background-color: #73bde5;}
#question-box ul { color: #FFF; margin: 0px; padding: 0px;}
#question-box li { height: 34px; font-weight: bold; font-size: 15px;}
#question-box a { display: block;width: 563px;padding: 8px 2px 8px 10px; border-bottom: #FFF 1px solid; text-decoration: none;}
#question-box a:link, #question-box a:active, #question-box a:visited { color: #FFF;}
#question-box a:hover { color: #003F6A;}

#question-area { width: 820px; padding: 0px 0px 0px 10px; border-top: #003F6A 1px solid;}
#question-area h3 { font-size: 18px; margin: 0px; padding: 25px 0px 0px 0px; width: 790px; color: #003F6A;}
.anchor-top { width: 820px; text-align: right; color: #003F6A; font-size: 11px; padding: 5px 0px 15px 0px;}

/*_______ In the News ________________*/
#mag-area { width: 330px; padding: 0px 0px 0px 0px; text-align: left;}
#mag-text-area { width: 490px;}
#mag-text-area h2 { width: 490px; font-size: 18px; font-weight: normal; color: #003F6A; margin: 0px; padding: 0px 0px 0px 0px;}
#mag-text-area h3 { font-size: 14px; margin: 0px;  padding: 15px 0px 4px 20px; width: 450px; line-height: 18px;}
#mag-text-area h3 span { font-size: 14px;  font-style: italic; font-weight: normal; color: #003F6A;}
#mag-text-area p { padding:0px 0px 0px 20px; width: 450px; margin: 0px;}

/*________ Contact __________________*/
#address-area { width: 223px; padding: 35px 115px 1000px 45px;}
#address-area p { width: 223px; text-align: center;}
.address-photo { width: 223px; padding: 20px 0px 10px 0px;}
.contact-info { width: 223px; text-align:center; border-top: #003F6A 1px solid; padding: 15px 0px 15px 0px; line-height: 18px;}
.rule { width: 490px; padding: 0px 0px 0px 0px; border-top: #003F6A 1px solid;}

#map-area { width: 455px; height:auto} 
.map-frame { width: 450px; height: 409px; background: url(../images/mapFrame.gif) no-repeat; padding: 8px 0px 0px 8px;}

/*_________ Consultation _____________*/
#form-area { width: 636px; padding: 30px 0px 0px 184px;}
#form-content { width: 467px;}
.text-field { width: 312px;}
#form-content span { color: #003F6A;}

#mediaplayer {
	 margin-top: 100px; margin-left: 264px;
	}
	
#mediaplayer2 {
	 margin-top: 30px; margin-left: 0px;  /*  margin-top: 385px; margin-left: -29px; z-index: 0;    */
	}
	
#mediaplayer3 {
	 margin-top: 20px; margin-left: 150px; z-index: 1000;
	}
	
#home-head {padding-left: 200px;"}