body { margin:0; padding:0; width:100%; background:#f1f1f1; 
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#333333;
	  line-height:18px;
	  }

body1 { margin:0; padding:0; width:100%; background:#000000; }

html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* 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:226px; float:left;}




/* menu */	
.menu_resize { width:960px; margin:0 auto; padding:0; background: #525252;}
.menu { padding:0; margin:0; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 10px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #333;}
.menu ul li a:hover { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}
.menu ul li a.active { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}



/* search */
.search { padding:0px 0px 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:144px; padding:0 0px 0 0; height:0px;}
.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:0; background:#f1f1f1;}
/*header_text*/
.header_text { margin:0 auto; padding:20px 0 57px 0; width:960px; background:url(images/screen_t.jpg) bottom no-repeat;}
.header_text_blog { height:92px; width:991px; background: url(images/header_text_blog_bg.gif) top no-repeat; padding:0; margin:0;}
.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}
/*top_text*/
.top_text { background:#f5f5f5; border:1px solid #ddd; width:958px; margin:0 auto 20px auto; padding:0;}
.top_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px; margin:0; line-height:1.8em;}
.top_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; border-bottom:1px solid #e2e2e2;}
.top_text a { color:#1f1f1f; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.top_text img { float:left; margin:5px 10px; padding:0;}
.top_text .block { width:450px; float:left; padding:5px; margin:0 0 0 7px;}
/********** body **********/
.body_resize { margin:0; padding:0;  background:#F8F8F8; border-top:1px solid #999;}
.body { width:960px;  margin:0 auto; padding:10px 30px;}
.body h2 { border-bottom:1px solid #dedede; font: bold 20px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:10px 5px;}
.body h2 span {  font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0;}
.body h3 { font: bold 12px Arial, Helvetica, sans-serif; color:#454646; border-bottom:1px solid #dedede;  margin:0;  padding:10px 5px;}
.body img { float:left; padding:0; margin:10px 5px;}
.body img.port { float:left; padding:0; margin:5px 1px;}
.body img.floated { float:right; padding:0; margin:0 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#8e8e8e; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none; color:#333333; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body_small { width:340px; float:right; margin:5px 0 5px 15px; padding:0;}
.body_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.body_all_projects { width:880px; float:left; margin:5px 0 5px 5px; padding:0;}
.body_all_projects div { width:400px; height:164px; float:left; padding:0; margin-top:20px; margin-left:20px; border: #CCCCCC solid 1px;}
.body .block2 { width:270px; margin:5px; padding:0; float:left;}
/* END_bloga*/

/********** body **********/
.body_resize1 { margin:0; padding:0;  background:#FFF; border-top:1px solid #999;}
.body { width:960px;  margin:0 auto; padding:10px 30px;}
.body h2 { border-bottom:1px solid #dedede; font: bold 20px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:10px 5px;}
.body h2 span {  font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0;}
.body h3 { font: bold 12px Arial, Helvetica, sans-serif; color:#454646; border-bottom:1px solid #dedede;  margin:0;  padding:10px 5px;}
.body img { float:left; padding:0; margin:10px 5px;}
.body img.port { float:left; padding:0; margin:5px 1px;}
.body img.floated { float:right; padding:0; margin:0 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#8e8e8e; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none; color:#333333; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body_small { width:340px; float:right; margin:5px 0 5px 15px; padding:0;}
.body_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.body .block2 { width:270px; margin:5px; padding:0; float:left;}
/* END_bloga*/



/*************footer**********/
.footer {padding:0 0 20px 0;  margin:0 auto;  border-top:1px solid #ddd; }
.footer_resize { margin:0 auto; padding:10px 0 0 0; width:960px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#676767;}
.footer a { font: normal 11px Arial, Helvetica, sans-serif; color:#676767; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:310px; margin:0; padding:15px 0 0 0; float:right;} 
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444444; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #e7e7e7; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:420px; border:1px solid #e7e7e7; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 420px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-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;}

.link, .link a:link, .link a:visited
	{font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	}
.link a:hover
	{font-family:Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	line-height:20px;
	}

.heading
	{
	font-family:"Trebuchet MS", Arial, Tahoma, Verdana;
	color:#333333;
	font-weight:bold;
	font-size:16px;
	}
.sub-heading
	{
	font-family:"Trebuchet MS", Arial, Tahoma, Verdana;
	color:#5c8d26;
	font-weight:bold;
	padding-top:10px;
	font-size:14px;
	}
	
	

.img-layout-text a, .img-layout-text a:link, .img-layout-text a:visited{
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	}
.img-layout-text a:hover{
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	color:#009966;
	text-decoration:none;
	}
	


.handle{
	background:transparent url(send-enquiry.png) repeat-x center top !important;
	width:30px !important;
	height:161px !important;
	z-index:9999;
}
.slide-out-div{
	padding: 2px;
	width: 225px;
	background-color:#cccccc;
	z-index:9999;
	height:260px !important;
}

.slide-out-div input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.slide-out-div select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.slide-out-div textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.red{
	color:#FF0000;
}



#button {
	width:172px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #333;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#button li {
	margin: 0;
	list-style: none;
	list-style-image: none;
	margin-top:4px;
}
	
#button li a {
	display: block;
	padding-left:50px;
	height:32px;
	line-height:32px;
	background-image:url(images/project-btn01.jpg);
	color: #333;
	text-decoration: none;
	width: 100%;
}

#button li a:hover {
	background-image:url(images/project-btn02.jpg);
	color: #000;
}

.info-link, .info-link a, .info-link a:link, .info-link a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight: normal;
	text-decoration: none;
	}

.info-link a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight: bold;
	text-decoration:underline;
	}
.project-img{float:right; margin-left:20px;	border: 6px solid #5c8d26;}


.project-heading {
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:18px; 
	font-weight:normal; 
	color:#333333; 
	padding-left:10px;
	line-height:2.0;
	}
.project-heading-sub {
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:14px; 
	font-weight:normal; 
	color:#666666;
	line-height:1.5;
	}

#view-all-project a:link, #view-all-project a:visited{
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:16px;
	color: #666666;
	text-decoration: none;
	}

#view-all-project a:hover{
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:16px;
	color: #77A12F;
	text-decoration: none;
	}

.view-details a:link, .view-details a:visited{
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:12px;
	color: #043C92;
	text-decoration: underline;
	text-align: right;
	padding-right:10px;
	margin: 0px;
	padding:0px;
	float:right;
	}

.view-details a:hover{
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana;
	font-size:12px;
	color: #666666;
	text-decoration: none;
	}