/* Start of CMSMS style sheet 'Layout: BangHair' */
body {font-family:"Calibri",Arial,sans-serif;padding:0;font-size:12px;margin:0;background:#000;color:#fff;}
a {color:#fff;}

h3.bauhaus {color:#e41e26; font-size:22px; font-weight:bold; margin:0;}

#wrapper{background:#000 url(../images/wrapperBG.png) 0 250px no-repeat; color:#fff; width:700px; margin:auto; padding:0 0 24px;border-right:2px solid #fff;border-left:2px solid #fff;}
#wrapperHome{background:#000;color:#fff;width:700px;margin:auto;padding:0 0 24px;border-right:2px solid #fff;border-left:2px solid #fff;}

h1#header {margin:0 0 0 26px;float:left;}
h1#header a{display:block;width:194px;height:207px;background:url(../images/headerLogo.png);font-size:1px;color:#fff;text-indent:-9999px;text-align:center;}

#contact {float:right;margin:20px 20px 10px;width:372px;}
#contact p,#contact a {margin:6px;float:right;text-indent:-9999px;}
#contact .adr {width:372px;height:15px;background:url(../images/contactAdr.png) right top no-repeat;}
#contact .email {display:block;width:243px;height:26px;background:url(../images/contactEmail.png) right top no-repeat;}
#contact .tel {width:193px;height:23px;background:url(../images/contactTel.png) right top no-repeat;}

#menu {margin:0 0 24px; padding:30px 0 0; list-style:none; clear:right; position:relative;}
#menu li {height:26px; background:url(../images/menu/menuBG.png) top right no-repeat; padding:4px 36px 0 0;margin:0 288px 0 0;}
#menu li:hover,
#menu li.hover,
#menu li.menuactive {background-image:url(../images/menu/menuBGHover.png);}
#menu li.last {height:21px;}
#menu a {display:block;height:30px;text-indent:-9999px;}
#menu a.Home {background:url(../images/menu/Home.png) top right no-repeat;}
#menu a.About {background:url(../images/menu/About.png) top right no-repeat;}
#menu a.Gallery {background:url(../images/menu/Gallery.png) top right no-repeat;}
#menu a.Contact {background:url(../images/menu/Contact.png) top right no-repeat;}
#menu a.MeetTheTeam {background:url(../images/menu/MeetTheTeam.png) top right no-repeat;}

#menu li ul {display:none; padding:5px 0 0; background:url(../images/menu/subMenuTop.png) 0 12px no-repeat; position:relative; left:411px; top:-34px; list-style:none; width:100%; }

#menu li:hover ul,
#menu li.hover ul {display:block;} /* Change to 'block' if you want the submenu appearing */
#menu li li {height:17px; background:url(../images/menu/subMenuBG.png) 16px 0 no-repeat; padding:0 0 0 36px; margin:0;}
#menu li li:hover,
#menu li li.hover,
#menu li li.menuactive {background-image:url(../images/menu/subMenuBGHover.png);}
#menu li li.last {height:21px;}
#menu li li a {text-indent:0; color:#fff; font-size:14px; text-decoration:none; text-align:left; padding:2px 0 0 3px;width:auto;}
#menu li li a:hover {text-decoration:underline;color:#f68b1f;}

#contentTop,#contentBottom,#contentWideTop,#contentWideBottom {clear:left; height:30px; margin:0 0 0 26px; border:0; text-align:left; padding:0;}
#contentTop {background:url(../images/contentTop.png) left top no-repeat;width:427px;}
#contentBottom {background:url(../images/contentBottom.png) left top no-repeat;width:427px;}
#contentWideTop {background:url(../images/contentWideTop.png) left top no-repeat;width:648px;}
#contentWideBottom {background:url(../images/contentWideBottom.png) left top no-repeat;width:648px;}

#content,#contentWide {background:#f68b1f;border-right:3px solid #fff;border-left:3px solid #fff;padding:12px 16px 12px;margin:0 26px;}
#content{width:389px;}
#contentWide{width:610px;}

#mainHomeTop {background:url(../images/homeTop.png) top right no-repeat; float:right; width:237px; height:221px; margin-top:-221px; margin-right:-266px;}
#mainHome {background:url(../images/home.png) top right no-repeat;width:700px;height:397px;position:relative;left:-45px;}
#mainHomeBottom {background:url(../images/homeBottom.png) top right no-repeat; float:right; width:274px; height:380px;  margin-right:-266px;}

h2.galleryHeader {background:url(../images/galleryHeader.png) center no-repeat;text-indent:-9999px;margin:0 auto 24px;height:74px;width:234px;font-size:1px;color:#f68b1f;}
h2.meetHeader {background:url(../images/meetHeader.png) center no-repeat;text-indent:-9999px;margin:0 auto 24px;height:51px;width:399px;font-size:1px;color:#f68b1f;}
h2.contactHeader {background:url(../images/contactHeader.png) center no-repeat;text-indent:-9999px;margin:0 auto 24px;height:59px;width:354px;font-size:1px;color:#f68b1f;}

ul#gallery{width:389px;background:url(../images/galleryListBG.png) center repeat-y;padding:0;margin:0;list-style:none;}
ul#gallery li{background:url(../images/galleryList.png) top left no-repeat;padding:0 0 24px 32px;clear:both;}
ul#gallery li.last{float:left;}
ul#gallery li:hover{background-image:url(../images/galleryListHover.png)}
ul#gallery li a{margin:0;padding:0;font-size:1.4em;text-decoration:none;color:#fff;font-weight:bold;}
ul#gallery li.even a{color:#e41e26;}
ul#gallery li img.gallerypic{float:right;margin:0 0 32px 8px;}
ul#gallery li img{border:0;}

.contactform fieldset{border:2px solid #fff;padding:18px 18px 24px;margin:24px 0 0;}
.contactform fieldset div{clear:both;height:auto;}

.contactform legend {display:none;}
.contactform input {width:240px;height:1.4em;padding:.2em;border:2px solid #000; float:right; clear:right; margin:6px 0;}
.contactform textarea {width:340px;height:10em;padding:.2em;border:2px solid #000; margin:6px 0;float:right;}
.contactform label {font-size:1.4em;float:left;margin:6px 0;}
.contactform .submit{clear:both;}
.contactform .submit input{background:url(../images/contactSubmit.png) left top no-repeat; border:0; width:139px; height:36px; float:right; color:#e41e26; font-size:1px; text-indent:-9999px; position:relative; top:-16px;margin:0 12px;}
.contactform .submit input:hover {background-image:url(../images/contactSubmitHover.png); color:#1e8c26;}
.contactform .errormessage{clear:both;color:#e41e26;margin:12px 0 0;}

#content h2{text-align:left;font-size:3em;color:#e41e26;margin:.3em auto;}
#content h3{text-align:left;font-size:3em;clear:none;margin:1em auto .4em;}
#content h4{text-align:left;font-size:1.3em;clear:none;}
a#facebooklink {display:block;width:223px;height:42px;background:#f68b1f url(../images/facebookLink.png) top right no-repeat;text-indent:-9999px;font-size:1px;margin-left:160px;color:#fff;clear:both;}
#bottomLogo a{display:block;background:#000 url(../images/miniLogo.png) center top no-repeat;width:172px;height:61px;text-indent:-9999px;font-size:1px;color:#000;margin:16px auto;clear:both;}
a#signup {display:block;width:140px;height:140px;background:url(../images/signUpSpot.png) top right no-repeat;text-indent:-9999px;font-size:1px;color:#e41e26;position:absolute;top:280px;margin-left:508px;}

.bangtable {border-collapse:collapse;margin:0 auto 12px; border:2px solid #000;}
.bangtable th,.bangtable td {padding:6px;}
.bangtable td {text-align:center;}
.bangtable tr.mainheader th {background:#000;font-size:1.6em;text-align:left;padding:8px 6px 4px;}
.bangtable tr.bangtableheader th {background:#f68b1f;font-size:1.2em;}
.bangtable .note {text-align:left;}

.sitemap {list-style:none;text-align:center;padding:0;color:#fff;}
.sitemap li {display:inline;padding:0 8px;background:#000;}
.sitemap li a{color:#fff;}

#webdev {text-align:center;}
#webdev a, #sitemap a {color:#fff;background:#000;}
/* End of 'Layout: BangHair' */