/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0; font-size: 11px; background-image: url(images/main-background.gif); padding: 30px; }

img, div { border: 0; margin: 0; padding: 0; }
.clear { clear: both; }
.float-left { float: left; }

h1, h2, h3, h4, h5, h6 { font-family:"Times New Roman", Times, serif; font-weight: normal; }

h1 { font-size: 21px; }

p, li { line-height: 18px; }

#container { width: 963px; margin: 0 auto; text-align:left; background-color: #ffffff; padding: 0 20px 0 20px; }

#header { padding: 0; padding-top: 24px; line-height: 0; border: 0px solid red; }
#header ul { list-style-type: none; float: left; margin: 0; padding: 0; display: inline; line-height: 0; border: 0px solid red; width: 486px; }
#header ul li { float: left; margin: 0; padding: 0; line-height: 0; }
#header ul li a, #header ul li img {  line-height: 0; vertical-align: bottom; }
#body, #body a { color: #ffffff; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#contact #body-leftbackground { background-color: #996633; }
#appointment #body-leftbackground { background-color: #333366; }
#promotions #body-leftbackground { background-color: #333333; }
#services #body-leftbackground { background-color: #5e8eac; }
#the-salon #body-leftbackground { background-color: #663300; }

#contact #body-rightbackgroundbottom { background: url(images/contact-bottom-right.jpg) bottom right no-repeat; }
#appointment #body-rightbackgroundbottom { background: url(images/appointment-bottom-right.jpg) bottom right no-repeat; }
#promotions #body-rightbackgroundbottom { background: url(images/promotions-bottom-right.jpg) bottom right no-repeat; }
#the-salon #body-rightbackgroundbottom { background: url(images/the-salon-bottom-right.jpg) bottom right no-repeat; }
#services #body-rightbackgroundbottom { background: url(images/services-bottom-right.jpg) bottom right no-repeat; }

#body-leftbackgroundtop { background: url(images/gradient-left-top.gif) top left no-repeat; }
#body-leftbackgroundbottom { background: url(images/gradient-left-bottom.gif) bottom left no-repeat; }

#the-salon #body-leftbackgroundtop { background: url(images/the-salon-top-left.gif) top left no-repeat; }
#the-salon #body-leftbackgroundbottom { background: url(images/the-salon-bottom-left.gif) bottom left no-repeat; }
#contact #body-leftbackgroundtop { background: url(images/contact-top-left.gif) top left no-repeat; }
#contact #body-leftbackgroundbottom { background: url(images/contact-bottom-left.gif) bottom left no-repeat; }
#appointment #body-leftbackgroundtop { background: url(images/appointment-top-left.gif) top left no-repeat; }
#appointment #body-leftbackgroundbottom { background: url(images/appointment-bottom-left.gif) bottom left no-repeat; }
/*#promotions #body-leftbackgroundtop { background: url(images/promotions-top-left.gif) top left no-repeat; }
#promotions #body-leftbackgroundbottom { background: url(images/promotions-bottom-left.gif) bottom left no-repeat; }*/
#services #body-leftbackgroundtop { background: url(images/services-top-left.gif) top left no-repeat; }
#services #body-leftbackgroundbottom { background: url(images/services-bottom-left.gif) bottom left no-repeat; }

#body-leftbackground { background: url(images/gradient-left.gif) top left repeat-y; }
#body-rightbackground { background: url(images/gradient-right.gif) top right repeat-y; }
#body-rightbackgroundbottom { padding: 0 28px 0 18px; }

#subnav {  float: right; font-family: "Times New Roman", Times, serif; }
#subnav div {  padding: 11px 13px; }
#the-salon #subnav { width: 457px; }
#services #subnav { width: 377px; }
#promotions #subnav { width: 307px; }
#appointment #subnav { width: 237px; }
#contact #subnav { width: 147px; }

#content, #content-fullwidth {  clear: right; }
#content, #content-main-inner { width: 338px; margin: 15px 60px;float: left; }
#content-fullwidth { padding: 20px; display: block; }

#footer { background:url(images/bottom-gradient-background.gif) top left no-repeat; text-align: center; font-family:"Times New Roman", Times, serif; font-size: 12px; padding-top: 15px; padding-bottom: 30px; }
#footer, #footer a { color: #666666; }