/*
Some default styling for HTML tags
*/
body {padding:0px;margin:0px;font-size:9pt;font-family:trebuchet ms,helvetica,arial;}
img {padding:0px;margin:0px;border:0px;}
p {color:#984593;width:315px;margin:0px;}
ul {list-style-type:none;margin:0px;padding:0px;}
a {
	font-size:10pt;
}
/*
 for IE6 when using href's inside a list
*/
li a {
	display:block;
}
/*
	ID's and Classes for main template
*/
#centerdiv {
	/* set width and height appropriately */
	width: 805px; /* 800 */
	height: auto;
	padding: 0px 0px 0px 0px;
	/* this bit sorts IE5 Mac so it centres horiz, can't do vert but this a good fix */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;	
	text-align:left;
	/* vertical align middle - http://www.wpdfd.com/editorial/wpd0103.htm#toptip */
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0px 0px 0px -400px;
	position: absolute;
	top: 0px;
	left: 50%;
	/* End hide */
	/*border: 1px solid #000000;*/
}

#centerdiv-news {
	/* set width and height appropriately */
	width: 720px; /* 1001 */
	height: 666px;
	padding: 0px 0px 0px 0px;
	/* this bit sorts IE5 Mac so it centres horiz, can't do vert but this a good fix */
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;	
	text-align:left;
	/* vertical align middle - http://www.wpdfd.com/editorial/wpd0103.htm#toptip */
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0px 0px 0px -360px;
	position: absolute;
	top: 0px;
	left: 50%;
	/* End hide */
	border: 2px solid #472954;
}

#top-bar {
	width:100%;
	height:20px;
	background: url(../images/topbar_bg.jpg) repeat-x top left;
	/*border: 1px solid #000000;*/
}

#main-menu {
	width:500px;
	height:375px;
	float:left;
	/*border: 1px solid #000000;*/
}
#main-menu-contact {
	width:695px;
	height:470px;
	float:left;
	/*border: 1px solid #000000;*/
}
#side-top {
	width:240px;
	height:595	px;	
	float:right;
	/*border: 1px solid #000000;*/
}
#side-top-contact {
	width:305px;
	height:595	px;	
	float:right;
/*border: 1px solid #000000;*/
}
#page-title {
	width:500px;
	height:35px;
	float:left;
	/*border: 1px solid #000000;*/
}

#logo {
	width:226px;
	height:95px;
	float:right;
	/*border: 1px solid #000000;*/
}
#news-logo {
	float:left;
	width:183px;
}
#close-news {
	float:right;
	width:111px;
}
#latest-news {
	width:226px;
	height:29px;
	float:right;
	/*border: 1px solid #000000;*/
}
#latest-news-title {
	float:left;
	width:721px;
}
#news-flash {
	width:720px;
	height:550px;
	float:left;
}
#news-flash p {
	font-size:9pt;
	padding:0px;
	margin:0px;
	margin-left:25px;
	margin-bottom:20px;
	width:650px;
}
#news-flash h4 {
	font-size:10pt;
	padding:0px;
	margin-top:20px;
	margin-left:25px;
	color:#a864a8;
}
#news-flash h6 {
	color:#4c2b55;
	font-size:10pt;
	padding:0px;
	margin:0px;
	margin-left:25px;
	margin-bottom:10px;
}
#client-login {
	width:226px;
	height:25px;
	float:right;
	/*border: 1px solid #000000;*/
}
#text-quote {
	width:226px;
	height:256px;
	float:right;
	/*border: 1px solid #000000;*/
}
.pic {
	float:right;
}

#main-text {
	width:335px;
	height:	325px;
	float:left;
	/*border: 1px solid #000000;*/
}
#contact-left {
	position:relative;
	top:1px;
	width:430px;
	height:465px;
	float:left;
	/*border: 1px solid #000000;*/
}
#contact-right {
	width:364px;
	height:465px;
	float:right;
	/*border: 1px solid #000000;*/
}
#main-text p {
	margin-left:5px;
	margin-bottom:15px;
}
#right-pic {
	width:388px;
	height:315px;
	float:right;
	/*border: 1px solid #000000;*/
}
#right-pic p {
	margin-left:5px;
	margin-bottom:15px;
}

#footer {
	width:100%;
	height:20px;
	background: url(../images/footer_bg.jpg) repeat-x top left;
	float:left;
	margin-bottom:2px;
}

/*
navigation elements
*/
#main-nav {
	margin-top:19px;
	width:500px;
	height:310px;
	/*border: 1px solid #000000;*/
}
.menu-img {
/*	width:479px;*/
	height:58px;
	float:left;
}
.submenu-box {
	width:188px;
	height:55px;
	float:right;
	/*border: 1px solid #000000;*/
}
.submenu-img {
	width:188px;
	height:18px;
	text-align:left;
}

#home {
	width:556px;
	height:58px;
	float:left;
	clear:left;
}
#home-on {
	/*width:414px;
	height:309px;
	float:left;
	clear:left;
	display:none;*/
}
#home-off {
	width:556px;
	height:58px;
	float:left;
	clear:left;
	display:none;
}
#values {
	width:185px;
	height:58px;
	float:left;
	clear:left;
}
#values-off {
	width:185px;
	height:58px;
	float:left;
	clear:left;
	display:none;
}
#services {
	width:241px;
	height:58px;
	float:left;
	clear:left;
}
#services-off {
	width:241px;
	height:58px;
	float:left;
	clear:left;
	display:none;
}
#casestudies {
	width:343px;
	height:58px;
	float:left;
	clear:left;
}
#casestudies-off {
	width:343px;
	height:58px;
	float:left;
	clear:left;
	display:none;
}
#contact-us {
	width:323px;
	height:58px;
	float:left;
	clear:left;
	display:none;
}
#contactus-off {
	width:323px;
	height:58px;
	float:left;
	clear:left;
	display:none;
}

#services-sub {
	width:144px;
	height:58px;
	float:left;
	/*display:none;*/
}
#values-sub {
	width:241px;
	height:58px;
	float:left;
	/*display:none;*/
}
#casestudies-sub {
	width:144px;
	height:58px;
	float:left;
	/*display:none;*/
	/*border:1px solid #000000;*/
}

#servicescleaning {
}
#servicescleaning-off {
	display:none;
}
#serviceswaste {
}
#serviceswaste-off {
	display:none;
}
#servicessupport {
}
#servicessupport-off {
	display:none;
}
#casestudiessupport {
}
#casestudiessupport-off {
	display:none;
}
#environment {
}
#environment-off {
	display:none;
}
#people {
}
#people-off {
	display:none;
}
#standards {
}
#standards-off {
	display:none;
}
#casestudiescleaning {
}
#casestudiescleaning-off {
	display:none;
}
#casestudieswaste {
}
#casestudieswaste-off {
	display:none;
}
#casestudiessupport {
}
#casestudiessupport-off {
	display:none;
}