html,body{margin:0;padding:0}

body {	
width:100%;
height: 100%; 
max-height: 100%; 
font-size: 13px;
font-weight: normal;
font-family: Arial, Arial, Helvetica, sans-serif;
text-align:center;
background-image:url(../graphics/body_bg.png);
background-repeat: repeat-x;
background-position: top; 
background-color:#143352;
overflow:visible;
color:#fff;
}

a:link {color: #3466A0;text-decoration: none; }
a:visited {color: #3466A0; text-decoration: none;}
a:hover {color: #3466A0;  text-decoration: none; }

/* emphasised text */
.emp_text{
}
img {border: none}




div#container{
text-align:left;
width:800px;
margin:35px auto 0 auto;

background-image:url(../graphics/wrapper_bg.png);
background-repeat:repeat;
}



div#header{
position:relative;
height:200px;
width:800;
background-image:url(../graphics/header_logo.jpg);
background-position:left top;
background-repeat:no-repeat;
}


div#wrapper{
	position: relative
	width:100%;
	height: 100%;
	margin-bottom: 35px;
}







		#menu {
			position: relative;
			height: 55px;
			width: 537px;
			overflow: hidden;
			text-align:center;
			margin: auto auto auto 132px; 
			 
		}


		#menu ul{
		width:537px;
		height: 45px;
			padding: 0;
			margin: 5px 0 0 0;
		}

		/* Don't apply padding here (offsetWidth will differ in IE)
		If you need padding add it to the child anchor */
		#menu ul li{
			float: left;
			list-style: none;
		}

		#menu ul li a {
			text-indent: -500em;
			z-index: 10;
			display: block;
			float: left;
			height: 45px;
			position: relative;
			overflow: hidden;
			background-position:center center;
			background-repeat:no-repeat;
		}

		#menu_home a {
			width: 89px;
			background-image: url('../graphics/menu_home.png') !important;
			
		}

		#menu_about_us a {
			width: 128px;
			background-image: url('../graphics/menu_about_us.png') !important;	
		}

		#menu_our_services a {
			width: 170px;
			background-image: url('../graphics/menu_our_services.png') !important;	
		}

		#menu_contact a {
			width: 150px;
			background-image: url('../graphics/menu_contact_us.png') !important;	
		}

		#menu li.background {
			background: url('../graphics/bg_menu_right.png') no-repeat top right !important;
			z-index: 8;
			position: absolute;
			visibility: hidden;
		}

		#menu .background .left {
			background: url('../graphics/bg_menu.png') no-repeat top left !important;
			height: 45px;
			margin-right: 9px; /* 7px is the width of the rounded shape */
		}








div#content{
width:800px;
position:relative;
background-image:url(../graphics/content_bg.png);
background-repeat:repeat;
clear:both;
padding: 25px 0 25px 0;
}
div#content h1,div#content  h2,div#content h3{
margin: 0 0 10px 0;
}
div#content h2{
font-size:14px;
margin: 5px auto 5px 35px;
}


div#content p{
width: 580px;

margin: 10px  35px 10px 35px;
}

div#content.services p{
width:auto;

margin: 10px  35px 10px 35px;

}



div#content ul {
list-style: square;



}
div#content li {
margin: auto;
line-height: 20px;
margin: 2px auto 2px 35px;
}

div#content img{
border: none;
padding: 10px 20px;
margin: 10px  30px  10px  35px ;
background-image:url(../graphics/footer_bg.png);
background-repeat:repeat;
}
div#content img.left{
float:left;
clear:none;
}
div#content img.right{
float:right;
clear:none;
}

div#content a:link {color: #CCCCCC;text-decoration: none; border-bottom: 1px dotted #CCCCCC; line-height: 20px;}
div#content a:visited {color: #CCCCCC; text-decoration: none;border-bottom: 1px dotted #CCCCCC;  line-height: 20px;}
div#content a:hover {color: #CCCCCC;  text-decoration: none; border-bottom: 1px solid #CCCCCC; line-height: 20px; }


div#content ul#suplly_sub {
float:right;
clear:none;
width: 200px;
list-style: none;
margin:auto 60px auto auto;
text-align:left;

}

