@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ebebeb; }
html { padding:0; margin:0;}

a { text-decoration:none; color:#a9a8a8; }
a:hover { text-decoration:none; color:#5587BB; }
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background:#ebebeb url(images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:359px; float:left; border-style: none;}
.logo img { border-style: none; }

.text { font: bold 13px Arial, Helvetica, sans-serif; font-color:#475562; }

/*testing nav */
#nav1 {
	margin-top:0;
	margin-left:0;
	float:left;
	display:table-cell;
	list-style:none;
	}


#nav2 {
	margin-top:0px;
	margin-left:13px;
	float:left;
	display:table-cell;
	list-style:none;
	z-index:1003;
	}

	
		
#nav3 {
	margin-top:0px;
	margin-left:13px;
	float:left;
	display:table-cell;
	list-style:none;
	}
	
		
#nav4 {
	margin-top:0px;
	margin-left:13px;
	float:left;
	display:table-cell;
	list-style:none;
	}
	
	
#navtext 	{
	height: 20px;
	width: 100px;
	vertical-align: middle;
	text-align: left;
	postion:absolute;
	list-style-type: none;
	line-height: 19px; 
	padding-left: 10px;
	padding-top: 13px;
	display: block;
	cursor:hand;
	}
		
#navtext ul .item {display:none; list-style-type: none; color:#a9a8a8;  }

#navtext ul:hover .item{ display:block; list-style-type: none; background:#000000; border-bottom: #333333 solid 1px; color:#a9a8a8; width: 163px; margin-left:-49px; padding-top:3px; padding-left:10px; padding-bottom:3px; }

#navtext li li a:hover .item #navtext li li a:active { background:#ffffff; text-decoration:none; color:#a9a8a8;  }
	
#but_consult  {
    padding: 0 0; 
	font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#a9a8a8; list-style-type: none;
	}	
	
	
.buttonabout {
	background: transparent url('images/button_about.jpg') no-repeat top center;
	height: 40px;
	width: 120px;
}

.buttonabout:hover {
	background: transparent url('images/button_about1.jpg') no-repeat top center;
	float:left;
}


.buttonservices {
	background: transparent url('images/button_services.jpg') no-repeat top center;
	height: 40px;
	width: 120px;
}

.buttonservices:hover {
	background: transparent url('images/button_services1.jpg') no-repeat top center;
	float:left;
}

.buttonwork {
	background: transparent url('images/button_work.jpg') no-repeat top center;
	height: 40px;
	width: 120px;
}

.buttonwork:hover {
	background: transparent url('images/button_work1.jpg') no-repeat top center;
	float:left;
}

.buttoncontact {
	background: transparent url('images/button_contact.jpg') no-repeat top center;
	height: 40px;
	width: 120px;
}

.buttoncontact:hover {
	background: transparent url('images/button_contact1.jpg') no-repeat top center;
	float:left;
}

	
	
/* end testing nav */

/* menu */	

.menu { padding:30px 0 0 0; margin:0; width:520px; height:40px; float:right; display:table-row; z-index:1001; position:relative;}



/* search */
.search { padding:15px 0 5px 0; margin:0 auto; width:320px;}
.search form { display:block; float:left; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:263px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg {
	margin:0;
	padding:19px 0 0 0;
	background: transparent url(images/header_text_bg.gif) top repeat-x;
	height:500px;
}
.header_text_bg2 { margin:0; padding:19px 0 0 0; background: transparent url(images/header_text_bg2.gif) top repeat-x; height:118px;}
.header_text2 { margin:0 auto; padding:5px 10px; width:938px;}
.header_text2 h2 {
	width:580px;
	float:left;
	margin:0;
	padding:20px 0 0 20px;
	font: bold 30px Arial, Helvetica, sans-serif;
	color:#fff;
}
.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#686868;}
/*header_text*/
.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }
.header_text h3 { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #0066cc; }
.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0 0 0; margin:0;}
.header_text h4 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; }
.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_text img { float:right; margin:0; padding:5px 0 0 0; z-index:0; position:relative;}


tagline_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #3d87cb;989797;
}

/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 50px 0; background:url(images/banner_bg.png) no-repeat bottom; }
#cu3er-container { width:960px; outline:0;}

/********** body **********/
.body_resize { margin:0; padding:0;  background:#fff;}
.body {
	width:950px;
	margin:0 auto;
	padding:0px 10px 10px 10px;
}
.body h1 {
	font: bold 21px Arial, Helvetica, sans-serif;
	color:#3d87cb;
	margin-top:0px;
	padding:15px 5px 0px 10px;
	vertical-align: top;
}
.body h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-top:0px;
	padding:0px 5px 0px 9px;
	vertical-align: top;
}
.body h2 span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#7d7d7d;}

.body h7 {
	font: bold 21px Arial, Helvetica, sans-serif;
	color:#3d87cb;
	margin-top:0px;
	padding:5px 5px 0px 5px;
	vertical-align: top;
}

.body h7 img{
	font: bold 21px Arial, Helvetica, sans-serif;
	color:#3d87cb;
	margin-top:0px;
	padding:0px 5px 0px 10px;
	vertical-align: top;
}

