/* CSS Document */

body {
	background: url(../images/body.gif) left top repeat #F8F8F8;
	font-size:12px;
	font-family:Arial;
	color:#666;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	letter-spacing: normal;
	word-spacing: normal;
}
a { text-decoration:none;font:bold; border:0;}
a:hover { color:#EF891A; text-decoration: underline;}
.clr{clear:both;}
#top { width:100%; height:10px; background:#171717;}
#main { width:850px; margin:0 auto;}
#main1 { width:850px; margin:0 auto;}
.main { width:850px; margin:0 auto;}
#logo {width: 100%;}
.logo { width:250px; height:67px; float:left; margin:13px 0 13px 0;}
* {margin:0; padding:0}
.banner {width:578px; height:207px; float:left;}
.sm {list-style:none; width:575px; height:207px; display:block; overflow:hidden; margin: 0 0 0 1px;}
.sm li {float: right; display:inline; overflow:hidden}

.menu { width:257px; height:207px; float: left; display:block;}
.menu ul { padding:0 0 0 20px; margin:0; list-style:none; border:0;}
.menu li { height:30px; margin:4px 0; padding:3px 0;}
.menu li a { border-bottom:2px dotted #BDBDBD; display:block; padding:0 0 10px 0; color:#747474; font: bold 15px Arial, Helvetica, sans-serif;}
.menu li a:hover { color:#EF891A; font: bold 15px Arial, Helvetica, sans-serif;  padding:0 0 10px 0;  margin:0; text-decoration:none;} 
.menu li a.active { padding:0 0 10px 0;  margin:0; color:#EF891A; font: bold 15px Arial, Helvetica, sans-serif;}


#inner { width:850px; margin:0 auto; padding: 30px 0 0 0;}
.inner { width:100%;}
.inner h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 10px 0; border-bottom: 1px #EBEBEB solid; }
.inner span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.inner_img { width:181px; height:181px; margin: 10px 10px 0 0; background:#FFFFFF; border: 2px #EBEBEB solid; float:left;}
.inner_text {float:left; width:100%; height:220px; margin: 10px 0 0 0; text-align:justify;} 
.inner_text p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.inner_text a{ color:#394D67; font: bold 12px Arial, Helvetica, sans-serif;}
.inner_text a:hover {color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}

.inner_left { width:850px; margin: 0 auto;}
.block2 { width:247px; height:150px; margin: 10px 0 10px 0px; padding:0 0 0 10px; float:left; text-align:justify;}
.block2 a {color:#394D67; font: bold 12px Arial, Helvetica, sans-serif;}
.block2 a:hover {color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}
.block3 { width:247px; height:150px; margin: 10px 0 10px 37px; padding:0 0 0 10px; float:left; text-align:justify;}
.block3 a {color:#394D67; font: bold 12px Arial, Helvetica, sans-serif;}
.block3 a:hover {color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}


.inner_left h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 0 5px;}
.inner_left span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.inner_left_img { width:56px; height:56px; margin: 10px 10px 0 0; float:left;}
.inner_left_text {float:left; width:100%; margin: 10px 0 0 0;} 
.inner_left p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.inner_left span { color:#454545; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.8em;}

.inner_right { width:312px; margin: 30px 0 0 0; float: right;}
.inner_right h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 0 5px;}
.inner_right span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.inner_right_img { width:63px; height:63px; margin: 3px; float:left; background: #FFFFFF; border: 3px #E7E7E7 solid;}
.inner_right_imgs { width:63px; height:63px; margin:0 auto;}
.inner_right_text {float:left; width:100%; margin: 10px 0 0 0;} 
.inner_right p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}


.bottom{ width:850px; height:210px; float:left; border-top: 1px #EFEFEF solid; border-bottom:1px #EFEFEF solid; margin:30px 0 30px 0;}
.box{ width:200px; height:180px; float:left; margin:5px 6px 0 6px;}
.box h1{ font: bold 15px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:10px 0 10px 0; }
.box p { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 0; margin:0; line-height:1.5em; text-align:justify;}
.box a { font:normal 11px Arial, Helvetica, sans-serif; text-align:justify; color:#5f5f5f; padding:5px 5px 10px 0; margin:0; line-height:1.5em;}
.box a:hover { font:normal 11px Arial, Helvetica, sans-serif; text-align:justify; text-decoration:underline; color:#5f5f5f; padding:5px 5px 10px 0; margin:0; line-height:1.5em;}
.box span {color:#00a2e5; font: bold 14px Arial, Helvetica, sans-serif; padding: 0 3px 0 0; }




#footer { width:100%; height: 129px; background: url(../images/fottter.png) repeat-x;}
.foot_top { width:850px; height:73px; float: left; }
.top_left { width:350px; float: left;}
.top_left_img { width:30px; height:30px; margin:8px 0 0 8px; float: left; }
.top_left h1 { font: bold 18px Arial, Helvetica, sans-serif; color: #FFFFFF; margin:0; padding:18px 0 10px 0;}
.top_right { width:300px; float: right; }
.top_right h1 { font: bold 23px Arial, Helvetica, sans-serif; text-align:right; color: #FFFFFF; margin:0;  padding:18px 0 10px 0;}
.foot_bottom { width:850px; height:50px; float: left; }
.foot_bottom p { font:normal 12px  Arial, Helvetica, sans-serif; color:#5c5c5c; text-align: center;}
.foot_bottom a { font:normal 12px Arial, Helvetica, sans-serif; color:#394D67; text-decoration:none;  text-align: center;padding:5px; margin:0;}
.foot_bottom a:hover { font:normal 12px Arial, Helvetica, sans-serif; color: #EF891A; text-decoration:none;  text-align: center;padding:5px; margin:0;}
.foot_bottom span { padding:10px 0 0 0; margin:0;}


.about_us { width:560px; float:left;}
.about {width:100%;}
.about h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 10px 0; border-bottom: 1px #EBEBEB solid; }
.about span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.about_img { width:181px; height:181px; margin: 10px 10px 0 0; background:#FFFFFF; border: 2px #EBEBEB solid; float:left;}
.about_text {float:left; width:100%; margin: 10px 0 0 0; text-align:justify;} 
.about_text p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.about_text a {color:#394D67; font: bold 12px Arial, Helvetica, sans-serif;}
.about_text a:hover {color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}
.about_text h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:10px 0 5px 0; }
.about_text span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}

.about_us_right { width:260px; float:right;}
.about_us_right h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 10px 0; border-bottom: 1px #EBEBEB solid; }
.about_us_right span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.test {width:260px; height:200px; float:right; margin:10px 0 0 0; text-align:justify;}
.test p { font:normal 11px Arial, Helvetica, sans-serif; color: #333333; padding:5px 5px 10px 5px; margin:0; line-height:1.5em;}

.work { width:260px; margin:30px 0 0 0; float: right;}
.work h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:30px 0 10px 0;}
.work span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.work_img { width:63px; height:63px; margin: 8px; float:left; background: #FFFFFF; border: 3px #E7E7E7 solid;}
.work_imgs { width:63px; height:63px; margin:0 auto;}
.work_text {float:left; width:100%; margin: 10px 0 0 0;} 
.work p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}


.get_in_touch { width:260px; margin:30px 0 0 0; float: right;}
.get_in_touch h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0; background: url(../images/img_11.png) left bottom no-repeat;  padding:60px 0 10px 55px;}
.get_in_touch span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.get_in_touch {float:left; width:100%; margin: 10px 0 0 0;} 
.get_in_touch p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.get_in_touch a { font:normal 12px Arial, Helvetica, sans-serif; color:#394D67; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.get_in_touch a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#EF891A; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}


.services { width:560px; margin:10px 0 0 0; float:left;}
.box2 { width:247px; margin:11px; padding:0 0 0 10px; float:left;}
.box2 a { color:#394D67; font: bold 12px Arial, Helvetica, sans-serif;}
.box2 a:hover { color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}
.services h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 0 5px;}
.services span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.box2_img { width:56px; height:56px; margin: 10px 10px 0 0; float:left;}
.services_text {float:left; width:100%; margin: 10px 0 0 0;} 
.services_text p {font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;} 
.box2 p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.box2 span { color:#454545; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.8em;}


.porfolio { width:560px; float:left;}
.images {
	width:auto;
	float:left;
}

.box3_img { width:244px; border: 1px #E7E7E7 solid; margin:10px; float:left;}
.box3_img p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}

.box3 a { color:#394D67; font: bold 12px Arial, Helvetica, sans-serif;}
.box3 a:hover { color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}
.box3 p { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.box3 span { color:#454545; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.box3 h1{ font: bold 14px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 10px 0; border-bottom: 1px #EBEBEB solid;}

.porfolio h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:0 0 10px 0; border-bottom: 1px #EBEBEB solid;}
.porfolio span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.box2_img { width:56px; height:56px; margin: 10px 10px 0 0; float:left;}
.porfolio_text {float:left; width:100%; margin: 10px 0 0 0;} 
.porfolio_text p {font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;} 


/* Navigation */	
.navi { width:260px; margin:30px 0 0 0; float: right;}
.navi h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0;  padding:30px 0 10px 0;}
.navi span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}

ul.navigation { padding:0; margin:0; list-style:none; border:0;}
ul.navigation li { height:23px; margin:8px 0; padding:3px 0; border:0; line-height:0px; background: url(../images/img_12.png) left no-repeat;}
ul.navigation li a { background:url(../images/img_12.png) 10px center no-repeat; border:1px solid #EBEBEB; display:block; padding:5px 25px;   color:#394D67; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}
ul.navigation li a:hover { background: #f4f4f4 url(../images/img_12.png) 10px center no-repeat; color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;  padding:5px 25px;  margin:0;}
ul.navigation li a.active { background: #f4f4f4 url(../images/img_12.png) 10px center no-repeat;  padding:5px 25px;  margin:0; color:#EF891A; font: bold 12px Arial, Helvetica, sans-serif;}
/* END_bloga*/


.red { color:#ff0000;}
.contact { width:260px; margin:30px 0 0 0; float: right;}
.contact h1{ font: bold 18px Arial, Helvetica, sans-serif; color:#303030; margin:0; background: url(../images/img_11.png) left bottom no-repeat;  padding:30px 0 10px 55px;}
.contact span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.contact {float:left; width:100%; margin: 0 0 0 0;} 
.contact p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}


/********** contact form **********/
.contactform { width: 500px;padding:20px 0 20px 0; height:800px; float:left;}
.con { width: 450px; float:left; padding:20px 0 5px 0; margin:0 0 0 20px;}
.con p { font: 12px bold Arial, Helvetica, sans-serif; color:#878787;}
#contform { margin:0; padding:5px 10px; height:800px;}
#con{font:normal 12px Arial, Helvetica, sans-serif; color:#878787;}


#contform ol { margin:0; padding:0; list-style:none;}
#contform li { margin:0; padding:0; background:none; border:none; display:block;}
#contform li.buttons { float: left;}
#contform label { margin:0; width:100px; display:block; padding:10px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:capitalize; float:left;}
#contform label span { font: normal 11px Arial, Helvetica, sans-serif; color:#f4f4f4;}
#contform input.text { width:300px; border:1px solid  #D4D4D4; margin:10px 0; padding:5px 2px; height:15px; background: #F2F2F2; float:left;}
.textf { width:300px; border:1px solid  #D4D4D4; margin:10px 0; padding:5px 2px; height:15px; background: #F2F2F2; float:left;}
#contform select.text { width:305px; border:1px solid  #D4D4D4; margin:10px 0; padding:5px 2px;  background: #F2F2F2; float:left;}
#contform li.buttons select { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
#contform textarea { width:300px; border:1px solid #D4D4D4; margin:10px 0; padding:2px; background: #F2F2F2;  float:left;}
#contform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}



/********** contact form **********/
.div{}
.contactforms { width: 560px;padding:20px 0 20px 0; height:800px; float:left;}
.con { width: 450px; float:left; padding:20px 0 5px 0; margin:0 0 0 20px;}
.con p { font: 12px bold Arial, Helvetica, sans-serif; color:#878787;}
#contforms { margin:0; width:550px; float:left;}
#con{font:normal 12px Arial, Helvetica, sans-serif; color:#878787;}


#contforms ol { margin:0; padding:0; list-style:none;}
#contforms li { margin:0; padding:0; background:none; border:none; display:block;}
#contforms li.buttons { float: left;}
#contforms .label { margin:0; width:120px; display:block; padding:10px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:capitalize; float:left;}
#contforms label .span { font: normal 11px Arial, Helvetica, sans-serif; color:#FF0000;}
#contforms input.text { width:300px; border:1px solid  #D4D4D4; margin:1px 0; padding:5px 2px; height:15px; background: #F2F2F2; float:left;}
#contforms select.text { width:305px; border:1px solid  #D4D4D4; margin:10px 0; padding:5px 2px;  background: #F2F2F2; float:left;}
#contforms li.buttons select { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
#contforms textarea { width:300px; border:1px solid #D4D4D4; margin:10px 0; padding:2px; background: #F2F2F2;  float:left;}
#contforms li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
.div{ width:250px; margin: 0 0 0 10px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px 10px 5px; margin:0; line-height:1.8em;}
.div_box {width:550px;}
.div_box h6{ font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 0 5px 0; margin:0;} 
.headings
{
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333; margin-top:0px; margin-bottom:0px;
}