@charset "utf-8";

*{margin:0;padding:0;}
html, body {height:100%;}
img {border:0;}
body {margin:0 auto; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size:11px;}
a{color:#005e96;text-decoration:none}
a:hover{text-decoration:underline}
#wrapper{
	margin:0 auto;
	padding:3px 0 0 0;
	width:772px;
}

#header{
	width:772px;
	height:249px;
	background:url(../images/header.png) no-repeat;
}

#mainmenu{
	width:772px;
	height:34px;
	padding:1px 2px 0 2px;
	background:url(../images/menubg.png) repeat-y;
}

#mainmenu div {
	width:764px;
	height:28px;
	background:#005e96;
	padding:5px 0 0 4px;
}

#mainmenu div ul{ 
	font: bold 12px Tahoma; 
	padding:0; 
	margin:0;		
} 
#mainmenu div ul li{ 
	list-style-type:none; 
	float:left; 
} 
#mainmenu div ul li a{ 
	padding:4px 12px; 
	text-decoration: none; 
	float: left; 
	color: #fff; 
} 
#mainmenu div ul li a:hover{ color: #97c6e4; }

.menuspacer{
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 28px 0 28px;
}

#contentwrapper{
	width:772px;
	padding:0 2px 0 2px;
	background:url(../images/menubg.png) repeat-y;
}

#maincontent{
	width:768px;
	border-top:1px solid #b51634;
	border-bottom:2px solid #b51634;
	padding:11px 0 11px 0;
}

#contentleft{
	width:215px;	
	float:left;
	padding:0 15px 0 15px;
	border-right:1px solid #b51634;	
}

#contentright{
	float:left;
	padding:0 15px 0 15px;	
}


#footer{
	width:772px;
	height:54px;
	background:url(../images/footerbg.png) no-repeat;
}

#footermenu{
	padding:15px 0 0 18px;
}

#footermenu a{
	color:#000000;
	text-decoration:none;	
}

#footeraddress{
	padding:5px 0 0 18px;
	font-size:10px;
}

#footermenu a:hover{text-decoration:underline;}

#whowearebox{
	width:214px;
	height:242px;
	overflow:hidden;
	background:url(../images/whowearebox.png) no-repeat;
}

#whowearebox p{
	padding:40px 8px 8px 12px; 
	line-height:17px
}

#whowearebox a{
	color:#950202;
	text-decoration:none;
	padding:0 0 0 145px;	
}

#whowearebox a:hover{
	text-decoration:underline;
}

#whatwedobox{
	width:214px;
	height:214px;
	overflow:hidden;
	background:url(../images/whatwedobox.png) no-repeat;
}

#whatwedobox ul{
	margin:0 0 0 14px;
	padding:40px 8px 0 12px; 
	line-height:17px
}

#whatwedobox a{
	color:#950202;
	text-decoration:none;
	padding:0 0 0 145px;	
}

#whatwedobox a:hover{
	text-decoration:underline;
}

#ongoingbox{
	width:488px;	
	border-bottom:1px solid #b51634;
	background:url(../images/ongoingbg.png) repeat-y;
}

#servicesbox {
	width:488px;
	height:150px;
	background:url(../images/servicesbox.png) no-repeat;
}

#additionalservicesbox{
	width:242px;
	height:90px;
	background:url(../images/additionalservicesbox.png) no-repeat;
}

#additionalservicesbox ul{
	margin:0 0 0 10px;
	padding:22px 8px 0 12px; 
	line-height:15px
}

#newsbox{
	width:222px;
	height:132px;
	background:url(../images/newsbox.png) no-repeat;
}

#newsitems{
	padding:28px 8px 0 8px;
}

.productbox {	
	width:147px;
	height:252px;
	float:left;
	overflow:hidden;
}

.detailsbox{
	width:472px;
	height:200px;
	background:url(../images/detailsbox.png) no-repeat;
	padding:0 8px;
}

.detailstitle{
	padding:5px 0 0 0;
	font-size:12px;
	font-weight:bold;
}

.detailsimage{
	width:170px;
	height:160px;	
	overflow:hidden;
	float:left;
}

.detailstext{
	width:290px;
	height:160px;	
	overflow:hidden;
	float:left;
	padding:0 0 0 10px;
	line-height:16px;
}

#contactbox{
	width:214px;
	height:133px;
	overflow:hidden;
	background:url(../images/contactbox.png) no-repeat;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
