/* CSS Document */ /* ----------------------------------------------------- Project Name: WESTEND Hair Company • Day Spa Created Date: 04/23/2008 Version: 1.0.0 Copyrights: copyright 2007. WESTEND Hair Company • Day Spa -------------------------------------------------------*/ /*********************************** General CSS ************************************/ html, body{ background-color:#b9d6db; margin:0px 0px 0px 0px; line-height:18px; text-align:center; } img{ border:0px; } li { color:#fff; } a:link { text-decoration: } /*a:link { color:#fff; float:left; }*/ .content1 { font-size: 11px; color:#636466; font-family:Tahoma, Verdana, Arial; } .headerhome { font-size:12.3px; color:#636466; font-weight:bold; } .lefthome { font-size:12px; color:#fff; font-weight:bold; letter-spacing:.7px; font-family: Helvetica, Tahoma, Verdana, Arial; float:left; } .menufonts { color:#fff; font-family: Helvetica, Tahoma, Verdana, Arial; float:left; font-weight:bold; } .leftcolumn { font-size:13px; color:#7ea4a8; font-family:Tahoma, Verdana, Arial; text-decoration:none; font-weight:bold; } .white { color:#FFF; font-size:14; font-weight:bold; } .subcolumnwhite { color:#FFF; font-size:18; } .subcolumnwhite2 { color:#FFF; font-size:18; font-family:Tahoma, Verdana, Arial; } .style1 {font-size: 22px} .content2 { font-size: 13px; color:#fff; font-family:Tahoma, Verdana, Arial; } .subcolumnaqua { color:#5b7e82; font-size:18; } .content3 { font-size: 13px; color:#5b7e82; font-family:Tahoma, Verdana, Arial; } .footerfont { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#003663; } .copyright { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#003663; } /*********************************** Main Layout CSS (Mostly Homepage) ************************************/ #outer {margin:0px; width: 100%; height:100%;} #outer #outerheadbg { text-align:center; } #outer #outerheadbg #main { width:930px; margin-left:10px; font-family:HelveticaNeue BoldCond, Helvetica, Tahoma, Verdana, Arial; float:left; } #outer #outerheadbg #main #header { width:930px; height:145px; background-image:url(../Images/Header.jpg); background-repeat:no-repeat; background-color:#fff; margin:0px auto; margin-top:10px; text-align:center; vertical-align:bottom; } /*#outer #outerheadbg #main #header #global { font-family:Arial; height:23px; font-size:11px; color:#999999; text-align:right; padding-top:10px; padding-right:20px; vertical-align:middle; }*/ #outer #outerheadbg #main #header #logodiv { width:205px; height:145px; float:left; background-color:#FFFFFF; background:url(../images/logo_bg.jpg); background-position:right; background-repeat:no-repeat; } /*#outer #outerheadbg #main #header #logodiv #address { width:350px; float:right; }*/ #outer #outerheadbg #main #header #headline { float:right; width:725px; height:85px; text-align:left; background-color:#c7dee1; } #outer #outerheadbg #main #header #headline #tag { float:left; margin-top:40px; margin-left:10px; } #outer #outerheadbg #main #menu { margin:0px auto; padding-top:0px; padding-left:0px; text-align:left; float:right; width:725px; height:60px; vertical-align:middle; background-color:#9cc5ca; } #outer #outerheadbg #main #menu a:link { color:#deecee; text-decoration:none; } #outer #outerheadbg #main #menu a:visited { color:#deecee; text-decoration:none; } #outer #outerheadbg #main #menu a:hover { color:#808080; text-decoration:none; } #outer #outerheadbg #main #menu #menuadjust { margin-left:10px; } #outer #outerheadbg #main #middle { width:930px; height:385px; margin:0px auto; text-align:left; background-image:url(../images/homecontent_bg.jpg); background-repeat:repeat-x; } /*Home*/ #outer #outerheadbg #main #middle #leftmenu { width:170px; height:385px; margin:0px auto; float:left; text-align:left; color:#FFFFFF; font-size:12.3px; line-height:2.3; background-color:#7d8386; } #outer #outerheadbg #main #middle #leftmenu #text { width:140px; height:10px; margin:20px;} #outer #outerheadbg #main #middle #flash { width:419px; height:385px; margin:0px auto; float:left; text-align:left; background-color:#b9d6db; } #outer #outerheadbg #main #middle #rightcontent { width:175px; height:385px; margin-left:30px; margin-top:30px; float:left; text-align:left; } #outer #outerheadbg #main #footer{ position:absolute; left:10px; text-align:left; color:#7d8386; font-family: Arial; font-size:11px; font-weight:normal; text-decoration:none; padding:7px 7px 7px 7px; margin:0px auto; background:url(../images/footer.jpg) no-repeat right top; width:930px; height:30px; clear:both; } #outer #outerheadbg #main #footer a:link{ color:#FFFDD0; text-decoration:none; } #outer #outerheadbg #main #footer a:visited{ color:#FFFDD0; text-decoration:none; } #outer #outerheadbg #main #footer a:hover{ color:#FFFDD0; text-decoration:underline; } #copyright { width:930px; height:20px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#003663; vertical-align:middle; } /*********************************** Home Menu CSS ************************************/ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/basic_dd.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* remove the bullets, padding and margins from the lists */ .menudd ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ .menudd li{ float:left; position:relative; z-index:100; } /* use the table to position the dropdown list */ .menudd table{ position:absolute; border-collapse:collapse; z-index:80; left:25px; top:25px; } /* style all the links */ .menudd a, .menudd :visited { display:block; font-size:11px; width:85px; padding:0px 5px; color:#fff; background:#9cc5ca; text-decoration:none; margin-right:0px; text-align:left; } /* style the links hover */ .menudd :hover{ color:#444; background:#c7dee1; } /* hide the sub level links */ .menudd ul ul { visibility:hidden; position:absolute; width:150px; height:0; margin-left:0px; } /* make the sub level visible on hover list or link */ .menudd ul li:hover ul, .menudd ul a:hover ul{ visibility:visible; } /*********************************** Subpages CSS ************************************/ #outerb {margin:0px; width: 100%; height:100%;} #outerb #outerheadbgb { text-align:center; } #outerb #outerheadbgb #mainb { width:930px; height:580px; margin-left:10px; font-family:HelveticaNeue BoldCond, Helvetica, Tahoma, Verdana, Arial; float:left; } #outerb #outerheadbgb #mainb #menucontent { width:930px; height:553px; background-color:#9cc5ca; margin:0px auto; margin-top:10px; text-align:center; vertical-align:bottom; } #outerb #outerheadbgb #mainb #menucontent #logodivb { width:145px; height:580px; float:left; background-color:#FFFFFF;} #outerb #outerheadbgb #mainb #menucontent #logodivb #leftmenu { float:right; padding-right:15px; text-align:right; } #outerb #outerheadbgb #mainb #menucontent #logodivb #leftmenu a:link{ color:#7ea4a8; text-decoration:none; } #outerb #outerheadbgb #mainb #menucontent #logodivb #leftmenu a:hover{ color:#536f72; text-decoration:none; } #outerb #outerheadbgb #mainb #menucontent #logodivb #leftmenu a:visited{ color:#536f72; text-decoration:none; } #outerb #outerheadbgb #mainb #menucontent #menub { margin:0px auto; padding-top:0px; padding-left:0px; text-align:left; float:right; width:785px; height:28px; vertical-align:middle; background-color:#7ea4a8; } #outerb #outerheadbgb #mainb #menucontent #menub a:link { color:#deecee; text-decoration:none; } #outerb #outerheadbgb #mainb #menucontent #menub a:visited { color:#deecee; text-decoration:none; } #outerb #outerheadbgb #mainb #menucontent #menub a:hover { color:#808080; text-decoration:none; } #outerb #outerheadbgb #mainb #menucontent #menub #menuadjustb { margin-left:10px; margin-top:10px; } /*-- Subpage Navigation --*/ #outerb #outerheadbgb #mainb #menucontent #subcolumn0 { width:90px; height:525px; background-color:#86adb2; float:left; text-align:left; padding-left:15px; /*background-image:url(../images/subcolumn_marker.gif); background-position:top left; background-repeat:no-repeat; */} #outerb #outerheadbgb #mainb #menucontent #subcolumn { width:90px; height:525px; background-color:#86adb2; float:left; text-align:left; padding-left:15px; background-image:url(../images/subcolumn_marker.gif); background-position:top left; background-repeat:no-repeat; } #outerb #outerheadbgb #mainb #menucontent #subcolumn a:link { text-decoration:none; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn a:visited { text-decoration:none; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn a:hover { text-decoration:underline; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn2 { width:90px; height:525px; background-color:#86adb2; float:left; text-align:left; padding-left:15px; background-image:url(../images/subcolumn_marker2.gif); background-position:top left; background-repeat:no-repeat; } #outerb #outerheadbgb #mainb #menucontent #subcolumn2 a:link { text-decoration:none; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn2 a:visited { text-decoration:none; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn2 a:hover { text-decoration:underline; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn3 { width:90px; height:525px; background-color:#86adb2; float:left; text-align:left; padding-left:15px; background-image:url(../images/subcolumn_marker3.gif); background-position:top left; background-repeat:no-repeat; } #outerb #outerheadbgb #mainb #menucontent #subcolumn3 a:link { text-decoration:none; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn3 a:visited { text-decoration:none; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcolumn3 a:hover { text-decoration:underline; color:#fff; } #outerb #outerheadbgb #mainb #menucontent #subcontent0 { width:350px; height:525px; float:left; /*background-image:url(../images/content_marker.gif); background-position:top left; background-repeat:no-repeat;*/ } #outerb #outerheadbgb #mainb #menucontent #subcontent { width:350px; height:525px; float:left; background-image:url(../images/content_marker.gif); background-position:top left; background-repeat:no-repeat; } #outerb #outerheadbgb #mainb #menucontent #rightcolumn { width:330px; height:525px; background-color:#dbdabc; float:right; text-align:left; } #outerb #outerheadbgb #mainb #footerb { width:930px; height:27px; background-color:#7ea4a8; text-align:left; color:#c9e0e4; font-family: Arial; font-size:11px; font-weight:normal; text-decoration:none; } #copyrightb { float:left; margin-top:15px; width:930px; height:20px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#003663; vertical-align:text-bottom; } /*********************************** Sub Menu CSS ************************************/ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/basic_dd.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* remove the bullets, padding and margins from the lists */ .menuddb ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ .menuddb li{ float:left; position:relative; z-index:100; } /* use the table to position the dropdown list */ .menuddb table{ position:absolute; border-collapse:collapse; z-index:80; left:25px; top:25px; } /* style all the links */ .menuddb a, .menuddb :visited { display:block; font-size:11px; width:85px; padding:0px 5px; color:#fff; background:#7ea4a8; text-decoration:none; margin-right:0px; text-align:left; } /* style the links hover */ .menuddb :hover{ color:#444; background:#c7dee1; } /* hide the sub level links */ .menuddb ul ul { visibility:hidden; position:absolute; width:150px; height:0; margin-left:0px; } /* make the sub level visible on hover list or link */ .menuddb ul li:hover ul, .menuddb ul a:hover ul{ visibility:visible; }