/*---------- ------ ----------*/
/*------- CSS Document -------*/
/*------- Open E-commerce ---*/
/*---------- ------ ----------*/

/*------- Basic elements -----*/
/*---------- ------ ----------*/
html {
  overflow-y: scroll;
} 
body{
	margin:0 auto; 
	padding:0; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px; 
  color:#000000;   
}
body.home{
	background:url(../images/home-bg.jpg) #cccccc no-repeat center top;  
}
body.content{
	background:url(../images/content-bg.jpg) #cccccc no-repeat center top;  
}
body.contact{
	background:url(../images/contact-bg.jpg) #cccccc no-repeat center top;  
}
a{  
  color:#000000;
}
h2{
  color:#999999;
  font-size:18px;
  line-height:34px;
  font-weight:normal;
  letter-spacing:1px;
}
h3{
  color:#000000;
  font-size:14px;
  font-weight:bold;
  margin-top:20px;
}
.bold{
  font-weight:bold;
}
/*------- Wrapper ------------*/
.wrapper *{/*border:	1px solid blue;*/}
.wrapper{
	width:920px;
	height:auto; 	
	margin:0 auto;
}
/*---------- ------ ----------*/
/*------- Header -------------*/
/*---------- ------ ----------*/
.header{
	width:850px;
	height:100px; 
	margin:0 auto;
  padding-left:70px;
	text-align:left; 
}
/*------- Navigation ---------*/
.nav_holder{
	float:left;
	width:490px;
	margin-top:59px;
	height:41px; 
}
.nav_holder ul{
  height:17px; 
}
.nav_holder ul li{
  list-style:none;
  float:left;
  margin:0px;
  padding:0px 10px;
}
.nav_holder ul li a{
	text-decoration:none;
}
.nav_holder ul li.blue a{
	color:#00CCFF;
	font-weight:bold;	
}
.nav_holder ul li a:hover,
.nav_holder ul li a.selected
{
  color:#9c9c9c;
}
.nav_holder ul li p{
  color:#ccc;  
}
/*------- Sub Navigation ---------*/
.nav_holder ul.sub-menu{
  clear:left;
  width:460px;  
  margin:3px 0 0 0;
  padding:0;
}
.nav_holder ul.sub-menu li{
  list-style:none;
  float:left;
  margin:0;
  padding:0 0 2px 0;
}
.nav_holder ul.sub-menu li a{
  margin:0;
  padding:0px 10px 4px 10px;  
  background:#e1e1e1;
}
.nav_holder ul.sub-menu li a:hover,
.nav_holder ul.sub-menu li a.active{
  background:#ffffff;
}
/*------- Logo ---------------*/
.logo_holder{
	float:right;
	width:245px;
	height:75px;
}
/*---------- ------ ----------*/
/*------- Main contents ------*/
/*---------- ------ ----------*/
.main{ 
	width:850px;
	height:auto; 
	margin:0px auto; 
	text-align:left; 
	padding:0px;
	padding-left:70px;
}
.main .inner{
  width:690px;
  margin-top:-1px;
  padding:45px 10px 10px 0px;
  height:auto; 
  background:#fff;
}
.main .full_content{
  width:615px;
  height:auto; 
  padding-left:65px;  
}
.main .full_content p{
  width:440px;
  height:auto; 
  margin-top:5px;
}
.main .large_content p{
  width:360px;
  height:auto; 
  margin-top:15px;
}
.main .large_content{
  float:left;
  clear:left;
  padding-left:65px;
  width:375px;
  height:auto;  
}
.main .small_content{
  float:left;
  margin-left:6px;
  clear:right;
  width:220px;
  padding-left:10px;
  height:auto;
}
.main .small_content .sales{
  width:170px;
  height:106px;
  padding-left:20px;
  background:url(../images/sales-bracket.jpg) no-repeat center top; 
}
.main .small_content .sales p{
	text-align:center;
	color:#999999;
  width:150px;
	padding-top:35px;
	font-weight:bold;  
}
.bracket-open{
	color:#000000;
	font-weight:bold;
	margin: 0px 7px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.bracket-close{
	color:#000000;
	font-weight:bold;
	margin: 0px 0px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
}
/*------- Sector page -------------*/
/*------- Service page -------------*/
ul.listings{
  margin:20px 0px 0px 30px;
  width:430px;
}
ul.listings li{
  list-style:disc;
}
/*------- Sector/Service page -------------*/
.main .bg_sector p,
.main .bg_service p{
  width:440px;
  height:auto; 
  margin-top:25px;
}
h2.space{
  padding:15px 0px;
}
/*------- Clients page -------------*/
.dotted_line{
  margin:25px 0px 25px 25px;
}
.clients h3{
  color:#666;
  clear:both;
}
.clients a{
  float:left;
  margin:10px 10px 10px 0px;
}
.clients div{
  float:left;
  margin:10px 10px 10px 0px;
}
.clients a img, .clients div img{
  width:160px;
  height:70px;
}
/*------- Client Details page -------------*/
.client_details h2{
  float:left;
}
.client_details .logo{
  float:left;
  clear:left;
  width:160px;
  height:70px;
  margin:60px 0px 10px 0px;
}
.client_details .case_study{
  float:right;
  margin-right:30px;
  width:210px;
  height:180px;
}
.case{
 text-align:center;
}
.case img{
  width:160px;
  height:70px;
}
.large_content ul{
  list-style-type: disc;  
  margin:8px 0px 0px 20px;
}
.large_content ul li{
  margin:2px;  
}
/*------- Partners page -------------*/
.main .full_content .partners p{
  width:90%;
}
.main .full_content .partners .item{
  clear:both;
  padding:0px 0px 20px 0px;
}
.main .full_content .partners .item a{
  vertical-align:middle;
  vertical-align: middle;
}
.main .full_content .partners .item a.left{
  float:left;
  width:180px;
  height:80px;
}
.main .full_content .partners .item p{
  float:right;
  width:420px;
}
/*------- More page -------------*/
.more ul{
  margin:10px 0px 0px 0px;  
}
.more ul li{
  margin:5px 0px;  
}
/*------- Contact page -------------*/
.main .large_contact{
  float:left;
  width:465px;
  height:450px; 
  /*background:url(../images/map.jpg) no-repeat left top; */  
  border:1px solid #ccc;  
}
.main .small_contact{
  float:left;
  margin:0px 10px 0px 30px;
  width:145px;
  padding-left:10px;
  height:auto;
}
.footer-clients{ 
	width:850px;
	height:50px; 
	margin:10px auto; 
	text-align:left; 
	padding:0px;
	padding-left:70px;
}
.footer-clients .inner{
  width:700px;
  padding:5px 0px 5px 0px;
  height:30px; 
  background:#fff;
  vertical-align:middle;
}
.footer-clients .inner *{
  vertical-align:middle;
}
.footer-clients a img{ 
	width:92px;
  margin-right:5px;
}
.footer-clients a img.last{ 
  margin-right:0px;
}
/*---------- ------ ----------*/
/*------- Footer -------------*/
/*---------- ------ ----------*/
.footer{ 
	width:850px;
	height:50px; 
	margin:0px auto; 
	text-align:left; 
	padding:0px;
	padding-left:70px;
}
.footer .inner{
  width:680px;
  padding:25px 10px 5px 10px;
  height:20px; 
  background:#fff;
}
.footer .inner p{
  color:#999999;
  font-size:10px;
  height:20px;
  float:left;
}
.footer .inner p a{
  color:#999999;
  font-size:10px;
  height:20px;
  text-decoration:none;
}
.footer .inner p a:hover{
  color:#999999;
  font-size:10px;
  height:20px;
  text-decoration:underline;
}
.black{
	color:#000000;
}
.footer .inner p.fr{
	float:right;
}
/*---------- ------ ----------*/
/*------- Class Clear --------*/
/*---------- ------ ----------*/
.clear:after{
	content: ".";
	display:block;
	clear:	both;
	visibility:hidden;
	line-height:	0;
	height:	0;
} 
.clear{
	display:inline-block;
} 
html[xmlns] .clear{
	display:block;
} 
* html .clear {
	height:	1%;
}
/*---------- ------ ----------*/
/*---------  hack ------------*/
/*------- to force a ---------*/
/*--- scrollbar in firefox ---*/
/*---------- ------ ----------*/
/*
#scroll {
  position:absolute;
  top:0;
  bottom:-0.1px;
  width:1em;
  z-index:-1; 
}
*/