body {
	font-size: 12px;
	font-family: Verdana;
}

div#page {
	width: 857px;
	margin: 0px auto;
}

div#top {
	width: 100%;
	height: 199px;
	background-image: url('../images/top.jpg');
}

div#logo {
	width: 201px;
	height: 175px;
	background-image: url('../images/logo.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	margin: 0px 20px;
}

div#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

div#news {
	width: 182px;
	float: right;
	height: 189px;
	padding: 5px;
}

div#content {
	width: 100%;
}

div#left {
	width: 200px;
	float: left;
}

div#mainnav {
	width: 200px;
	background-image: url('../images/mainnavbottom.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #E3E3E3;
	padding-bottom: 10px;
}

ul.nostyle { margin: 0px; padding: 0px; }
ul.nostyle li { list-style-type: none; list-style-position: inside; }
ul#main li { border-top: 1px solid #000; border-bottom: 1px solid #B2B2B2; width: 100%; }
ul#main li a { width: 96%; padding: 5px 2%; text-decoration: none; font-weight: bold; display: block; color: #000; }
ul#main li a:hover , ul#main li a.current { background-color: #FDBC21; }
ul#static li { float: left; margin: 2px 5px 3px; }
ul#static li a { text-decoration: none; font-weight: bold; color: #000; }

/* specific menu item colours */
ul#main li#main a:hover , ul#main li#main a.current , ul#main li#Health-and-Safety a:hover , ul#main li#Health-and-Safety a.current { background-color: #F066A6; }
ul#main li#commercial a:hover , ul#main li#commercial a.current , ul#main li#portfolio a:hover , ul#main li#portfolio a.current { background-color: purple; }
ul#main li#residential a:hover , ul#main li#residential a.current , ul#main li#Leasing a:hover , ul#main li#Leasing a.current { background-color: yellow; }
ul#main li#Close-Control a:hover , ul#main li#Close-Control a.current , ul#main li#after-sales a:hover , ul#main li#after-sales a.current { background-color: orange; }
ul#main li#Refrigeration a:hover , ul#main li#Refrigeration a.current , ul#main li#contact-us a:hover , ul#main li#contatc-us a.current { background-color: turquoise; }
ul#main li#Service-and-Maintenance a:hover , ul#main li#Service-and-Maintenance a.current { background-color: green; }

div#center {
	width: 460px;
	height: 100%;
	float: left;
}
div#container {
	width: 450px;
	height: 100%;
	padding: 0px 4px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	background-color: #F7F7F7;
}

div#headimage {
	width: 100%;
	height: 215px;
	margin: 5px 0px;
}

div#body {
	width: 100%;
}

div#staticnav {
	width: 450px;
	padding: 0px 5px;
}


div#right {
	margin-left: 5px;
	width: 192px;
	float: left;
}

div#clear {
	width: 98%;
	height: 1px;
	clear: both;
	float: none;
}

.hidden { display: none; }

div.box {
	width: 180px;
	height: 197px;
	background-color: #E3E3E3;
	margin: 5px 0px;
	padding: 5px;
}

div#box1 { border: 1px solid #F066A6; }
div#box1 h3 {
	background-color: #F066A6;
	padding: 5px 0px; 
	text-align: center;
	margin: 5px 0px;
}
div#box2 { border: 1px solid #FCB23A; }
div#box2 h3 {
	background-color: #FCB23A;
	padding: 5px 0px; 
	text-align: center;
	margin: 5px 0px;
}
div#box3 { border: 1px solid #CA0D0D; }
div#box3 h3 {
	background-color: #CA0D0D; 
	padding: 5px 0px; 
	text-align: center;
	margin: 5px 0px;
}

div#footer { border-top: 1px solid #FCB23A; margin-top: 5px; text-align: center}

div#contactdetails {
	background-color: #E3E3E3;
	width: 100%;
	padding-top: 10px;
}