body{
font:0.8em/1.2 Verdana, Arial, Helvetica, sans-serif;
width:760px;
margin:50px auto 0;
text-align:center;
color:#fff;
overflow:hidden;
}
div#wrapper{
text-align:left;
border:2px solid #fff;
}
h1{
margin:0;
}
/* ***************** MENU BAR ********************* */
ul#menu{
margin:0;
text-align:center;
background:url(http://www.hygienicfinishes.co.uk/images/menu_back.jpg) no-repeat;
font-size:0.8em;
font-weight:bold;
background-color:#afa577;
padding:8px 0;
}
ul#menu li{
display:inline;
list-style-type:none;
margin-right:13px;
margin-bottom:0;
}
ul#menu a{
text-decoration:none;
}
ul#menu a:hover{
color:#a1d076;
}
/* ******************* MAIN CONTENT ******************** */
#content{
background:url(http://www.hygienicfinishes.co.uk/images/content_back.jpg) no-repeat;
background-color:#46a9ac;
padding:40px 0 10px;
float:left;
margin-bottom:0;
overflow:hidden;
height:240px;
width:100%;
}
div.leftcolumn{
float:left;
width:378px;
}
div.rightcolumn{
float:left;
width:378px;
}
div#content div.leftcolumn{
padding:6px 10px 0 25px;
width:343px;
}
div#content div.rightcolumn{
padding:10px 35px 0 20px;
width:322px;
}
h2{
margin-top:0;
font-size:1.2em;
}
/* ***********************  SUB MENU **************** */
ul#submenu{
margin-left:0;
padding-left:0;
margin-top:40px;
}
ul#submenu li{
display:inline;
list-style-type:none;
font-size:0.8em;
margin-right:16px;
}
ul#submenu li a{
padding-top:20px;
background:url(http://www.hygienicfinishes.co.uk/images/menu_off.gif) no-repeat;
}
li#kitchens a:hover{
padding-top:20px;
background:url(http://www.hygienicfinishes.co.uk/images/menu_kitchens.jpg) no-repeat;
}
li#bathrooms a:hover{
padding-top:20px;
background:url(http://www.hygienicfinishes.co.uk/images/menu_bathrooms.jpg) no-repeat;
}
li#leisure a:hover{
padding-top:20px;
background:url(http://www.hygienicfinishes.co.uk/images/menu_leisure.jpg) no-repeat;
}
li#healthcare a:hover{
padding-top:20px;
background:url(http://www.hygienicfinishes.co.uk/images/menu_healthcare.jpg) no-repeat;
}
ul#submenu a{
text-decoration:none;
}
/* ************************ BASELINE ***************** */
div#company{
float:left;
background-color:#97d53f;
margin-top:0;
width:100%;
}
div#company ul{
padding:0;
margin:8px 0;
}
div#company li{
display:inline;
list-style-type:none;
}
div#company ul#contact{
padding-left:0;
margin-left:25px;
}
ul#contact li{
margin-right:10px;
}
div#company ul#cities{
text-align:right;
padding-right:35px;
}
ul#cities li{
margin-right:10px;
}
/* ********************** GENERIC ******************* */
a{
color:#fff;
}
.active{
color:#a1d076;
}
.introtxt{
color:#e6f7cd;
font-size:1em;
}
.smaller{
font-size:0.9em;
}