body{
background:url(../images/contentTile.gif) repeat-x;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a{outline:none;}
h1{font-size:18px;}
img{border:0;}

#logo{
width:900px;
margin:0 auto;
}

#body{
margin:0 auto;
position:relative;
}

#bodybox{
width:910px;
margin:0 auto;
}
#gd{
height:114px;
width:265px;
position:absolute;
right:149px;
bottom:-48px;
z-index:110;
}
#top{
width:900px;
margin:0 auto;
height:270px;
position:relative;
}
#loginBox{
position:absolute;
top:110px;
right:10px;
width:268px;
height:111px;

background:url(../images/searchtab2.png);
background-color:#333333;
color:#FFFFFF;
padding-top:10px;
}
.hiddens{background:url(../images/searchtab1.png);}
#loginBox{padding-top:30px;}
#loginBox a{
color:#FFCC00;
text-decoration:none;
}
#loginBox a:hover{
text-decoration:underline;
}

#loginBox h2{
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
padding-bottom:10px;
}
#liveHelp{
position:absolute;
top:25px;
right:10px;
}

.on{display:block;}
.off{display:none;}
#menubox{position:absolute;top:100px;}
#menu{width:100%;background:url(../images/menuTile.gif) repeat-x;}
#menu ul{list-style:none; height:36px; padding:0;width:900px;margin:0 auto;}
#menu ul li{float:left; padding:0; margin:0;}
#menu ul li a{text-indent:-2000px; display:block; height:36px; background-repeat:no-repeat;}
#menu ul li a:hover{background-position:0 100%;}

#menu ul li.home {background-image:url(../images/mainmenu.gif); width:70px; background-position:-860px 100%; }
#menu ul li.why {background-image:url(../images/mainmenu.gif); width:160px; background-position:-20px 100%; }
#menu ul li.products {background-image:url(../images/mainmenu.gif); width:88px;  background-position:-180px 100%;}
#menu ul li.about {background-image:url(../images/mainmenu.gif); width:70px;  background-position:-298px 100%; }
#menu ul li.architects {background-image:url(../images/mainmenu.gif); width:160px;  background-position:-392px 100%; }
#menu ul li.gallery {background-image:url(../images/mainmenu.gif); width:85px; background-position:-552px 100%; }
#menu ul li.faq {background-image:url(../images/mainmenu.gif); width:75px; background-position:-680px 100%; }
#menu ul li.testing {background-image:url(../images/mainmenu.gif); width:175px; background-position:-950px 100%; }
#menu ul li.contact {background-image:url(../images/mainmenu.gif); width:90px;background-position:-755px 100%;  }

#menu ul li.home:hover {background-image:url(../images/mainmenu.gif); width:70px; background-position:-860px 0; }
#menu ul li.why:hover {background-image:url(../images/mainmenu.gif); width:160px; background-position:-20px 0; }
#menu ul li.products:hover {background-image:url(../images/mainmenu.gif); width:88px;  background-position:-180px 0;}
#menu ul li.about:hover {background-image:url(../images/mainmenu.gif); width:70px;  background-position:-298px 0; }
#menu ul li.architects:hover {background-image:url(../images/mainmenu.gif); width:160px;  background-position:-392px 0; }
#menu ul li.gallery:hover {background-image:url(../images/mainmenu.gif); width:85px; background-position:-552px 0; }
#menu ul li.faq:hover {background-image:url(../images/mainmenu.gif); width:75px; background-position:-680px 0; }
#menu ul li.testing:hover {background-image:url(../images/mainmenu.gif); width:175px; background-position:-950px 0; }
#menu ul li.contact:hover {background-image:url(../images/mainmenu.gif); width:90px;background-position:-755px 0;  }


#menu ul li ul {display: none;}

#menu ul li ul li a {display:block; text-decoration:none; color:#333;width:220px; height:32px; text-align:left;  font-size:11px;font-weight: bold; /*overflow:hidden;*/ line-height:30px;margin:0 auto;}

