body {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 62.5%;
color: #949494;
background: #f8f8f8 url(img/bg.png);
}

a {
text-decoration: none;
color: #707070;
}

a:hover {
text-decoration: underline;
color: #9b9b9b;
}

img {
border: none;
}

em {
font-style: italic;
}


/* structure 
--------------------------------------------- */

#shadowwrap {
padding: 0;
width: 980px;
margin: 0 auto;
background: url(img/shadow_bg.png) repeat-y;
}

#wrap {
padding: 0;
width: 940px;
margin: 0 auto;
background: #fff;
position: relative;
border-bottom: 5px solid #949494;
}

#header {
height: 150px;
background: #fff url(img/village_way_logo05.jpg) no-repeat center 35px;
text-align: center;
}



/* header 
--------------------------------------------- */

#header h1 {
text-indent: -9999px;
}

#logo {
float: right;
margin: 0;
padding: 70px 50px 0 0;
}

#address {
float: left;
}

#address img {

margin: 15px 0 0 15px;
}

#address p {

float: left;
margin: 0;
padding: 0 15px 0 15px;
}

.ad {
margin-top: 40px;
font-size: 1.1em;
line-height: 1.3em;
}
#adleft {
float: left;
text-align: left;
margin-left: 16px;
}
#adright {
float: right;
text-align: right;
margin-right: 16px;
}
#adleft h3 {
margin: 0;
margin-bottom: 3px;
text-indent: -9999px;
height: 24px;
width: 78px;
background: #fff url(img/dulwich_title.gif) no-repeat left top;
}
#adright p.fhtitle {
float: right;
margin: 0;
margin-bottom: 3px;
text-align: left;
text-indent: -9999px;
height: 24px;
width: 180px;
background: #fff url(img/foresthill_title.gif) no-repeat right top;
}


#homelink {
display: block;
width: 500px;
height: 150px;
position: absolute;
z-index: 50;
top: 0;
left: 230px;
}
#homelink:hover {
text-decoration: none;
}


/* navigation
------------------------------------------------ */

#navbar {
text-align: center;
}
#nav {
padding: 10px 0 8px 0;
}
#home #nav {
padding: 10px 0 15px 0;
}

#nav li {
display: inline;
font-family: Georgia, serif;
text-transform: uppercase;
font-size: 1.2em;
}
#nav li a {
padding: 0px 40px;
color: #505050;
}
#nav li a:hover {
color: #9b9b9b;
}



/* banner
------------------------------------------------ */

#banner {
height: 350px;
padding: 0 5px;
}


/* maintext
------------------------------------------------ */

#maintext {
margin: 0px 0 20px 20px;
}

#main1 {
float: left;
width: 455px;
}
#main2 {
float: right;
width: 455px;
}

.main p {
font-family: Georgia, serif;
font-size: 16px;
line-height: 22px;
font-weight: normal;
margin-top: 10px;
padding-right: 15px;
}
.main img {
margin: 15px 10px 5px 0;
float: left;
}
.main img.floatright {
margin: 15px 0px 5px 10px;
float: right;
}
.main .maplink {
font-size: 1.2em;
font-style: italic;
}


#main-wide {
width: 900px;
}
body#productpage #main-wide {
width: 620px;
height: 365px;
background: #fff url(img/productlogos_white.jpg) no-repeat right top;
padding-right: 280px;
}




/* services
------------------------------------------------ */

#services #maintext h3, #productpage #maintext h3 {
margin-top: 10px;
}
#services #maintext table {
margin: 5px 0 15px 0;
font-size: 1.2em;
line-height: 1.5em;
}

