@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg-main.jpg) repeat-x #f6f6f6;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
}
a{
	color:#da891e;
	text-decoration:none;
}
a:hover{
	color:#000000;
}



#container{
	width:965px;
	margin:0 auto;
}
#header{
	height:272px;
	background:url(../images/bg-top-box.jpg) no-repeat 190px 8px;
}
#header h1{
	background:url(../images/logo.gif) no-repeat 30px 15px;
	text-indent:-1000px;
	width:220px;
	height:96px;
	margin:0;
	padding-left:20px;
	float:left;
}
/* header menu */
#header ul {
	margin:8px 0 1px 0;
	font-weight:bold;
	float:right;
	width:525px;
}
#header li {
	display: inline;
}
#header li a {
	float: left;
	display: block;
	padding:0 20px;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border-right: 1px solid #ededed;
	border-left: 1px solid #fff;
	line-height:90px;
}
#header li a:hover {
	background:url(../images/bg-menu-hover.jpg) repeat-x #FFF;
	color: #f57f00;
}
#header li a.current  {
	background:url(../images/bg-menu-hover.jpg) repeat-x #FFF;
	color: #f57f00;
}


#header #banner{
	height:113px;
	background:url(../images/bg-trobex-banner.jpg) no-repeat;
	clear:both;
	padding:60px 0 0 400px;
	display:block;
	color:#FFFFFF;
}
#header #banner h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:normal;
	margin:0;
}
#header #banner h3{
	font-size:24px;
	font-weight:normal;
	letter-spacing:2px;
	margin:0;
}
#header #banner h4{
	font-size:14px;
	font-weight:normal;
	margin:0;
	float:left;
	letter-spacing:3px;
}
#header #banner .starthere{
	float:right;
	background:url(../images/start-icon.gif) no-repeat;
	line-height:22px;
	padding-left:24px;
	font-size:14px;
	margin-top:14px;
	width:80px;
	display:block;
}
#header #banner .starthere a{
	color:#FFFFFF;
}
#content{
	width:965px;
	background:url(../images/bg-content.jpg) no-repeat;
}
#leftcontent{
	width:234px;
	padding:30px 18px;
	float:left;
	color:#2d2d2d;
	background:url(../images/bg-news.jpg) no-repeat 0 106px;
	padding-bottom:40px;
}
#leftcontent p{
	margin:4px 0 12px;
}
#news{
	padding-bottom:8px;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:14px;
}
#news h2{
	background:url(../images/news-icon.gif) no-repeat;
	padding-left:55px;
	color:#4d93c7;
	font-size:18px;
	font-weight:normal;
	line-height:33px;
	margin:0 0 6px 0;
}
#news h3{
	background:url(../images/news-small-icon.jpg) no-repeat;
	padding-left:26px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin:0;
}
#news h3 a{
	color:#000000;
	text-decoration:none;
}
#news h3 a:hover{
	color:#da891e;
}
#customerservice{
	background:url(../images/bg-customer-service.jpg) no-repeat;
	padding:14px 0 0 68px;
	height:66px;
	margin-bottom:50px;
}
#customerservice .title{
	color:#8295cf;
	font-size:14px;
	margin:0 0 4px 0;
}
#customerservice .phone{
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f57900;
}
#slogan{
	height:72px;
	text-indent:-1000px;
	background: url(../images/slogan.jpg) no-repeat;
}
#rightcontent{
	width:645px;
	padding:40px 25px;
	float:left;
	line-height:18px;
	color:#2d2d2d;
}
#rightcontent p{
	margin:4px 0 22px;
}
#rightcontent h2{
	margin:0 0 22px 0;
	padding:0;
	font-size:24px;
	font-weight:normal;
	color:#6b9eb3;
}
#rightcontent h3{
	background: url(../images/icon1.jpg) no-repeat;
	font-size:18px;
	color:#6b9eb3;
	font-weight:normal;
	padding:0 0 5px 22px;
	margin:0 0 5px 0;
	border-bottom:1px solid #e4e8ed;
}
#rightcontent h3.testi{
	background:url(../images/testi-icon.jpg) no-repeat;
	font-size:18px;
	color:#6b9eb3;
	font-weight:normal;
	line-height:28px;
	padding-left:40px;
	margin:0 0 5px 0;
	border:none;
}
#rightcontent h3.download{
	background:url(../images/picto-download.gif) no-repeat;
	font-size:18px;
	color:#6b9eb3;
	font-weight:normal;
	line-height:50px;
	padding-left:80px;
	margin:0 0 5px 0;
	border:none;
}
#bottom{
	background:#424242;
	color:#b4b4b4;
}
#bottomcontent{
	width:921px;
	margin:0 auto;
	padding:22px;
}
#bottomcontent h2{
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	margin:0 0 10px 0;
	font-weight:normal;
}
#ourapproach{
	width:313px;
	float:left;
	margin-right:20px;
	display:block;
}
#clientlist{
	width:313px;
	float:left;
	margin-right:20px;
	display:block;
}
#clientlist ul{
	margin:0;
	padding:0;
}
#clientlist ul li{
	list-style:none;
	line-height:25px;
	border-bottom:1px solid #686868;
	background:url(../images/arrow.gif) no-repeat 2px 8px;
	padding-left:18px;
}
#address{
	width:245px;
	float:left;
}
#footer{
	background:url(../images/bg-footer.jpg) repeat-x;
	height:78px;
}
#footercontent{
	width:941px;
	margin:0 auto;
	padding:20px 0 0 24px;
	line-height:20px;
	color:#838383;
}
#footercontent a{
	text-decoration:none;
	color:#838383;
}















.leftbox{
	width:48%;
	float:left;
}
.rightbox{
	width:48%;
	float:right;
}
.imgleft{
	padding:5px;
	background:#FFF;
	border:1px solid #d9d9d9;
	float:left;
	margin:0 10px 6px 0;
}
.imgright{
	padding:5px;
	background:#FFF;
	border:1px solid #d9d9d9;
	float:right;
	margin:0 0 6px 10px;
}
.imgleftnoborder{
	float:left;
	margin:0 10px 3px 0;
}
.imgrightnoborder{
	float:right;
	margin:0 0 3px 10px;
}
.box{
	background-color:#f2f2f2;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	padding:14px 20px;
	margin-bottom:28px;
}
.clear{
	clear:both;
	line-height:1px;
}
a.readmore {
	text-decoration: none;
	color:#da891e;
	padding-left:24px;
	background:url(../images/arrow2.jpg) no-repeat 0 0;
	line-height:14px;
}
a.readmore:hover{
	color:#000000;
}
a.readmoreblue {
	text-decoration: none;
	color:#da891e;
	padding-left:14px;
	background:url(../images/more-icon-blue.gif) no-repeat 0 3px;
}
a.readmoreblue:hover{
	color:#000000;
}
a.readmoregreen {
	text-decoration: none;
	color:#da891e;
	padding-left:14px;
	background:url(../images/more-icon-green.gif) no-repeat 0 3px;
}
a.readmoregreen:hover{
	color:#000000;
}
.smalldownload{
	background:url(../images/download-icon.jpg) no-repeat;
	line-height:30px;
	padding-left:35px;
	display:block;
}
.pdfownload{
	background: url(../images/pdf-icon.gif) no-repeat;
	line-height:30px;
	padding-left:35px;
	display:block;
}
.backtotop{
	background:url(../images/top.gif) no-repeat 0 3px;
	line-height:14px;
	padding-left:14px;
	display:block;
}







/* form elements */
form {
	padding: 0 15px;
	border: 1px solid #eee; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #d4d4d4;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #d4d4d4;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #88ac0b;
}