/*=== Site Design by 2020 eConsulting LLC -------------------------------------- color palette -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= dark pink: #b05761 brighter pink: #e7919e light pink: #FFEFF7 -----------------------------------------------------------------------------===*/ body { background-color:#fff; font: 10pt "Trebuchet MS", Arial, Helvetica; margin:0px;} img { border:0px !important; behavior: url(scripts/iepngfix.htc); } div { behavior: url(scripts/iepngfix.htc); font: 10pt "Trebuchet MS", Arial, Helvetica; } p {font: 10pt "Trebuchet MS", Arial, Helvetica; } a { color:black; } a:hover {color:black; text-decoration:none; } h1 { color:#333; margin-bottom:5px; margin-top:0px; font-size:20px;} h2 { color:#000000; font-weight:bold; font-size:13px; margin-bottom:0px; text-decoration:none; color:#b05761; text-align:left; } h2 a { color:#000000; font-weight:bold; font-size:25px; text-decoration:none; } h2 a:hover { color:#ffffff; text-decoration:none; } h3 { color:#000000; font-weight:bold; font-size:13px; margin-bottom:0px; text-decoration:none; color:#b05761; text-align:left; } h3 a { color:#000000; font-weight:bold; font-size:25px; text-decoration:none; } h3 a:hover { color:#ffffff; text-decoration:none; } h4 { color:#999999; } hr { color:#c0c0c0;} /*=== Layout ----------------------------------===*/ .main {width:700px; border-top:8px #e7919e solid; background-image: url('../layout/bk_navx.gif'); background-repeat: repeat-x; background-position:left top; } .maintr { } .maintable { width:100% } #wrapper { margin-top:28px; width: 700px; height:auto; border: 5px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; background-color:#ffeff7; background-image: url('../layout/mainbk.gif'); background-repeat:repeat-x;} #logo { margin-left:auto; margin-right:auto; margin-top:20px; } #header1 { margin:15px 0px 0px 0px; text-align: center; } /*=== MIDPAGE ----------------------------------===*/ #midpage {width:700px; margin: 0px; border-bottom: 3px #e7919e solid; } .midbutton {width:33%; text-align:center; border: 1px #ccc solid; background-image: url('../layout/bk_navx.gif'); background-repeat: repeat-x; background-position:left top; } .midbutton a { color:#fff; padding: 6px 20px 6px 20px; text-decoration:none; font-size:14pt } .midbutton a:hover { color:#e7919e; } /*=== SIDES ----------------------------------===*/ .left { width:auto; background-image: url('../layout/bk_left.gif'); background-repeat:no-repeat; background-position:left top; vertical-align:top} .right { width:auto; background-image: url('../layout/bk_right.gif'); background-repeat:no-repeat; background-position:right top; vertical-align:top} #apptR { margin-left:0px; top:129px; position:fixed; width:93px; vertical-align:middle; padding:0px; } #apptL { margin-right:0px; top:0px; text-align:right; position :fixed; width:93px; padding:0px} /*=== MENU ----------------------------------===*/ #navbox { width:710px; margin-left:auto; margin-right:auto; height:80px} body#home a#homenav { background-color:#e7919e; color:#fff; border: 8px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; } body#events a#eventsnav { background-color:#e7919e; color:#fff; border: 8px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; } body#skincare a#skincarenav { background-color:#e7919e; color:#fff; border: 8px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; } body#lessons a#lessonsnav { background-color:#e7919e; color:#fff; border: 8px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; } body#professional a#professionalnav { background-color:#e7919e; color:#fff; border: 8px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; } body#contact a#contactnav { background-color:#e7919e; color:#fff; border: 8px #e7919e solid; -webkit-border-radius: 9px; -moz-border-radius: 9px; } #links { margin-top:6px; font-size:15px; letter-spacing:1.5px; margin-left: 14px; text-align:left; } #links a { margin-right: 9px; text-decoration:none; padding:6px; color:#fff } #links a:hover { background-color:#FFEFF7; color:#b05761; border-bottom: 2px #e7919e solid; -webkit-border-radius: 0px; -moz-border-radius: 0px; } /*=== CONTENT ----------------------------------===*/ #content { margin:46px 12px 10px 12px; text-align :left; } #content-img { margin:20px 12px 10px 12px; text-align :left; } #pcontent {margin:2px 0px 10px 0px; } /*=== FOOTER ----------------------------------===*/ #footer { width: 700px; color: gray !important; text-align:center; margin: 6px 0px 10px 0px; margin-left:auto; margin-right:auto; } #footer a { color: gray; margin-left:10px; text-decoration:none; border-bottom: 1px gray dotted} footer a:hover { color: #333; text-decoration:none; border-bottom: 1px #333 dotted} #econsult a { text-align: center; margin: 22px 0px 5px 0px; color:#ccc; text-decoration:none; border:0px } #econsult { text-align: center; margin: 22px 0px 5px 0px; color:#ccc; text-decoration:none; border:0px } econsult a:hover { color: gray; text-decoration:none } /*=== FLASH ----------------------------------===*/ #flash { width:700px; height:200px; margin:0px; margin-top:29px; border-bottom: 3px #e7919e solid; } /*=== P A G E S --- HOME ----------------------------------===*/ #flashhm { width:700px; height:300px; margin:0px; margin-top:-15px; border-bottom: 3px #e7919e solid; } /*=== P A G E S --- EVENTS ----------------------------------===*/ .events { width:700px; margin:0px; margin-top:15px; border-bottom: 3px #e7919e solid; } .eventsL { width:150px; border: 1px #ccc solid; background-color:gray; } .eventsM { width:350px; text-align:left; } .eventsR { width:200px; text-align:left; } #evhdr { margin-top:0px; padding-top:0px; margin-bottom:4px; border-bottom:1px #ccc solid; padding-bottom:5px} #sublinks { text-align:left; padding-bottom:3px; color: gray; border-bottom: 1px gray dotted; margin:10px} #sublinks a { color: gray; text-decoration:none; font-weight:bold;} #sublinks a:hover { color: #000; font-weight:bold;} #pevent { margin:8px 0px 20px 4px; } #pevent a { padding:5px; background-image: url('../layout/bk_navx.gif'); background-repeat: repeat-x; color:#fff; text-decoration:none; border:1px #fff solid; } #pevent a:hover { background-color:#854249; color:#fff; border: 1px #b05761 dotted; background-image: url('../layout/bk_navxhvr.gif'); background-repeat: repeat-x; } /*=== P A G E S --- REVIEWS ----------------------------------===*/ .reviews {background-color:#fff; border-top: 2px #e7919e dotted; border-bottom: 2px #e7919e dotted; margin-bottom:15px; padding: 0px 7px 0px 7px}