html, body{
	margin:0;
	padding:0;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#Page{
	width:800px;
	margin-left:10%;
}
#ImagePopUp{
	background-color:#006699;
	margin-left:0;
	width:100%;
	height:900px;
	text-align:center;
}
#ImagePopUp p{
	color:#FFFFFF;
}
#Header{
	}
#HeaderTitle{
	border-left:2px solid #006;
	width:796px;
	height:107px;
	background-image:url(../images/TitleBar.jpg);
	 border-right:2px solid #003366;
}
#HeaderUnderBar{
	border-left:2px solid #006;
	width:796px;
	height:21px;
	background-image:url(../images/UnderTitleBar.jpg);
	position:absolute;
	top:106px;
	 border-right:2px solid #003366;
}
#ImageBar{
	border-left:2px solid #006;
	width:796px;
	height:119px;
	position:absolute;
	top:127px;
	border-right:2px solid #003366;
}
 .Chartering{
	background-image:url(../images/ImageBar2.jpg);	
} 
.Waste{
	background-image:url(../images/ImageBar4.jpg);	
}
.Home{
	background-image:url(../images/ImageBar3.jpg);	
}.Contact{
	background-image:url(../images/ImageBar5.jpg);	
}.About{
	background-image:url(../images/ImageBar.jpg);	
}


#MainSurround{
	width:800px;
	height:120px;
	top:246px;
	background-image:url(../images/tabs_surroundbg.gif);
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	
}
#Buttons{
	height:25px;
	width:200px;
	position:absolute;
	left:0px;
	width:7em;
}
#Buttons a{
	text-decoration:none;
	margin:8px 20px 2px 15px;
	bottom:-30px;
	color:#000033;
	font-size:.8em;
	font-weight:bold;
}
.ButtonSelected{
	color:#fff;
}
.Button_Header{
	width:8em;
	background-image:url(../images/tabs_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:32px;
}
.bhm{
	background-image:url(../images/tabs_tm.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:190px;
	height:32px;
	margin-left:42px;
	-margin-left:21px;
	float:left;
}
.Button{
	background-image:url(../images/tabs_ml.gif);
	height:50px;
	background-repeat:repeat-y;
	background-position:bottom left;
	}
.bm{	
	width:190px;
	background-image:url(../images/tabs_mm.gif);
	background-position:bottom right;
	background-repeat:repeat-y;
	height:39px;
	-height:45px;
	margin-left:42px;
	padding-top:12px;
}
.ButtonFooter{
	width:42px;
	background-image:url(../images/tabs_bl.gif);
	height:50px;
	background-repeat:repeat-x;
	background-position:bottom left;
}
.bfm{	
	width:190px;
	background-image:url(../images/tabs_bm.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:50px;
	margin-left:42px;
	
}
#MainArea{
	width:570px;
	background-image:url(../images/MainAreaBg.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:right;
	margin-top:19px;
	margin-bottom:-19px;
	height:100%;
}
#MainAreaLeft{
	width:22px;
	height:100%;
	background-image:url(../images/MainAreaLeft.gif);
	top:-40px;
}
#MainAreaBottom{
	-width:210px;
	-height:32px;
	-background-image:url(../images/MainAreaBottom.gif);
	-float:left;
	-margin-left:-5px;
	-margin-right:-10px;
	-position:absolute;
	-bottom:0px;
	-left:235px;
}

#PhoneFooter{
	-width:370px;
	-height:60px;
	-background-image:url(../images/phone.gif);
	-bottom:-3px;
	-right:-4px;
	-position:absolute;
}
#PhoneFooterBottom{
	background-image:url(../images/PhoneFooter.gif);
	background-position:top right;
	background-repeat:no-repeat;
	margin-left:2em;
	width:20em;
	height:40px;
	float:right;
	margin-bottom:30px;
}
#PhoneFooterBottomLeft{
	background-image:url(../images/PhoneFooterLeft.gif);
	background-position:top right;
	height:2em;
	width:50px;
	float:left;
}

#TitleBar{
	width:22em;
	height:1.9em;
	float:right;
	-background-image:url(../images/TitleBgRight.gif);
	background-position:bottom right;
	margin-right:2em;
}
#TitleBarLeft{
	background-image:url(../images/TitleBgLeft.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:10em;
	bottom:0px;
	padding-left:1em;
}
#TitleBarLeft p{
	padding-left:3em;
	float:right;
	color:#006;
	font-weight:bold;
	-margin-right:2em;
	margin-left:2em;
	padding-bottom:.4em;
	padding-top:.3em;
	padding-left:3.5em;
}
#MainAreaContent{
	
	margin:40px 30px 20px 10px;
	-margin:20px;
}
#MainAreaContent p{
	font-size:.8em;
}
#MainAreaLeftBg{
	margin-left:0px;
	background-image:url(../images/MainAreaLeft.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:1px;
	margin-top:-1px;
	height:100%
}
#MainAreaLeftBg p{
}
#TitleBar{
	-width:350px;
	-height:1em;
	-float:right;
	-background-image:url(../images/TitleBgRight.gif);
	-background-position:bottom right;
	-background-repeat:no-repeat;
	-margin-right:20px;
}

.ImgWaste{
	background-color:#D1DCE0;
	width:260px;
	height:18em;
	border:2px solid #669;
	margin-bottom:4em;
	float:right;
	margin-left:18px;
	margin-right:-10px;
}
.ImgWaste p{
	color:#003366;
	margin:6px 6px 6px 6px;
	font-size:.7em;
	font-weight:bold;
}
.ImgWaste img{
	border:2px solid #669;
	margin:2px 1px 2px 2px;
}

.ImgScrap{
	border:2px solid #669;
	margin:2px 1px 2px 2px;
	padding:12px;
}
.ImgAbout{
	background-color:#D1DCE0;
	border:2px solid #669;
	margin-bottom:15px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
}
.ImgContact{
	background-color:#D1DCE0;
	border:2px solid #669;
	margin-bottom:15px;
	float:right;
	margin-left:10px;
	margin-right:0px;
	padding:3px;
}
#ContactDetails{
	width:450px;
	margin:10px;
	border:2px solid #369;
	float:right;
	margin-bottom:10px;
	}
#PhoneDetails{
	width:450px;
	margin:10px;
	border:2px solid #369;
	float:right;
}

.BoxHeader{
	background-color:#000066;
	background-image:url(../images/tabs_surroundbg.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	width:94%;
	-width:100%;
	margin:1px;
	padding:3px 0px 2px 25px;
	font-size:1.1em;
	margin-bottom:10px;
	}
.BoxBody{
	width:140px;
	margin-left:10px;
	font-weight:bold;
}
.Numbers{
	margin-left:30px;
	color:#0000CC;
	font-weight:bold;
}
#TitleBar p{
	width:200px;
}
.bhl{	
	background-image:url(../images/tabs_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:8em;
	height:32px;
	float:left;

}
#Spacer{
	width:60%;
	height:40px;
	float:right;

}
