html,body,div,p,a,ul,ol,li,img,table,th,tr,td,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
:focus {outline: 0;}

body {background-color:#000;font-family:arial, verdana, sans-serif;font-size:12px;color:#fff;}
div.parentContainer {width:1024px;margin:8px auto;}

h1 {font-weight:normal;width:300px;font-size:25px;color:#fff;padding:10px 0 0 10px;}
h2 {font-weight:normal;color:#cc0000;padding-bottom:10px;}

/* Main Content Containers */
div.contentContainer {background-color:#000;margin:0 auto;}
#welcomeContent {width:708px;height:455px;margin-top:50px;}
#aboutContent {width:650px;height:400px;margin-top:157px;}
#servicesContent {width:618px;height:417px;margin-top:127px;}
#productsContent {width:672px;height:410px;margin-top:87px;}/* 54px product list view */
#specialsContent {width:428px;height:394px;margin-top:97px;}
#salonInfoContent {width:711px;height:521px;margin-top:89px;}

/* Top Navigation */
div#topNavContainer {width:100%;height:47px;background-color:#000;}
div#topNavContainer ul {list-style:none;} 
div#topNavContainer li {float:left;height:47px;}
div#topNavContainer a {display:block;width:152px;height:47px;}
div#topNavContainer a span {display:block;text-indent:-10000em;}
li#logo {width:183px;background:0 0 url('../images/logo.gif') no-repeat;}
a.logo_btn {width:183px;}

li#about {width:152px;background:0 0 url('../images/buttons/about_btn_off.gif') no-repeat;}
a.about_btn {background:0 0 url('../images/buttons/about_btn_off.gif') no-repeat;}
a.about_btn:hover {background:0 0 url('../images/buttons/about_btn_on.gif') no-repeat;}
a.about_btn_on {background:0 0 url('../images/buttons/about_btn_on.gif') no-repeat;}

li#services {width:152px;background:0 0 url('../images/buttons/services_btn_off.gif') no-repeat;margin-left:-2px;}
a.services_btn {background:0 0 url('../images/buttons/services_btn_off.gif') no-repeat;}
a.services_btn:hover {background:0 0 url('../images/buttons/services_btn_on.gif') no-repeat;}
a.services_btn_on {background:0 0 url('../images/buttons/services_btn_on.gif') no-repeat;}

li#products {width:152px;background:0 0 url('../images/buttons/products_btn_off.gif') no-repeat;margin-left:-1px;}
a.products_btn {background:0 0 url('../images/buttons/products_btn_off.gif') no-repeat;}
a.products_btn:hover {background:0 0 url('../images/buttons/products_btn_on.gif') no-repeat;}
a.products_btn_on {background:0 0 url('../images/buttons/products_btn_on.gif') no-repeat;}

li#specials {width:152px;background:0 0 url('../images/buttons/specials_btn_off.gif') no-repeat;margin-left:5px;}
a.specials_btn {background:0 0 url('../images/buttons/specials_btn_off.gif') no-repeat;}
a.specials_btn:hover {background:0 0 url('../images/buttons/specials_btn_on.gif') no-repeat;}
a.specials_btn_on {background:0 0 url('../images/buttons/specials_btn_on.gif') no-repeat;}

li#contact {width:152px;background:0 0 url('../images/buttons/contactUs_btn_off.gif') no-repeat;margin-left:18px;}
a.contact_btn {background:0 0 url('../images/buttons/contactUs_btn_off.gif') no-repeat;}
a.contact_btn:hover {background:0 0 url('../images/buttons/contactUs_btn_on.gif') no-repeat;}
a.contact_btn_on {background:0 0 url('../images/buttons/contactUs_btn_on.gif') no-repeat;}

li#salon_info {width:152px;background:0 0 url('../images/buttons/salon_info_btn_off.gif') no-repeat;margin-left:18px;}
a.salon_info_btn {background:0 0 url('../images/buttons/salon_info_btn_off.gif') no-repeat;}
a.salon_info_btn:hover {background:0 0 url('../images/buttons/salon_info_btn_on.gif') no-repeat;}
a.salon_info_btn_on {background:0 0 url('../images/buttons/salon_info_btn_on.gif') no-repeat;}

/* Background Images */
div#welcomeContainer {width:1024px;height:600px;}
div#aboutContainer {width:1024px;height:745px;background:0 0 url('../images/aboutUs_bg.jpg') no-repeat;}
div#servicesContainer {width:1024px;height:745px;background:0 0 url('../images/services_bg.jpg') no-repeat;}
div#productsContainer {width:1024px;height:745px;background:0 0 url('../images/products_bg.jpg') no-repeat;}
div#specialsContainer {width:1024px;height:745px;background:0 0 url('../images/specials_bg.jpg') no-repeat;}
div#salonInfoContainer {width:1024px;height:745px;background:0 0 url('../images/contactUs_bg.jpg') no-repeat;}

#welcomeContent #headShotContainer {margin:10px;}

/* Product Styles */
.productsContent h1 {float:left;width:200px;}
a.productDefault {float:right;display:block;margin:-16px 30px 0 0;text-decoration:none;color:#CC0000;}
.productsContent div {clear:both;}

#productDefaultContainer {}
#productDefaultContainer .productCopy h2 {margin:0 0 0 12px;}
#productDefaultContainer .productCopy p {margin:0 0 0 12px;}
#productDefaultContainer .productImg {margin-left:20px;}

ul#productsListContainer {width:100%;height:148px;background-color:#000;margin-top:33px;}
ul#productsListContainer {list-style:none;}
ul#productsListContainer li {float:left;width:113px;height:123px;text-align:center;margin:0 10px 0 20px;}
ul#productsListContainer li a {width:113px;height:123px;display:block;color:#fff;text-decoration:none;}
ul#productsListContainer li a:hover, ul#productsListContainer li a:visited {color:#fff;}
ul#productsListContainer li a span {display:block;padding-top:120px;}

/* Product Links/Buttons */
li#hairClayLinkContainer {background:0 0 url('../images/products/hairClay_off.jpg') no-repeat;}
li#hairClayLinkContainer a {background:0 0 url('../images/products/hairClay_off.jpg') no-repeat;}
li#hairClayLinkContainer a:hover {background:0 0 url('../images/products/hairClay_on.jpg') no-repeat;}
li.ui-tabs-selected#hairClayLinkContainer a {background:0 0 url('../images/products/hairClay_on.jpg') no-repeat;}

li#silkFluidLinkContainer {background:0 0 url('../images/products/silkFluid_off.jpg') no-repeat;}
li#silkFluidLinkContainer a {background:0 0 url('../images/products/silkFluid_off.jpg') no-repeat;}
li#silkFluidLinkContainer a:hover {background:0 0 url('../images/products/silkFluid_on.jpg') no-repeat;}
li.ui-tabs-selected#silkFluidLinkContainer a {background:0 0 url('../images/products/silkFluid_on.jpg') no-repeat;}

li#stylingSprayLinkContainer {background:0 0 url('../images/products/stylingSpray_off.jpg') no-repeat;}
li#stylingSprayLinkContainer a {background:0 0 url('../images/products/stylingSpray_off.jpg') no-repeat;}
li#stylingSprayLinkContainer a:hover {background:0 0 url('../images/products/stylingSpray_on.jpg') no-repeat;}
li.ui-tabs-selected#stylingSprayLinkContainer a {background:0 0 url('../images/products/stylingSpray_on.jpg') no-repeat;}

li#hairTonicLinkContainer {background:0 0 url('../images/products/hairTonic_off.jpg') no-repeat;}
li#hairTonicLinkContainer a {background:0 0 url('../images/products/hairTonic_off.jpg') no-repeat;}
li#hairTonicLinkContainer a:hover {background:0 0 url('../images/products/hairTonic_on.jpg') no-repeat;}
li.ui-tabs-selected#hairTonicLinkContainer a {background:0 0 url('../images/products/hairTonic_on.jpg') no-repeat;}

li#stylingCremeLinkContainer {background:0 0 url('../images/products/stylingCreme_off.jpg') no-repeat;}
li#stylingCremeLinkContainer a {background:0 0 url('../images/products/stylingCreme_off.jpg') no-repeat;}
li#stylingCremeLinkContainer a:hover {background:0 0 url('../images/products/stylingCreme_on.jpg') no-repeat;}
li.ui-tabs-selected#stylingCremeLinkContainer a {background:0 0 url('../images/products/stylingCreme_on.jpg') no-repeat;}

li#shineDropsLinkContainer {background:0 0 url('../images/products/shineDrops_off.jpg') no-repeat;}
li#shineDropsLinkContainer a {background:0 0 url('../images/products/shineDrops_off.jpg') no-repeat;}
li#shineDropsLinkContainer a:hover {background:0 0 url('../images/products/shineDrops_on.jpg') no-repeat;}
li.ui-tabs-selected#shineDropsLinkContainer a {background:0 0 url('../images/products/shineDrops_on.jpg') no-repeat;}

li#waxPasteLinkContainer {background:0 0 url('../images/products/waxPaste_off.jpg') no-repeat;}
li#waxPasteLinkContainer a {background:0 0 url('../images/products/waxPaste_off.jpg') no-repeat;}
li#waxPasteLinkContainer a:hover {background:0 0 url('../images/products/waxPaste_on.jpg') no-repeat;}
li.ui-tabs-selected#waxPasteLinkContainer a {background:0 0 url('../images/products/waxPaste_on.jpg') no-repeat;}

.productCopy {float:left;width:315px;margin-top:50px;}
.productImg {float:left;}

/* About Styles */
#aboutLeftContent {float:left;width:320px;margin-top:10px;}
#aboutRightContent {float:left;width:303px;margin-top:10px;height:325px;}
#aboutContent p {margin:0 20px 10px 20px;}

/* Specials Styles*/
#specialsContent p {margin:20px;}
.refCardContainer {margin:10px 0 0 50px;}

/* Services Styles */
ul#ServicesListContainer {width:180px;height:160px;float:left;margin:10px;}
ul#ServicesListContainer li {margin:3px;}
ul#ServicesListContainer li a {font-size:18px;width:160px;margin:0;padding:0;color:#cc0000;}
ul#ServicesListContainer li.ui-tabs-selected a {color:#cc0000;}
div.serviceContent {width:350px;float:left;border:1px solid red;margin-top:5px;}
div.serviceContent table {width:325px;}
div.serviceContent p {margin-bottom:5px;}
div.serviceContent p span {color:#AFAFAF !important;}

/* Salon Info Styles */
div#salonInfoLeftContainer {width:275px;float:left;padding:20px;}
div#salonInfoRightContainer {width:250px;float:left;padding:20px;}
div#salonInfoBottomContainer {width:660px;padding:0 20px 0 20px;}
#salonInfoContainer p {margin-bottom:10px;}


/* Footer Styles */
div#footer {padding:10px 0 12px 15px;height:15px;border-bottom:1px solid #6F6F6F;}
div#footer p {font-size:13px;}

p.copyrightInfo {width:300px;float:left;}
p.businessCardInfo {float:left;margin:0 0 0 80px;}
p.socialNetworks {float:right;margin-right:15px;}
p.socialNetworks a {padding-left:5px;}