h3#hair {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/hair_title.gif) no-repeat left top;
}
h3#perm {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/perm_title.gif) no-repeat left top;
}
h3#colour {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/colour_title.gif) no-repeat left top;
}
h3#hairextensions {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/hairextensions_title.gif) no-repeat left top;
}
h3#organiccolour {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/organiccolour_title.gif) no-repeat left top;
}
h3#hairtreatments {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/hairtreatments_title.gif) no-repeat left top;
}
h3#hairstraightening {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/hairstraight_title.gif) no-repeat left top;
}
h3#bridal {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/bridal_title.gif) no-repeat left top;
}
h3#sunbed {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/sunbed_title.gif) no-repeat left top;
}
h3#dulwichmain {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/dulwichmain_title.gif) no-repeat left top;
}
h3#foresthillmain {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/foresthillmain_title.gif) no-repeat left top;
}
h3#findus {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/findus_title.gif) no-repeat left top;
}
h3#aboutus {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/aboutus_title.gif) no-repeat left top;
}
h3#offers {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/offers_title.gif) no-repeat left top;
}
h3#products {
text-indent: -9999px;
height: 24px;
width: 150px;
background: #fff url(img/products_title.gif) no-repeat left top;
}

#services #maintext table td.cell1 {
width: 240px;
}
#services #maintext table td.cell2 {
width: 50px;
}
#services #maintext table td.cell3 {
width: 74px;
}
#services #maintext table td.cell4 {
width: 74px;
}
#services #maintext table td.cell5 {
width: 200px;
}
#services #maintext table td.cell6 {
width: 50px;
}
#services #maintext table td.cell7 {
width: 300px;
}
#services #maintext table td.cellr {
text-align: center;
}





/* blurb
------------------------------------------------ */

#blurb {
padding: 0 0 0 15px;
float: left;
width: 470px;
}

#blurb h2 {
margin: 10px 0 10px 0;
padding: 0;
font-size: 1.6em;
font-family: Georgia, serif;
color: #e3007b;
}

#blurb p {
margin: 0;
padding: 0 0 5px 0;
font-size: 1.4em;
line-height: 1.6em;
color: #666666;
}


/* sections
------------------------------------------------ */

#sections {
margin-top: 5px;
}
.section {
float: left;
height: 200px;
margin-left: 5px;
background-color: #edece9;
}
#sec_gallery {
width: 229px;
background: url(img/gallery_pic.jpg) no-repeat;
}
#sec_products {
width: 229px;
background: url(img/products_pic.jpg) no-repeat;
}
#sec_blurb {
width: 422px;
height: 160px;
padding: 20px;
font-family: Georgia, serif;
font-size: 16px;
line-height: 22px;
font-weight: normal;
}
#sec_blurb p {
margin-bottom: 10px;
}
.seclink {

height: 200px;
width: 229px;
}


/* logos
------------------------------------------------ */

#logos {
height: 100px;
width: 930px;
margin: 3px 0 0px 5px;
background: #aba9a4 url(img/logo_banner.gif) no-repeat left top;
}


/* gallery
------------------------------------------------ */

#gallery {
margin: 25px 0 0 15px;
width: 880px;
}
#gallery img {
border: 1px solid #aaa;
margin: 0 5px 5px 0;
}


/* footer
------------------------------------------------ */

#footer {
padding: 20px 0 60px 16px;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-weight: normal;
}
#footer strong {
font-weight: bold;
}

.footblock {
float: left;
width: 228px;
}
#opening1 h4 {
margin: 0;
margin-bottom: 3px;
text-indent: -9999px;
height: 24px;
width: 128px;
background: #fff url(img/opening_title.gif) no-repeat left top;
}
#opening2 p {
margin-top: 27px;
}
#contact1 h4 {
margin: 0;
margin-bottom: 3px;
text-indent: -9999px;
height: 24px;
width: 128px;
background: #fff url(img/contact_title.gif) no-repeat left top;
}
#contact2 p {
margin-top: 27px;
}



/* misc. ------------------------------------------ */

.no, hr {
display: none;
}

strong {
font-weight: bold;
}


/* self-clear floats */

.clear:after { 
visibility: hidden; 
display: block; 
font-size: 0; 
content: "."; 
clear: both; 
height: 0; } /* hack */
.clear { display: inline-block; }
/* start commented backslash hack \*/ * html .clear { height: 1%; }
.clear { display: block; } /* close commented backslash hack */