/*--------------------------------------------------
############################################
-----------------
AESTHETICS ESTRUCTURE
-----------------
############################################
--------------------------------------------------*/
body{background:url("../images/aesthetics/bg.jpg") repeat-y center top;}
#mainwrapper{width:993px;}

/* -- Menu -- */
#menu{margin-left:10px;}

#menu ul li a.whoweare{background:transparent url("../images/nav/who-we-are-estehtics.png") no-repeat left top;width:174px;}
#menu ul li a.membership{background:transparent url("../images/nav/membership-estehtics.png") no-repeat left top;width:158px;}
#menu ul li a.preventive{background:transparent url("../images/nav/preventive-estehtics.png") no-repeat left top;width:227px;}
#menu ul li a.corporate{background:transparent url("../images/nav/corporate-estehtics.png") no-repeat left top;width:219px;}
#menu ul li a.onlineservices{background:transparent url("../images/nav/online-estehtics.png") no-repeat left top;width:195px;}

#menu ul li a.whoweare:hover{background:transparent url("../images/nav/who-we-are-estehtics.png") no-repeat left bottom;}
#menu ul li a.membership:hover{background:transparent url("../images/nav/membership-estehtics.png") no-repeat left bottom;}
#menu ul li a.preventive:hover{background:transparent url("../images/nav/preventive-estehtics.png") no-repeat left bottom;}
#menu ul li a.corporate:hover{background:transparent url("../images/nav/corporate-estehtics.png") no-repeat left bottom;}
#menu ul li a.onlineservices:hover{background:transparent url("../images/nav/online-estehtics.png") no-repeat left bottom;}


/* -- Header -- */
.headerlogo{height:125px;background:url("../images/aesthetics/header-logo.png") no-repeat;}

/* -- Content -- */
#contwrapper{background:#fff url("../images/aesthetics/top-container.jpg") no-repeat left top;padding:10px;}
.endcont{background:url("../images/aesthetics/bottom-container.jpg") no-repeat;height:29px;margin-bottom:20px;}
.centralbanner{margin-bottom:10px;}

/* -- Colunms -- */
.columnwrapper{overflow:hidden;clear:both;margin-bottom:14px;}
.leftcolumn{float:left;width:254px;padding-top:12px;}
.rightcolumn{float:right;width:684px;padding:10px 0 12px 0;}

/* -- Left Col -- */
.leftcolumn .top{background:transparent url("../images/preventive-left-top.png") no-repeat;height:11px;}
.leftcolumn .middle{border-left:1px solid #ececec;border-right:1px solid #ececec;background:#f6f6f6;padding:0 8px 0 10px;}
.leftcolumn .bottom{background:transparent url("../images/preventive-left-bottom.png") no-repeat;height:10px;}
.leftcolumn .middle h3{font:normal 20px "Trebuchet MS";color:#484848;}
.leftcolumn .middle .leftbox{background:#fff;border:1px solid #e6e6e6;padding:8px;margin-top:10px;}
.leftcolumn .middle .leftbox h4{font:bold 14px "Trebuchet MS";color:#03b2ad;margin-bottom:6px;}
.leftcolumn .middle .leftbox ul{margin:8px 0;}
.leftcolumn .middle .leftbox ul li{font:normal 12px/18px "Arial";color:#484848;background:url("../images/aesthetics/list-bullet.jpg") no-repeat left 6px;text-indent:8px;}

/* -- Right Col -- */
.docinfo{background:url("../images/aesthetics/doctor-bg.jpg") no-repeat;width:675px;height:396px;margin-top:14px;}
.docinfo .doctext{padding:45px 0 0 20px;}
.docinfo .doctext p{font:normal 12px/18px "Arial";color:#484848;width:394px;}

.makeoverbanner{background:url("../images/aesthetics/banner-makeover.jpg") no-repeat;width:675px;height:205px;margin-top:18px;padding-top:150px;}
.makeoverbanner a{color:#fff;font:bold 16px "Trebuchet MS";text-decoration:none;padding-left:490px;}
.makeoverbanner a:hover{text-decoration:underline;}

.contentform{background:url("../images/aesthetics/bg-contact-form.jpg") no-repeat;width:675px;height:267px;margin-top:-130px;}
.contentform p{padding:16px 0 0 22px;font:bold 16px "trebuchet MS";color:#484848;}
.contentform p span{text-transform:uppercase;color:#00b1b0;font-weight:bold;}

.contentform form{float:left;width:273px;margin-left:28px;padding-top:10px;}
.contentform .contactinfo{float:right;width:370px;}
.contentform .contactinfo p{padding:0;font:normal 12px/16px "Arial";color:#484848;padding-right:20px;}
.contentform form fieldset p{margin:6px 0;padding:0;}
.contentform form fieldset p label{font:bold 12px Arial;color:#8f8f8f;display:inline-block;width:70px;vertical-align:top;}
.contentform form fieldset input[type='text'], .contentform form fieldset textarea{border:1px solid #d9d9d9;background:#fff;width:180px;padding:2px;}
.contentform form fieldset input[type='submit']{color:#fff;text-transform:uppercase;font:bold 13px "trebuchet MS";margin:10px 0 0 72px;border:none;background:url("../images/aesthetics/submit-btn.jpg") no-repeat;width:79px;height:25px;}


/* -- Social and Navigation -- */
.navandsocial{overflow:hidden;margin-top:4px;background:transparent url("../images/social/stress-bck.png") no-repeat center bottom;}
.txtnav, .socialbtns{margin-bottom:4px;}
.txtnav{width:60%;float:left;}
.socialbtns{width:34%;float:right;}
.txtnav ul, .socialbtns ul{list-style-type:none;padding:0;margin:0;}
.txtnav ul li{display:inline;font:normal 11px "Arial";color:#808080;background:none;width:auto;padding:0;margin:0;}
.txtnav ul li a{font:normal 11px "Arial";}
.socialbtns ul{float:right;}
.socialbtns ul li{display:inline;background:none;padding:0; margin:0;border:none;}
.socialbtns ul li a{display:block;float:left;height:23px;}
.socialbtns ul li a span{display:none;}
.socialbtns ul li a.recomend{background:transparent url("../images/social/mail.png") no-repeat left top;width:25px;}
.socialbtns ul li a.printthis{background:transparent url("../images/social/print.png") no-repeat left top;width:27px;}
.socialbtns ul li a.linkedin{background:transparent url("../images/social/in.png") no-repeat left top;width:26px;}
.socialbtns ul li a.facebook{background:transparent url("../images/social/face.png") no-repeat left top;width:25px;}
.socialbtns ul li a.twitter{background:transparent url("../images/social/twitter.png") no-repeat left top;width:22px;}
.socialbtns ul li a.recomend:hover{background:transparent url("../images/social/mail.png") no-repeat left bottom;}
.socialbtns ul li a.printthis:hover{background:transparent url("../images/social/print.png") no-repeat left bottom;}
.socialbtns ul li a.linkedin:hover{background:transparent url("../images/social/in.png") no-repeat left bottom;}
.socialbtns ul li a.facebook:hover{background:transparent url("../images/social/face.png") no-repeat left bottom;}
.socialbtns ul li a.twitter:hover{background:transparent url("../images/social/twitter.png") no-repeat left bottom;}