.body img {
	float:left;
	margin-top:0px;
	vertical-align: top;
	padding: 0px;
}
	
.body img.portf { margin:5px auto; padding:0;}
.body img.floated { float:right; padding:0; margin:10px 5px;}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:1.8em;
	padding:5px 5px 5px 10px;
	margin:0;
	vertical-align: top;
}

.book {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:1.8em;
	padding:0;
	margin:0;
	vertical-align: top;
}

.body p.grey { color:#666666;}
.grey { color:#7d7d7d;}
.body strong { color:#666666;}
.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none; color:#3d87cb; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.right {
	width:950px;
	float:none;
	margin:0 0 0 0;
	height:100px;
	padding-bottom:20px;
}
.left {
	width:560px;
	float:left;
	padding:0px 10px 5px 10px;
	margin:-5px 0 0 0;
	clear: both;
}

/* Consultation form */

.consult_title { color:#4a8094; font: normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; font-weight:bold;}




/* Right Column - White */
.right_inner {
	width:300px;
	float:right;
	margin: 10px 10px 0 0;
	padding:13px 10px;
	text-align:left;

}

.right_inner p { font: normal 11px Arial, Helvetica, sans-serif; color:#717171; padding:5px; margin:0; line-height:1.8em;}
.right_inner ul { list-style:none; margin:10px auto; padding:0;}
.right_inner li { background:url(images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#666666; }
.right_inner a { color:#666666; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.3em;}
.right_inner h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#444444; padding:5px; margin:0;}


.left_inner {
	width:90%;
	float:left;
	margin: 0 10px 0 0;
	padding:13px 20px;
	text-align:left;

}

.left_inner p { font: normal 12px Arial, Helvetica, sans-serif; color:#717171; font-style:italic; padding:5px; margin:0; line-height:1.8em;}
.left_inner ul { list-style:none; margin:10px auto; padding:0;}
.left_inner li { background:url(images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#666666; }
.left_inner a { color:#666666; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.3em;}
.left_inner h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#444444; padding:5px; margin:0;}


/* End Right Column - White */


.block { width:255px; float:left; margin:10px; padding:0;}
.port { padding:5px 10px;}
.port_resize { width:282px; height: 500px; float:left; margin:0; padding:10px 5px;}
.port img{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.port_left { width:564px; float:left; margin:0; padding:10px 1px;}
.port_right { width:282px; float:left; margin:0; padding:10px 5px; 30px; 5px; }
.port_right img { width:auto; float:left; margin:0; padding:5px 5px; 30px; 5px;}

.port_about_left { width:695px; float:left; margin:0; padding:10px 1px;}
.port_about_right { width:auto; float:left; margin:0; padding:10px 20px; 30px; 5px; }
.port_about_right img { width:auto; float:left; margin:0; padding:5px 5px; 30px; 5px; }

.port_services_left { width:890px; float:left; margin:0; padding:10px 0px;}
.port_services_left img { width:auto; float:left; margin:0 20px 0 0; padding:-10px 10px 10px 10px;}

.port_list { width:290px; height:auto; float:left; margin:0; padding:10px 5px;}

.port_casestudies { width:282px; height: auto; float:left; margin:0; padding:10px 5px;}

.port_contact { width:400px; height: auto; float:left; margin:0; padding:10px 5px;}
.port_contact2 { width:360px; height: auto; float:left; margin:0; padding:5px 0;}

.port_consultation { width:950px; height: auto; float:left; margin:0; padding:10px 5px;}



/*FBG - Grey Bottom*/

.FBG { background:#f5f5f5; border-top:1px solid #e6e6e6; margin:0; padding:0;}
.FBG_resize { width:930px; margin:0 auto; padding:20px 10px;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#717171; padding-left:0px; padding-top:5px; padding-bottom:5px; margin:0; line-height:1.8em;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { background:url(images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#717171; }
.FBG_resize a { color:#2a2a2a; font: bold 11px Arial, Helvetica, sans-serif;}
.FBG_resize h2 { font: bold 12px Arial, Helvetica, sans-serif; color:#2a2a2a; padding-left:0px; padding-top:5px; padding-bottom:5px; margin:0;}

.FBG_resize .left {
	width:250px;
	float:left;
	margin:0;
	padding:0px 0px;
	display:inline;
}

.FBG_resize .center {
	width:250px;
	float:none;
	margin-left:0px;
	padding:0px 0px;
	display:inline;
}

.FBG_resize .right {
	width:250px;
	float:right;
	padding:0px 0px;
	display:inline;
	margin-top:0;
	margin-right:0;
}

/* END_bloga*/


/* Footer */
.footer {padding:0;  margin:0; background:url(images/footer_bg.gif) top repeat-x;}
.footer_resize { width:930px; margin:0 auto; padding:0 10px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6d6d6d;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:350px; height:30px; margin:0; padding:22px 0 0 0; float:right;} 

/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:410px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/* table styling */

.bottomcell {
  background-image: url(images/services_03.png);
  background-repeat: no-repeat;
  background-position: top center;
  height:18px;
}
.main .body_resize .body .port table tr td table {
	color: #999;
}