@charset "utf-8";
body { margin:0; padding:0; width:100%; 
	background: #222 url(images/bg.png);}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
h3 {font: normal 13px Arial, Helvetica, sans-serif; color:#32343F; padding:5px 0 5px 25px; margin:0;}
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header {
	margin:0;
	padding:0;
	
}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:359px; float:left;}

/* menu */	
.menu { padding:30px 0 0 0; margin:0 auto; width:600px; float:right; }

.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover {  background: url(images/r_menu.gif) no-repeat right;text-decoration:none;}
.menu ul li a:hover span {   background:url(images/l_menu.gif) no-repeat left;text-decoration:none;}
.menu ul li a.active {  background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span {   background:url(images/l_menu.gif) no-repeat left;}

/* 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;
	height:412px;
	
}
.header_text_bg2 {
	margin:0;
	padding:19px 0 0 0;
	height:98px;
	background-image: url(images/h2.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.header_text2 {
	margin:0 auto;
	padding:5px 10px;
	width:938px;
	border:1px solid #373737;
	background: #272727;
}
.header_text2 h2 { width:280px; float:left; margin:0; padding:10px 0 0 10px; font: normal 14px Arial, Helvetica, sans-serif; color:#989797;}
.header_text2 p { width:350px; float:right; margin:0; padding:10px 0 0 10px; font: normal 11px Arial, Helvetica, sans-serif; color:#686868;}
/*header_text*/
.header_text {
	width:938px;
	border:1px solid #373737;
	height: 42px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/theader.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.header_text h2 {
	color:#2E2E2E;
	padding:5px 0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.header_text h2 span {
	color:#444651;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.header_text img { float:right; margin:0; padding:5px 0 0 0;}
/*header_text portfolio*/
.header_textp {
	margin:0 auto;
	padding:5px 15px;
	width:938px;
	background-image: url(images/portfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_textp h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0 5px 25px; margin:0;}
.header_textp h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_textp img { float:right; margin:0; padding:5px 0 0 0;}
/*header_text contact*/
.header_textc {
	margin:0 auto;
	padding:5px 15px;
	width:938px;
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_textc h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0 5px 25px; margin:0;}
.header_textc h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_textc img { float:right; margin:0; padding:5px 0 0 0;}
/*header_text about*/
.header_texta {
	margin:0 auto;
	padding:5px 15px;
	width:938px;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_texta h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0 5px 25px; margin:0;}
.header_texta h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.header_texta img { float:right; margin:0; padding:5px 0 0 0;}

/* Cu3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 50px 0; background:url(images/banner_bg.png) no-repeat bottom; }
#cu3er { background:url(images/slide_bg.jpg) center top no-repeat; height:317px; width:960px; margin:0 auto;}
.slider_cu3er {
	width:497px;
	float:left;
	padding-top: 34px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
}
#cu3er-container { width:457px; outline:0; }
.htext {
	width:400px;
	float:right;
	padding-top: 24px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 5px;
}
.htext h2 {
	padding:10px 0;
	margin:0;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: normal;
}
.htext p {
	padding:10px 0;
	margin:0;
	color:#62AADE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
}
.htext a, a:hover, a:visited {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;color:#fff; text-decoration:none;}
/********** body **********/
.body_resize {
	margin:0;
	padding:0;
	background-color: #fff;
	background-image: url(images/fbg_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.body { width:930px;  margin:0 auto; padding:10px 10px;}
.body h2 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	margin:0;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.body h2 span {
	display:block;
	font: normal 11px/1.6em Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	padding-left: 5px;
}
.body img {
	float:left;
	padding:0;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.body img.portf { margin:5px auto; padding:2px;border:1px solid #ccc;background:#eee;}
.body img.floated { float:right; padding:0; margin:10px 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#595959; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.grey { color:#565656;}
.body strong { color:#272727;}
.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none; color:#4a8094; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.right { width:330px; float:left; padding:5px 10px; margin:0;}
.award {float:left; padding:0; margin:10px 5px;border:none;}
.left { width:560px; float:left; padding:5px 10px; margin:0;}
.left2 { width:940px; float:left; padding:5px 10px; margin:0;}
.block {
	width:400px;
	float:left;
	margin:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #eee;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.right .imgborder {padding:2px; border: 1px solid #eee;background:#ccc;}
.right .imgs {padding:2px; border:none;}
.port { padding:5px 10px;}
.port_resize { width:282px; float:left; margin:0; padding:10px 5px;height:300px;}
.port_resize h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0;  padding:10px 5px;height:45px;}
/*FBG*/
.FBG { background:#f5f5f5; border-top:1px solid #e6e6e6; margin:0; padding:0;border-bottom:3px solid #888;}
.FBG_resize { width:930px; margin:0 auto; padding:20px 10px;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#717171; padding: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 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px; margin:0;}
.FBG_resize .right {width:275px; float:right; margin:0; padding:10px 10px;}
.FBG_resize .left { width:150px; float:right; margin:0; padding:10px 10px;}
/*FBG*/
.FBG2 { margin:0 auto; width:960px; padding:10px 0 0 0;}
.FBG_resize2 { border-bottom:1px solid #e6e6e6; background: #fff;  padding:0;}
/****Recent **/
.Recent2  { width:300px; float:left; padding:10px; margin:10px 0;}
.Recent2 p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 8px; margin:0;border-right:1px dotted #e6e6e6;}
.Recent2 p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent2 img { float: left; margin:9px 9px; padding:0;}
.Recent3  { width:300px; float:right; padding:10px; margin:10px 0;}
.Recent3 p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent3 p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent3 img { float: left; margin:3px 9px; padding:0;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0; background: #222 url(images/bg.png);}
.footer_resize {
	width:930px;
	margin:0 auto;
	padding:0 10px;
	height:99px;
	background-image: url(images/website.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
.footer p {
	color:#89B0D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding-top:5px; float:left;}
.footer p.leftt {
	text-align:left;
	width:400px;
	margin:0;
	float:right;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
} 
/********** contact form **********/
#contactforms { margin:0; padding:5px 10px;}
#contactforms p{ display:block; padding:5px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:right;}
#contactforms ol { margin:0; padding:0; list-style:none;}
#contactforms li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactforms li.buttons { margin:5px 0 5px 0;}
#contactforms label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactforms label span { color:#c30;}
#contactforms input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}

#contactforms li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;background:#fff;}
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;}

/***colours**/
.body p.blue {color : #299dca;}
.body p.orange { color : #de6a01;} 
/*Social Icon setup */
.social
{margin:5px 0 0 0;}
.sitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: none;}

ol.sample {
	list-style-type: decimal;
	list-style-position: outside;color:#4a8094; line-height:16px; font:  12px Arial, Helvetica, sans-serif;
}
ol.sample ol {
	list-style-type: decimal;
}
ul.sample li { font-style: italic; padding-bottom:3px;}
ol.sample li { font-style: italic; }
ol.sample ol { font-style: normal; }
.box { margin:0; padding:5px 10px; }

.box  span { color:#c30;}
.requires { color:#c30;}
.blocker {
	border:1px solid #a3a09e;
	margin-bottom:20px;
	padding-bottom:15px;
	margin-top: 120px;
	
	
}
.border { 
clear : both;  
padding : 0 0 0 15px; 
} 
.borderss{border-top : 4px solid #ccc;border-bottom : 1px solid #ccc;margin-top:15px; width: 900px;background: #f0f0f0;

} 
#contentForm {
	display: block;
	width: 660px;
	margin: 0px auto;/*this line will center the page*/
	padding: 15px;
	float: left;
	background: url(images/linesback.gif);
	border:1px solid #eee;
}

#contentForm p{
	clear: left;
	margin: 0;
	padding: 5px 10px 8px 0;           
	height: 1%;
}

/* and now the form itself */


#contentForm .buttonss {cursor: pointer;
	border: none;
	font-weight: bold;
	background: url(images/submit.jpg) no-repeat left top;
	width: 90px;
	height: 40px;
	color:#fff;}

span.required{
	font-size: 13px !important;
	color: #c30 !important;
}
.buttonss {cursor: pointer;
	border: none;
	font-weight: bold;
	background: url(images/submit.jpg) no-repeat left top;
	width: 90px;
	height: 40px;
	color:#fff;}
	
	#option {
	background: url(images/linesback.gif);
	border:1px solid #a3a09e;
}
	#option input, textarea, select {
	
	background: #F5F5F5;
	border: 1px solid #ccc;
	float: left;
	display:block;
	margin:5px;
}
#option .buttonss {cursor: pointer;
	border: none;
	font-weight: bold;
	background: url(images/submit.jpg) no-repeat left top;
	width: 90px;
	height: 40px;
	color:#fff;}