div#content ul#suplly_sub li{

width: 200px;
background-image:url(../graphics/content_bg.png);
background-repeat:repeat;
margin-bottom: 10px;
margin-right:30px;
padding: 3px;
}
div#content ul#suplly_sub a{
display:block;
color: #fff;
text-decoration:none;
border: none;
}
div#content ul#suplly_sub li:hover{
background-image:url(../graphics/footer_bg.png);
background-repeat:repeat;
}
div#content ul#suplly_sub li.current_sub{
background-image:url(../graphics/footer_bg.png);
background-repeat:repeat;
font-weight:bold;
}

div#supply_content {
width: 420px;
}






















































div#footer{
position:relative;
height: 40px;
clear:both;
width:100%;
font-size: 10px;
text-align: left;
background-image:url(../graphics/footer_bg.png);
background-repeat:repeat;
margin: 0 auto 0 0;
color:#D6E1EF;
}



div#footer p{
float:left;
padding:0;
width: 600px;
clear:none;
margin: 3px 0 0 30px;
line-height:15px;
}
div#footer a:link{color:#FFFFFF; text-decoration:none; border-bottom: 1px dotted #FFFFFF; padding-bottom:0px;}
div#footer a:visited{color:#FFFFFF; text-decoration:none; border-bottom: 1px dotted #FFFFFF; padding-bottom:0px;}
div#footer a:hover{color:#FFFFFF; text-decoration:none; border-bottom: 1px solid #FFFFFF;}

div#footer img{
float:right;

margin-top: 6px;
margin-right: 30px;
}


/* tech line drawing divs */

div.line {
position:relative;
height:1px;
width:100%;
clear:both;
margin: 0 ;
padding:0;
overflow: visible;
z-index:-200;
}

div.line img{
position:absolute;
left:-16px
}
div.line img.top{
top:0;
}
div.line img.bottom{
bottom:0;
}




















/*START      form contact us     */
form {
width:280px;
height:auto; 
text-align:right;
vertical-align:top;
padding:20px 5px 30px 5px;
margin: 20px 25px 10px 55px;
background-image:url(../graphics/content_bg.png);
background-repeat:repeat;
}
form br { 
   clear: left;
}
form label { 
cursor:pointer;
vertical-align:top;
float:left;
width: 250px;
}
form .text_inp, .text_area {
font-size: 12px; 
color: #000000;
font-family: Courier New, Courier New, Courier6, monospace; /* leave as different to rest of site  */ 
background-color: #F3F3F3;
border:1px solid #CCCCCC;
line-height:15px;
vertical-align: top;
text-align: left;
}
form .text_inp {
margin: 0px;
width:170px;
height:17px;
line-height:15px;
padding-top:0px;
margin-bottom: 8px;
clear: left;
}

form .text_area {
width:170px;
height: 60px;
white-space:normal;
overflow: hidden;
vertical-align:top;
padding-top: 0px;
margin-bottom: 8px;
}
form .sbm_butt {
cursor:pointer;
background-color:#3467A3;
font-size: 12px; 
margin: 0px;
color:#fff;
font-family:  Verdana, Verdana, Geneva, sans-serif;
float:right;
border:solid 1px  #666;
margin-right: 30px;
}
form .sbm_butt:hover {
color:#659FC7;
text-decoration: none;
}
/* END     form contact us     */

div#seo{
margin: 5px auto 15px auto;
font-size:9px;
width: 800px;
color: #B3C9E1;
z-index: 200;
height:15px;
}
#seo p#heff{
float:left;
margin:0 auto  10px 30px;
padding:0;
line-height:15px;

}
#seo p#site_map{
float:right;
margin:0 30px 10px   auto;
padding:0;
line-height:15px;
}

div#seo a:link {color: #92B0D3;text-decoration: none; border-bottom: 1px dotted #92B0D3; }
div#seo a:visited {color: #92B0D3; text-decoration: none;border-bottom: 1px dotted #92B0D3; }
div#seo a:hover {color: #92B0D3;  text-decoration: none; border-bottom: 1px solid #92B0D3; }