body { margin: 0; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: url('../images/layout/page-bg.jpg') top center repeat-x #ffffff; color: #b0b1b1; }
a { text-decoration: none; font-weight: normal; color: #ffffff; }
img { border: 0; }
p { margin: 5px 0 0 0; padding: 0; }

h2 { margin: 0; padding: 0; font-size: 13px; color: #ffffff; }
strong { font-weight: bold; color: #ffffff; }

.container { width: 949px; text-align: left; margin: 0 auto; }
.cb { clear: both; }
.hg { height: 10px; }

#flashContainer { width: 301px; height: 735px; float: left; }
#navContainer { width: 211px; height: 620px; padding-top: 115px; background: url('../images/layout/nav-bg.jpg') no-repeat top center; float: left; }
#navTop { width: 190px; padding-left: 10px; height: 150px; display: block; }
#menuSpacer { height: 40px; display: block; }

#nav { margin: 0; padding: 0; list-style: none; }
#nav li { height: 12px; margin: 0; padding: 7px 0 0 0; }
#nav li a.off { display: block; height: 12px; padding-left: 14px; background: url('../images/layout/nav-off.gif') no-repeat top left; color: #d4afaf; font-size: 10px; }
#nav li a.on, #nav li a:hover { display: block; height: 12px; line-height: 12px; padding-left: 14px; background: url('../images/layout/nav-on.gif') no-repeat top left; color: #ffffff; font-weight: bold; font-size: 10px; }

#whatWeOffer { width: 190px; display: block; margin-top: 50px; }
#whatWeOffer div.l, #whatWeOffer div.r { width: 88px; height: 108px; text-align: center;  }
#whatWeOffer div.l { float: left; }
#whatWeOffer div.r { float: right; }
#whatWeOffer div a { display: block; width: 88px; height: 108px; vertical-align:bottom }
#whatWeOffer div a span { display:block; padding-top:88px; }
#whatWeOffer div a { color: #ffffff; font-size: 10px; font-weight: normal; }

.offer1 a { background: url('../images/layout/hair.jpg') no-repeat top center; }
.offer2 a { background: url('../images/layout/beauty.jpg') no-repeat top center; }
.offer3 a { background: url('../images/layout/the-team.jpg') no-repeat top center; }
.offer4 a { background: url('../images/layout/recruitment.jpg') no-repeat top center; }
.offer5 a { background: url('../images/layout/products.jpg') no-repeat top center; }
.offer6 a { background: url('../images/layout/opening-times.jpg') no-repeat top center; }

.offer1 a:hover, #offer1_on { background: url('../images/layout/hair_on.jpg') no-repeat top center; }
.offer2 a:hover, #offer2_on { background: url('../images/layout/beauty_on.jpg') no-repeat top center; }
.offer3 a:hover, #offer3_on { background: url('../images/layout/the-team_on.jpg') no-repeat top center; }
.offer4 a:hover, #offer4_on { background: url('../images/layout/recruitment_on.jpg') no-repeat top center; }
.offer5 a:hover, #offer5_on { background: url('../images/layout/products_on.jpg') no-repeat top center; }
.offer6 a:hover, #offer6_on { background: url('../images/layout/opening-times_on.jpg') no-repeat top center; }

#wholeContentContainer { width: 437px; height: 735px; float: left; }

#contactContainer { height: 64px; padding-top: 54px; width: 437px; display: block; background: url('../images/layout/contact-bg.jpg') no-repeat top center; }
#contactDetails { height: 30px; line-height: 30px; display: block; width: 301px; text-align: center; margin-left: 67px; font-size: 11px; color: #d4afaf; }
#contactDetails a { color: #d4afaf; }

#contentPadding { height: 563px; width: 437px; padding-top: 13px; display: block; background: url('../images/layout/content-bg.jpg') no-repeat top center; }
#contentContainer { height: 544px; width: 406px; margin-left: 24px; }

#contentHeader { height: 34px; display: block; width: 311px; }

#contentPageHome, #contentPage { display: block; width: 395px; padding-right: 10px; margin-top: 5px; overflow-y: auto; overflow-x: hidden; }
#contentPageHome { height: 205px; }
#contentPage { height: 505px; }

#subContentGraphics { display: block; width: 395px; margin-top: 10px; }
#subContentGraphics img1 { float: left; }
#subContentGraphics img2 { float: right; }

#nhf a, #paul-mitchell a { display: block; height: 90px; margin-top: 17px; }
#nhf a { clear: both; width: 136px; background: url('../images/layout/nhf.jpg') no-repeat top center; float: left; }
#nhf a:hover { background: url('../images/layout/nhf_on.jpg') no-repeat top center; }
#paul-mitchell a { width: 250px; background: url('../images/layout/paul-mitchell.jpg') no-repeat top center; float: right; }
#paul-mitchell a:hover { background: url('../images/layout/paul-mitchell_on.jpg') no-repeat top center; }

#reflectionFooter { height: 41px; width: 437px; display: block; background: url('../images/layout/reflection-footer.jpg') no-repeat top center; }

#footer { color: #3e2221; height: 35px; }
#footer a { color: #3e2221; }	
		
#copy { float: left; width: 40%; text-align: left; margin-left: 10px; }
#hosted { float: right; width: 40%; text-align: right; margin-right: 10px; }

#map { width: 380px; height: 175px; margin-top: 8px; }

#contact_form { width: 380px; margin: 5px 0 0 0; height: 225px; margin-top: 10px; }
#contact_form { padding-left: 5px; width: 375px; }
#contact_form fieldset { border: 0; position: relative; width: 365px; display: block; }
#contact_form fieldset label { display: block; clear: both; }
#contact_form fieldset label span { color: #FF0000; }
#contact_form fieldset .input { height: 30px; }
#contact_form fieldset .sub { height: 20px; text-align: center; }
#contact_form fieldset .sub input { cursor: pointer; width: 70px; height: 20px; line-height: 20px; color: #ffffff; background-color: #472b2a; border: 1px solid #3e2221; }
#contact_form fieldset .txt { display: block; clear: both; height: 110px; }
#contact_form fieldset .txt textarea { width: 220px; height: 100px; border: 1px solid #3e2221; float: right; }
#contact_form fieldset .input input { float: right; border: 1px solid #3e2221; margin-top: 2px; }