#menu ul li ul li a div {line-height:11px; text-indent:0px;margin-left:10px;height:30px;padding-top:4px;}
#menu ul li ul li a div:hover{cursor:pointer;}
/* specific to non IE browsers */
#menu ul li:hover a {color:#fff;}
#menu ul li:hover ul {display:block; position:absolute; top:176px; margin-left:-5px;width:230px; z-index:130;}
#menu ul li:hover ul li{width:230px;background:url(../images/ddulbg.png);text-align:center;}
#menu ul li:hover ul li.end{width:230px;background:url(../images/liend.png) no-repeat; height:30px;}
#menu ul li:hover ul li ul li.end{width:230px;background:url(../images/liend.png) no-repeat; height:30px;}
#menu ul li:hover ul li a.hide {background:#fff; color:#000;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none;position:relative;}
#menu ul li:hover ul li ul li{position:relative;}
#menu ul li:hover ul li a {display:block; /*background:#f9bb35;*/ background:url(../images/ddbg.gif); color:#fff;text-indent:7px;}
#menu ul li:hover ul li a:hover {/*background:#f9bb35;*/ color:#333;background:url(../images/ddbg-over.gif);}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:145px; top:0;}





#contentbox{
width:900px;
margin:0 auto;
position:relative;
z-index:90;
}
#sideBoxes{
margin-top:0px;
float:left;
z-index:90;
width:280px;
}
#sideBoxes{
position:absolute;
left:-11px;
top:0;
}
#sideBoxes ul{ margin:0;padding:0; }
#sideBoxes ul li{ margin:0;margin-bottom:5px;padding:0;padding-left:10px; margin-left:11px; }
.active{
font-weight:bold;
list-style:none;
height:74px;
width:277px;
background:url(../images/activeBg.gif) no-repeat;
font-size:12px;
color:#333333;
}
.active a{color:#FFFFFF;text-decoration:none;width:200px;display:block;padding-top:5px;}

.inactive{
font-weight:bold;
list-style:none;
min-height:45px;
width:240px;
background:url(../images/inactiveBg.gif) repeat-x;
color:#FFFFFF;
font-size:12px;
}
.inactive a{color:#FFFFFF;text-decoration:none;width:200px;display:block;padding-top:5px;}
.hoverOn{
font-weight:bold;
list-style:none;
min-height:45px;
width:277px;
background:url(../images/hoverBg.gif) no-repeat;
color:#FFFFFF;
font-size:12px;
}
.hoverOn a{color:#333333;text-decoration:none;width:200px;display:block;padding-top:5px;}
#images{
position:absolute;
top:25px;

width:420px;
height:222px;
border:solid 3px #FFFFFF;
position:relative;
}
#controls{position:absolute;bottom:2px;left:2px;height:30px;}
#controls img{vertical-align:middle}
.caption{color:#FFFFFF;}
#caption{color:#FFFFFF;}
#bodytext{
float:right;
margin-top:0px;
margin-bottom:10px;
margin-right:11px;
width:592px;
border:solid 1px #eeeeee;
background:#FFFFFF;
padding:10px;
min-height:480px;
padding-bottom:50px;
}
#footer{
height:70px;
background:url(../images/footerTile.gif) repeat-x #1275B0;

}
#footer a{
color:#FFFFFF;text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer #text{
display:block;
height:30px;
color:#FFFFFF;
width:900px;
margin:0 auto;
padding-top:22px;
}

#footer #text2 {
	width:850px;
	margin: 0 auto;
	text-align:right;
	color:#fff;
	padding-right: 50px;
}

.postcodeField{
width:60px;
border:solid 1px #ff9900;
margin-right:5px;
}
.searchField{
width:150px;
border:solid 1px #ff9900;
margin-right:5px;
}
.postcodeButton{
text-indent:-5000px;
width:31px;
height:21px;
background:url(../images/postcodeButton.gif) no-repeat;
border:none;
color:#ff8214;
cursor:pointer;
}
.searchButton{
text-indent:-5000px;
width:60px;
height:21px;
background:url(../images/searchButton.gif) no-repeat;
border:none;
color:#ff8214;
cursor:pointer;
}

form{margin:0;padding:0;}

.clear{
clear:both;
}

.manu{position:absolute;top:0;left:0;width:135px;height:20px;line-height:20px;font-size:12px;text-align:center;color:#333333;font-weight:bold;}
.sw{position:absolute;top:0;right:0;width:135px;height:20px;line-height:20px;font-size:12px;text-align:center;color:#333333;font-weight:bold;}