body {
	min-height:101%;
	background: url(../images/bg.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	html {
	
	height:100%
	}

	#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 795px;
	text-align: center;


	height: 530px;
	margin: -265px 0px 0px -398px;
	
	background-color: #FFFFFF;
	
	
	
 

	}
	
	#wrapper{
	text-align: left;
	color: #666666;
	width: 735px;
	height: 475px;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 30px;
	top: 30px;
	}
	

	.clear {
	clear:both
	}
	
	img {
	border:0;
	margin: 0px;
	padding: 0px;
	}



	/*  Header
	---------------------------------------------------------*/
	#header{
	height: 110px;
	clear: both;
	margin-bottom: 20px;
	}
	
	#header	.logo{
	float:left;
	width: 190px;
	padding-top: 25px;
	}
	
	
	#header	h1{
	float:left;
	width: 300px;
	text-indent: -9999px;
	padding-top: 27px;
	}
	
	#header .services{
	background-image: url(../images/headers/header_services.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	#header .responsibilities{
	background-image: url(../images/headers/header_responsibilities.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	#header .clients{
	background-image: url(../images/headers/header_clients.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	#header .contact{
	background-image: url(../images/headers/header_contact.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	/*  Sel work nav
	---------------------------------------------------------*/

	#nav-cases{
	float:left;
	width: 540px;
	}
	
	#nav-cases ul{
	padding: 0px;
	list-style-type: none;
	margin: 0px;
	}
	
	#nav-cases li{
	font-size: 0.90em;
	font-weight: bold;
	line-height: 130%;
	display: inline;
	}
	
	#nav-cases li a {
	color: #666666;
	text-decoration:none;
	}
	
	#nav-cases li a:hover, #nav-cases .active {
	color: #99cc00}
	
	#nav-cases span{
	padding-right: 5px;
	padding-left: 5px;
	}
	

	

	/*  Main Cols
	---------------------------------------------------------*/

	#col-left{
	float:left;
	width: 190px;}
	
	#col-middle{
	float:left;
	width: 345px;
	padding-right: 20px;
	height:349px;
	overflow:hidden;	
}
	
	#col-right{
	float:left;
	width: 170px;
	height:349px;
	overflow:hidden;
	padding-left: 10px;
	padding-right: 0px;}
	

	/*  Main Navigation
	---------------------------------------------------------*/
	
	#nav {
	}

	#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
	#nav li {
	font-size: 0.90em;
	font-weight: bold;
	line-height: 130%;	
	}

	.first {
	font-size:0.65em!important;
	line-height: 150%!important;	
	}
	
	#nav li a {
	color: #666666;
	text-decoration:none;
	}
	
	#nav li a:hover, #nav .active {
	color: #99cc00}


	/*  Logos
	---------------------------------------------------------*/
	
	.logos-left{
	padding-top: 20px;
	}
	
	/*  Footer
	---------------------------------------------------------*/
	
	.footer{
	font-size:0.65em;
	font-weight: bold;
	bottom: 0px;
	position: absolute;
	}
	


	/*  Main Col
	---------------------------------------------------------*/
	#col-middle .padtop{
	margin-top: 5px;
	}
	
	#col-middle h2, #clients h2{
	font-size:0.65em;
	line-height: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
	
	#col-middle p{
	font-size: 0.90em;
	line-height: 120%;
	margin: 0px;
	padding-top: 10px;	
	}
	
	.top{
	padding-top: 0px!important;	
	}
	
	#col-middle p a, p a{
	color: #666666;
	text-decoration:underline;
	}
	
	#col-middle p a:hover, strong, p a:hover{
	color: #99cc00;
	font-weight: normal;
	}

	/*  Right Col 
	---------------------------------------------------------*/
	
	#col-right h2{
	font-size: 0.9em;
	line-height: 120%;
	padding: 15px 0px 0px;
	color: #00aaac;
	margin: 0px;
	}
	
	#col-right .case{
	font-size: 0.75em;
	line-height: 120%;
	padding: 15px 0px 0px;
	color: #666666;
	margin: -15px 0px 0px;	
	}
	
	
	
	#col-right p{
	font-size: 0.7em;
	line-height: 120%;
	margin-top: 5px;
	padding-top: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
	
	#col-right h3{
	font-size: 0.7em;
	line-height: 120%;
	color: #00aaac;
	margin: 0px;
	padding: 10px 0px 0px;
	}
	
	#col-right strong{
	color: #00aaac;
	font-weight: normal;
}

	#col-right {
	color: #666666;
	font-weight:bold;
}

	#col-right h2 strong{
	color: #99cc00;
	font-weight: bold;
		
}

	#col-right p strong{
	color: #666666;
	font-weight: bold;
	}
	
	#col-right .highlight{
	font-size: 0.7em;
	line-height: 130%;
	font-weight: bold;
	color: #99cc00;
	margin:0px;	
}
	
	
	/*  Right Col - Homepage
	---------------------------------------------------------*/
	
	#homepage p{
	font-size: 0.7em;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	}
	
	#homepage strong{
	color: #00aaac;
	font-weight: normal;
	}
	
	/*  Cols - Clients
	---------------------------------------------------------*/
	
	
	#clients{
	
	}
	
	#clients p{
	font-size: 0.7em;
	line-height: 130%;
	padding-top:0px;
	margin:0;}
	
	#clients .col-left{
	float:left;
	width: 170px;}
	
	#clients .col{
	float:left;
	width: 170px;
	padding-left:17px;}
	
	
	
	/*  Cases
	---------------------------------------------------------*/
	
	
	#cases{
	
	}
	
	#cases .pic{
	padding-top: 15px;
	}
	
	#cases .numbers{
	float:left;
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	}
	
	#cases .nav{
	width:120px;
	height:50px}
	
	#cases .arrows{
	float:left;
	height: 15px;
	width: 11px;
	}
	
	#cases .inactive{
	visibility:hidden;
	
	}
	
.logos-left_02 {
	padding-top: 0px;
}