/* CSS Document */

body {
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
body.zero {
	margin:0;
	}
	
div.hr {background: #686868 url(../images/hr.gif) repeat-x scroll center; height: 4px;width:470px;}
div.hr hr {display: none}	

.left {float:left;}
.clear {float:none;}

/* map link */
a.map {text-decoration:none;color:#FFFFFF;}
a.mapwidth {width:20px;}
a:hover.map {text-decoration:underline;color:#FFFFFF;}
#external {
	position:absolute;
	top:466px;
	left: 10px;
	height:15px;
	width:25px;
	background: transparent url(../images/icon_external.gif) no-repeat;
}
/* dividing the page */
#colleft, #colcenter, #colright {position:absolute;top:0;text-align:left;}

#colleft {width:230px;left:10px;}
#colcenter {width:170px;padding-top:250px;left:240px;}
#colright {width:470px;padding:50px 30px 20px 30px;left:410px;}

#logo {
	position:relative;
	top:50px;
	left:10px;
	}
	
#shadowbox {
	position:relative;
	left:250px;
	background:url(../images/shadow-box.png) no-repeat;
	width:219px;
	height:63px;
	text-align:center;
	}
#shadowbox p {
		padding:20px;
		font-size:1.2em;
		}
		
#pagedata {
	position:relative;
	top:20px;
	font-size:1.1em;
	}
#pagedata div img {
	float:left;
	margin:0 20px 20px 0 !important;
	margin:0 20px 0 0;
	}
#pagedata div p {
	position:relative;
	left:0px;
	top:0px;
	}

#section2, #section3 {
	position:relative;
	top:20px;
	}
.linklist {
	float:left;
	margin-top:0px !important;
	margin-top:30px;
	}
	
	
/* Sprite positioning */
#small-icons {position:absolute;top:450px;left:15px;}
.home, .email, .sitemap, .pipe {background:url(../images/small-icons.png) no-repeat;width:11px;cursor:pointer;display:-moz-inline-box;
	display:inline-block;
	overflow:hidden;
	text-indent: -3000px;
	*text-indent:0px;
	font:0/0 Arial;
	color:rgba(255,255,255,0);
	vertical-align:bottom;
	
	margin-right:25px;
}
.home {background-position:0 0;height:9px;}
.home:hover {background-position:-11px 0;}
.sitemap {background-position:0 -9px;height:11px;}
.sitemap:hover {background-position:-11px -9px;}
.email {background-position:0 -20px;height:8px;}
.email:hover {background-position:-11px -20px;}
.pipe {background-position:-22px 0;height:13px;width:1px;}


#small-icons ul li {
	display:inline;
	height:20px;
	margin-right:25px;
	}
	
#info {margin-bottom:15px;}
	
	
/* Main nav positioning */
	
#nav-buttons {position:absolute;top:300px;left:-35px;}
.about, .products, .services, .contact, .personnel {background:url(../images/nav-buttons.png) no-repeat; width:180px;height:40px;

display:-moz-inline-box;
	display:inline-block;
	overflow:hidden;
	text-indent: -3000px;
	*text-indent:0px;
	font:0/0 Arial;
	color:rgba(255,255,255,0);
	vertical-align:bottom;}

li div.about {background-position:0 0;}
li a:hover.about {background-position:0 0;}
li a.about {background-position:-180px 0;}

li div.services {background-position:0 -40px;}
li a:hover.services {background-position:0 -40px;}
li a.services {background-position:-180px -40px;}

li div.personnel {background-position:0 -80px;}
li a:hover.personnel {background-position:0 -80px;}
li a.personnel {background-position:-180px -80px;}

li div.products {background-position:0 -120px;}
li a:hover.products {background-position:0 -120px;}
li a.products {background-position:-180px -120px;}

li div.contact {background-position:0 -160px;}
li a:hover.contact {background-position:0 -160px;}
li a.contact {background-position:-180px -160px;}



#colcenter ul {
	list-style:none;
	}
#colcenter ul li {
	height:40px;
	}
	
/* subtitle positioning */

.subtitle {background:url(../images/subtitles.png) no-repeat; width:300px;height:17px;margin-bottom:15px !important;
margin-bottom:30px;}

.servicesoverview {background-position:0 0;}
.ourservices {background-position:0 -17px;}
.whatweoffer {background-position:0 -34px;}
.contactus {background-position:0 -51px;}
.personneltitle {background-position:0 -68px;}
.companyprofile {background-position:0 -85px;}
.manufacturers {background-position:0 -102px;}

/* manufacturers page */
#links {border:1px;}
#links tr td {vertical-align:top;}
#links tr td img {border:0px;}
th, td {padding:10px 10px 10px 5px;}

a.external {
   color:#FFF;
   font-weight:bold;
   text-decoration:none;
   padding-right: 18px;
   background: transparent url(../images/icon_external.gif) no-repeat center right;
}
a:hover.external {text-decoration:underline;color:#FFF;}