BODY {margin:0; background-color:#fff; text-align:center;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
p, td, div {font-size:12px; color:#565555; }
a {color:#f60;}
p {margin-bottom:10px;}
p.errorText {color:#f60; padding:5px; border: 2px dashed #f60; font-family: georgia;}
textarea {font-size:12px;}
option {padding:0 3px;}
h1 {font-family: georgia!important; font-size:28px; color:#f60; font-weight:normal;  background : url(../images/bg-headers-h1.gif) repeat-x bottom left #fff; padding-bottom:5px;}
h1 em {font-family: georgia!important; font-weight:bold; font-style:italic; }
h2 {/*add appropriate styling information here*/}
h3 {color:#f60; font-family: georgia, serif; font-size:18px; font-weight:normal; padding-bottom:8px;}
h4 {color:#f60; font-size:12px; font-family: georgia, serif; font-style: italic; padding-bottom:8px;}
h5 {/*add appropriate styling information here*/}

.container {position: relative; width:948px; margin: 0 auto; text-align:left; }


/*header styles, including logo and utility navigation*/
.header {float:left; width:948px; height:51px; background : url(../images/bg-header-top.gif) repeat-x top left #fff;}
.logo {position: absolute; top:19px; left:42px;}
 
/*primary (horizontal) navigation*/
.primaryNav  {width:948px; float:left; clear:both; background : url(../images/bg-nav.gif) repeat-x top left #6CD4E1; border-bottom: 7px solid #6CD4E1 }
.primaryNav ul {list-style-type: none; float:right; margin-right:83px;}
.primaryNav li { float: left;}
.primaryNav a {
		float:left;
		display:block;
		height:41px;
		overflow:hidden;
		}

.primaryNav li span {display:none;}
.primaryNav a:hover {background-image:none!important;}

.primaryNav ul li.salon {background: url("../images/nav-salon.gif") -90px 0 no-repeat;}
.primaryNav ul li.salon a {background: url("../images/nav-salon.gif") 0 0 no-repeat; width:90px;}
.primaryNav ul li.services {background: url("../images/nav-services.gif") -104px 0 no-repeat;}
.primaryNav ul li.services a {background: url("../images/nav-services.gif") 0 0 no-repeat; width:104px;}
.primaryNav ul li.products {background: url("../images/nav-products.gif") -115px 0 no-repeat;}
.primaryNav ul li.products a {background: url("../images/nav-products.gif") 0 0 no-repeat; width:115px;}
.primaryNav ul li.parties {background: url("../images/nav-parties.gif") -99px 0 no-repeat;}
.primaryNav ul li.parties a {background: url("../images/nav-parties.gif") 0 0 no-repeat; width:99px;}
.primaryNav ul li.contact {background: url("../images/nav-contact.gif") -114px 0 no-repeat;}
.primaryNav ul li.contact a {background: url("../images/nav-contact.gif") 0 0 no-repeat; width:114px;}

body.salon .primaryNav ul li.salon a,
body.services .primaryNav ul li.services a,
body.products .primaryNav ul li.products a,
body.parties .primaryNav ul li.parties a,
body.contact .primaryNav ul li.contact a {background-image: none;} 
 
#main {float:left; width:948px; background-color:#fff;}
body.home #main {background: url(../images/bg-homepage.gif) top left repeat-y; }
body#sub #main {background: url(../images/bg-contact-page.gif) top left repeat-y; }
 
/*column containing main content well*/
#feature.column {float:left; width:451px;}

#content.column {float:left; width:497px;}
body.home #content.column .weOffer {background-color:#6CD4E1; padding:12px 0 10px 40px;}
body.home #content.column .weOffer h2 {font-size:22px; font-weight:normal;}
body.home #content.column .weOffer ul {margin: 5px 0 0 5px; padding:0; list-style-type: none; font-size:12px;}
body.home #content.column .weOffer ul li {padding-left:15px; background: url(../images/bullet-pink.gif) top left no-repeat; background-position: .1em .3em; line-height: 12px; margin-bottom: 5px;}
body.home #content.column .weOffer ul li.orange {padding-left:15px; background: url(../images/bullet-orange.gif) top left no-repeat; background-position: .1em .3em; line-height: 12px; margin-bottom: 5px;}
.hours {float: right; padding:5px 10px 0 10px;}

body#sub #content.column {float:left; width:432px; padding:60px 15px 10px 50px;  background : url(../images/bg-subs-top.gif) no-repeat top left #fff;}
body#sub #content.column h1 {margin-bottom:10px;}
body#sub #content.column p.expanded {line-height:22px;}
body#sub.faq #content.column p {line-height:18px;}
body#sub.employment #content.column p {line-height:20px; font-size:14px; margin-bottom:15px;}
body#sub #content.column ul {margin:0 0 12px 20px;}
body#sub #content.column ul li {padding-bottom:3px;}
body#sub #content.column .callout {padding:20px 0 0 60px;}
body#sub #content.column .links { padding-bottom:15px; margin-bottom:15px; background : url(../images/bg-underline.gif) repeat-x bottom left #fff;}
body#sub #content.column .links a {padding:0 3px 0 2px;}

body#sub #content.column p.underline {padding-bottom:15px; margin-bottom:15px; background : url(../images/bg-underline.gif) repeat-x bottom left #fff;} 
body#sub #content.column table.ultimateParty {margin-bottom:20px;}
table.partyPackages td {text-align:center; color:#E1477D; font-size:15px; width:210px; padding:0 0 10px 0;}
table.partyPackages td span {font-size:11px;}
table.contact input {width:200px;}
table.contact textarea {width:400px; height: 100px;}
table.contact input.submit {width:46px; height:33px;}
body.contact .map {border-bottom: 9px solid #fff;} 
table.services td {padding:3px 0 8px 0;  background : url(../images/bg-underline.gif) repeat-x bottom left #fff;}
table.services th {padding-top:10px;}
table.services span {font-size:10px;}
 
/*footer styles*/
.footer {  background : url(../images/bg-footer.gif) no-repeat top left #fff; width:928px; float:left; padding:46px 10px 20px 10px;}
.footer .copyright {font-size:10px; float:right; width:730px; text-align:right; color:#666;}
.footer .copyright a {font-size:10px; color:#f60; text-decoration:none; padding:0 3px;}
 

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}