html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; color:#000000; background-color:#AFAFAF; font-size:0.83em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; }
form { margin:0px; padding:0px; }
blockquote { margin:15px; padding:0 10px; border-left:2px dotted #000000; border-right:2px dotted #000000; }
hr { border:none 0; margin:20px 0; border-top:2px solid #000000; height:2px; }
p { padding:0px; margin:0px 0px 16px; }

h1 { color:#0F08AF; font-size:1.3em; margin-top:0; }
h2 { color:#0F08AF; font-size:1.2em; margin-top:0; }
h3 { color:#0F08AF; font-size:1.1em; margin-top:0; }
h4 { color:#0F08AF; font-size:1.0em; }
h5 { color:#0F08AF; font-size:0.9em; }
h6 { color:#0F08AF; font-size:0.8em; }

a,
a:visited { color:#000000; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }

.clear { clear:both; height:0px; overflow:hidden; }
.spacer { clear:both; height:13px; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }

.srink { margin:0px 0px 0px 0px!important; }
.top { margin-top:0; }
.bottom { margin-bottom:0; }

.photoMargins { float:right; margin-left:10px; margin-bottom:7px; margin-top:3px; }
.photoMarginsAlt { float:left; margin-right:10px; margin-bottom:7px; margin-top:3px; }
.aligncenter { text-align:center; }

.contentLeft { width:48%; float:left; }
.contentRight { width:48%; float:right; }
.contentRightAlt { width:48%; float:right; text-align:right; }


/* Interface CSS */

#container { width:784px; margin:0 auto; background: url("background.gif") 10px top repeat-y; }

#header div {   }

#header_left { width:12px; height:239px; background:url("header_left.gif") left top no-repeat; float:left; overflow:hidden; }
#header_content { width:760px; float:left; }
#header_photo { width:760px; height:230px; background:url("header_photo.jpg") left top no-repeat; overflow:hidden; }
#header_right { width:12px; height:239px; background:url("header_right.gif") left top no-repeat; float:left; overflow:hidden; }

#content_left { background-color:#FFF; width:230px; float:left; margin-left:10px; }

#content_left h1 { margin:0; padding:0; }
#content_left h1 a { width:230px; height:66px; background:url("metcalfebrosltd.gif") left top no-repeat; display:block; }
#content_left h1 a span { display:none; }

#underlogo { width:230px; background:url("menu_underlogo.gif") left bottom no-repeat; margin-bottom:10px; }
#underlogo_padding { padding:8px; text-align:center;  }

#underlogo_padding a,
#underlogo_padding a:visited { color:#000000; text-decoration:none; font-weight:bold; }
#underlogo_padding a:hover { color:#0F08AF; text-decoration:underline; font-weight:bold; }

.left_panel_header { width:230px; height:10px; background:url("left_header.gif") left top no-repeat; display:block; }
.left_panel_content { background-color:#CBCBCB; }
.left_panel_padding { padding:10px 20px; line-height:140%; }
.left_panel_padding p { margin:0 0 10px 0; padding:0; }
.left_panel_footer { width:230px; height:10px; background:url("left_footer.gif") left top no-repeat; display:block; margin-bottom:10px; }

.left_advert { margin-bottom:10px; }

#content_right { background-color:#FFF; width:500px; float:right; margin-right:10px; }

#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu ul li { float:left; }
#mainmenu ul li span { display:none; }

#menu_roadplaning a { width:132px; height:66px; background:url("menu_roadplaning.gif") left top no-repeat; overflow:hidden; display:block;  }
#menu_planthire a { width:103px; height:66px; background:url("menu_planthire.gif") left top no-repeat; overflow:hidden; display:block;  }
#menu_haulage a { width:93px; height:66px; background:url("menu_haulage.gif") left top no-repeat; overflow:hidden; display:block;  }
#menu_groundworks a { width:172px; height:66px; background:url("menu_groundworks.gif") left top no-repeat; overflow:hidden; display:block;  }

#content {  }
#content_padding { padding:20px; line-height:140%; }

#content_padding a,
#content_padding a:visited { color:#0F08AF; text-decoration:underline; }
#content_padding a:hover { color:#504BC5; text-decoration:underline; }

#footer { width:784px; height:40px; background:url("footer.gif") left top no-repeat; font-size:0.85em; font-weight:bold; }
#footer_left { width:48%; float:left; }
#footer_left .padding { padding:5px 0 0 42px; }
#footer_right { width:48%; float:right; text-align:right; }
#footer_right .padding { padding:5px 42px 0 0; }

#footer a,
#footer a:visited { color:#000000; text-decoration:none; }
#footer a:hover { color:#0F08AF; text-decoration:underline; }