@charset "utf-8";

body { margin:0; padding:0; 

width:100%; 

font-family:"OpenSans-Regular-webfont";

font-size:13px; color:#5F5F5F}



html { padding:0; margin:0;}





@font-face {

    font-family: "OpenSans-Regular-webfont";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSans-Regular-webfont") format("svg");

}





@font-face {

    font-family: "OpenSans-Semibold-webfont";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSans-Semibold-webfont") format("svg");

}





a img, img {

border: none;

}

ul, ol {

list-style: none;

}





h1, h2, h3, h4, h5, h6 {

	margin:0px;

	padding:0px;

	font-weight:normal;

}



.p10{padding:10px;}

.pt20{padding-top:20px;}

.pt10{padding-top:10px;}

.pr10{padding-right:10px;}

.pb10{padding-bottom:10px;}

.pl10{padding-left:10px;}



.m5{margin:5px;}

.mt5{margin-top:5px;}

.mr5{margin-right:5px;}

.mb5{margin-bottom:5px;}

.ml5{margin-left:5px;}



.m10{margin:10px;}

.mt10{margin-top:10px;}

.mr10{margin-right:10px;}

.mb10{margin-bottom:10px;}

.ml10{margin-left:10px;}



.m15{margin:15px;}

.mt15{margin-top:15px;}

.mr15{margin-right:15px;}

.mb15{margin-bottom:15px;}

.ml15{margin-left:15px;}



.m20{margin:20px;}

.mt20{margin-top:20px;}

.mr20{margin-right:20px;}

.mb20{margin-bottom:20px;}

.ml20{margin-left:20px;}



.m25{margin:25px;}

.mt25{margin-top:25px;}

.mr25{margin-right:25px;}

.mb25{margin-bottom:25px;}

.ml25{margin-left:25px;}



.m30{margin:30px;}

.mt30{margin-top:30px;}

.mr30{margin-right:30px;}

.mb30{margin-bottom:30px;}

.ml30{margin-left:30px;}



.m40{margin:40px;}

.mt40{margin-top:40px;}

.mr40{margin-right:40px;}

.mb40{margin-bottom:40px;}

.ml40{margin-left:40px;}



.clear {

clear: both;

line-height: 0;

font-size: 0;

}





.fl{

	float:left;

}



.fr{

	float:right;

}



/* main */

.main { padding:0; margin:0 auto;}

/********** header **********/

.blok_header { margin:0 auto; padding:0;  background:#fff) top repeat-x;}

.header { margin:0 auto; padding:0;  width:1200px; }

/* logo */

.logo { padding:0; margin:30px 0 24px 16px; width:227px; float:left;}

.callus {padding:55px 30px 0 0; margin:0; width:185px; }

.callus_txt{float:right}

.callus h1{font-size:16px; font-weight:900; color:#0000005; padding:0; margin:0;}

.callus h2 {font-size:19px; font-weight:900; color:#000000; padding:0; margin:0;}







/*header_text_bg*/

.header_text_bg { margin:0; padding:0; background:#191919;}

/*header_text*/

.header_text_inner { height:200px; margin:0 auto; padding:0; width:970px; background:#FFFFFF top center no-repeat; }

.header_text { height:355px; margin:0 auto; padding:0; width:970px; background:#FFFFFF top center no-repeat; }

.header_text .div { width:970px; height:355; padding:0px 0 0 0; margin:0 }

.header_text .div .left1 { float:left; width:350px; padding:0; margin:50px 0 0 60px;}

.header_text .div .left1 h2 { font-size:20px; font-family: "OpenSans-Regular-webfont"; color:#191919; padding:25px 0 0px 10px ; margin:0;}

.header_text .div .left1 h1 { font-size:36px; font-family: "OpenSans-Regular-webfont"; color:#85B209; padding:0px 0 0px 10px ; margin:0;}

.header_text .div .left1 p { font-size:14px; font-family: "OpenSans-Regular-webfont"; color:#9d9d9d; background:url(../images/simple_ul_li.gif) left no-repeat; text-decoration:none; padding:0px 0 0px 10px; line-height:1.8em; margin:0;}

.header_text .div .left1 img { padding:0px 0 0px 10px ; margin:0;}

.header_text .div .left1 a { display:block; padding:10px 0;}

/*header_text_bg2*/

.header_text_bg2 { margin:0; padding:0; background:#191919;}

/*header_text*/

.header_text2 { height:220px; margin:0 auto; padding:0; width:970px; background: url(../images/header_text_main_bg.gif) top center no-repeat;}

.header_text2  h2 { float:left; font:normal 22px; font-family: "OpenSans-Regular-webfont"; color:#fff; padding:0px 0 0 0px; margin:0;}

.header_text2 img { float:right; padding:0px 0px 0 0; margin:0;}

/********** body **********/

.body_resize { margin:0; padding:0; padding-top:30px; border-top:1px solid #e2e2e2; background:#fff;}

.body { width:1200px; margin:0 auto; padding:0;}

.body a { color:#21aad6; text-decoration:none;}

.body a:hover { text-decoration:none; color:#000; padding:0;}

.body h2 { border:0; font: bold 18px; font-family: "OpenSans-Regular-webfont"; color:#787878; margin:0px; padding:5px;}

.body h3 { border:0; font: bold 14px; font-family: "OpenSans-Regular-webfont"; color:#787878; margin:0px; padding:5px;}

.body img { float:left; padding:0; margin:10px;}

.body img.project { float:none; padding:0; margin:10px 0;}

.body p { font:normal 12px; font-family: "OpenSans-Regular-webfont"; color:#787878; line-height:1.8em; padding:5px; margin:0;}

.body p span { color:#a4a4a4;}

.body em { color:#9c9c9c;}

.body_small {  width:310px; float:right; margin:5px; padding:5px;}

.body_big { width:550px; float:left; margin:5px; padding:5px;}

.body_big p.test { background:#f3f3f3; border:5px solid #fafafa; padding:5px; margin:0;}

.body_big_img{ width:134px; height:151px; float:left}

.body_big_txt{ float:right; width:380px; font-size:12px; color:#787878; margin:10px 0 0 0; line-height:18px}

.body_big a {font-size:11px; font-weight:normal; color:#85B209}

.body_big a:hover{text-decoration:none; color:#000; padding:0;}

.body_big h1 {font-size:26px; color:#535353; font-weight:normal; margin:0 0 10px 0; padding:0}

.body_big h1 span{font-size:26px; color:#85B209; font-weight:normal; margin:0; padding:0}









.body_big_inner { width:640px; float:left; margin:0px 0 0 30px; padding:0px;}

.body_small_inner {  width:278px; float:right; margin:0px; padding:0px;}

.body_small_inner img {  width:278px; float:left; margin:0px; padding:10px 0 10px 0;}





/* fbg */

.mid_top { margin:0; padding:0; background:#85B209;}

.mid_pannel { width:1200px; margin:0 auto; padding:0;}

.mid_resize { width:280px; float:left; margin:0; padding:4px;}

.mid_pannel h2 {font-size: 16px; color:#191919; padding:10px 5px 10px 5px; margin:0; font-family: "OpenSans-Semibold-webfont";}

.mid_pannel h2 span {font-size: 16px; color:#fff; padding:10px 5px 10px 5px; margin:0; font-family: "OpenSans-Semibold-webfont";}

.mid_pannel h3 {font-family: "OpenSans-Semibold-webfont"; color:#747474; padding:5px 5px; margin:0;}

.mid_pannel p { font-family: "OpenSans-Semibold-webfont"; color:#787878; padding:10px 5px; margin:0; line-height:1.6em;}

.mid_pannel a { text-decoration:none; color:#616161; padding:0;}

.mid_pannel a:hover { text-decoration:none; color:#000; padding:0;}

.mid_pannel img { float:left; margin:10px; padding:0;}







/*------------left side menu start-------------*/

#left-menu .title{background:#191919; font-size:13px; padding:8px; color:#fff; font-weight:normal; margin:0px }

#left-menu {position:relative; margin:0 0 0 0px; left:0px; display:block; width:280px; float:left;}

#left-menu a, #left-menu a:visited {display:block; width:280px; height:26px; background: url(../images/inner/navi.gif); background-position:left top; background-color:transparent; text-align:left; text-indent:23px; color:#747474; line-height:26px; text-decoration:none; font-family: "OpenSans-Semibold-webfont"; font-size:11px; margin:0 0 0 0px;}

#left-menu a:hover {background-position:left bottom; height:26px; line-height:26px; overflow:hidden; color:#85B209;}



#left-menu a#selected, #left-menu a#selected:hover {background-position:left bottom; line-height:26px; cursor:default; color:#85B209; }





#sub-menu {position:relative;  margin:0 0 0 0px; left:0px;  display:block; width:280px; float:left}

#sub-menu a, #sub-menu a:visited {display:block; width:280px; height:26px; background: url(../images/inner/sub-menu.gif); background-position:left top; background-color:transparent; text-align:left; text-indent:26px; color:#747474; line-height:26px; text-decoration:none;  font-family: "OpenSans-Regular-webfont";  margin:0 0 0 0px; font-size:11px}

#sub-menu a:hover {background-position:left bottom; height:26px; line-height:26px; overflow:hidden; color:#85B209;}

#sub-menu a#selected, #left-menu a#selected:hover {background-position:left bottom; line-height:26px; cursor:default; color:#85B209;}



#sub-menu-sub {position:relative;  margin:0 0 0 0px; left:0px;  display:block; width:280px; float:left}

#sub-menu-sub a, #sub-menu-sub a:visited {display:block; width:280px; height:26px; background: url(../images/inner/sub-menu-sub.gif); background-position:left top; background-color:transparent; text-align:left; text-indent:26px; color:#747474; line-height:26px; text-decoration:none;  font-family: "OpenSans-Regular-webfont";  margin:0 0 0 0px; font-size:11px}

#sub-menu-sub a:hover {background-position:left bottom; height:26px; line-height:26px; overflow:hidden; color:#85B209;}

#sub-menu-sub a#selected, #left-menu-sub a#selected:hover {background-position:left bottom; line-height:26px; cursor:default; color:#85B209;}





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

#contactform { margin:0 0 0 20px; padding:5px 10px;}

#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:normal 12px  Arial, Helvetica, sans-serif; color:#787878;}

#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}

#contactform input.text { width:330px; border:1px solid #E9E9E9; margin:5px 0; padding:5px 2px; height:15px; background:#F4F4F4; color:#787878;}

#contactform textarea { width:330px; border:1px solid #E9E9E9; margin:10px 0; padding:2px; background:#F4F4F4; height:80px; color:#787878;}

#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}

#contactform .red{color:#F00}

#contactform h1{color:#000; padding:40px 0 50px 0; margin:0; font-size:16px; }

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 #e4e4e4; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

li.line, .line { border-top:1px solid #c7c7c7; padding:0; margin:10px 0; background:none; list-style:none;}





.contacttext{

float:left;

padding:30px 0px 0 0px;

}



.contacttext h2{font-size:18px;

		color:#83B300;

		font-weight:normal;

		margin:0 0 5px 0;

		padding:0;}



.contacttext p{font-size:14px;

				color:#666666;

				line-height:22px;

				padding:0;

				margin:0}

.contacttext a{font-size:11px;

				color:#191919}

.contacttext a:hover{

					font-size:11px;

					color:#83B300}

					

/* fbg */

.fbg { width:1200px; margin:0 auto; padding:0;}

.fbg_resize { width:261px; float:left; margin:0; padding:15px 60px 0 0;}

.fbg h2 {font-size: 18px; color:#191919; padding:15px 5px 0px 5px; margin:0; font-family: "OpenSans-Regular-webfont";}

.fbg h2 span {font-size: 26px; color:#85B209; font-family: "OpenSans-Regular-webfont";}

.fbg h3 { font-size: 26px; color:#747474; font-family: "OpenSans-Regular-webfont";}

.fbg p { font-size: 12px; color:#747474; font-family: "OpenSans-Regular-webfont"; padding:7px 5px 0 0; margin:0; line-height:1.6em;}

.fbg a { text-decoration:none; color:#85B209; padding:0; font-size:12px; font-family: "OpenSans-Regular-webfont"; }

.fbg a:hover { text-decoration:none; color:#000; padding:0;}

.fbg img { float:left; margin:0px; padding:10px 0 10px 0;}

.fbg ul{margin:0; padding:6px 0 6px 6px}

.fbg ul li{background:url(../images/arrow.gif) no-repeat 0 5px; margin:0px 0 8px 0; padding-left:12px; font-family: "OpenSans-Semibold-webfont"; font-size:12px; line-height:18px}



/********** footer **********/



#footerwrap{background:url(../images/ftr_bg.jpg) top center repeat-x #191919; padding:0; margin:0 auto; margin-top:10px; } 

#footerwrap a{color:#575757; font-size:11px; background:url(../images/arrowb.gif) no-repeat 0 0px; padding:2px 0 2px 0px; font-family: "OpenSans-Semibold-webfont"; }

#footerwrap a:hover{color:#C3C3C3; }

#footerwrap .footer{width:970px; margin:0 auto; color:#575757; margin-bottom:0px; padding:20px 0 10px 0}

#footerwrap .footer .flinks{ width:170px; list-style-type:none; padding-left:20px;}

#footerwrap .footer .flinks li.fhead{color:#9E9E9E; font-weight:bold; font-size:14px; margin:0 0 5px 0}

#footerwrap .footer .fhlinks a{display:inline; background:none; padding:0;}

#footerwrap .footer .fhlinks span{padding:0 0px;display:inline;}

#footerwrap .fbrdr{border-bottom:1px solid #232323;}

#footerwrap .copyright a{background:none; font-size:12px; }

#footerwrap .footer .flinks li{margin:0 0 4px 0}





p.clr, .clr { clear:both; padding:0; margin:0;}

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

li.line, .line { border-top:1px solid #c7c7c7; padding:0; margin:10px 0; background:none; list-style:none;}





#loopedSlider { float:right; width:328px; position: absolute; clear:both; border:0px solid #ECEDE8; margin-left:56%; margin-top:20px}

#loopedSlider .container { width:328px; height:120px; overflow:hidden; position:relative;}

#loopedSlider .slides { position:absolute; top:0; left:0; }

#loopedSlider .slides div { position:absolute; top:0; width:328px; display:block; }

ul.pagination { list-style-type:none; margin:0px auto 0px auto; padding:0; }

ul.pagination li { float:left; margin:0 3px; display:block;}

ul.pagination a { display:block; width:9px; padding-top:9px; height:12px; overflow:hidden; background-image: url(../images/buttons.gif); background-position:0 0; background-repeat:no-repeat; }

ul.pagination a:hover { background-position:0 -9px; }

ul.pagination li.active a { background-position:0 -18px }



#loopedSlider .container h1{

	font-size:18px;

	color:#7F7F7F;

	font-weight:normal;

	margin:0;

	padding:8px 0 5px 0 ;

	}

#loopedSlider .container h2{

	font-size:12px;

	color:#7F7F7F;

	font-weight:bold;

	margin:0;

	padding:0px 0 5px 0 ;

	}



#loopedSlider .container p{font-size:12px; color:#737373; padding:0 0 10px 0; margin:0; line-height:18px; font-family: "OpenSans-Regular-webfont";}







/*------------Content inner-------------*/

.content_section1_inner{ float:right; width:630px; padding:0 20px 0 0 }

.content_inner1_txt{float:right; line-height:18px; font-weight:normal; padding:0; margin:0 auto; width:540px}

.content_inner1_img{width:150px; height:90px; float:left; margin:0; padding:0}

.content_section1_inner p{ margin:5px 0 15px 0; padding:0; line-height:20px}

.content_section1_inner h1{font-size:18px; color:#191919; padding:0; margin:0 0 0px 0; font-weight:normal}

.content_section1_inner h2{font-size:22px; color:#85B209; padding:0; margin:0 0 0px 0; font-weight:normal}

.content_section1_inner h2 span{font-size:22px; color:#444839; padding:0; margin:0 0 0px 0; font-weight:normal}

.content_section1_inner h3{font-size:13px; color:#191919; padding:0; margin:0 0 0px 0; font-weight:bold}

.content_section1_inner h4{font-size:16px; color:#191919; padding:15px 0 5px 0; margin:0 0 0px 0; font-weight:normal}

.content_section1_inner h5{font-size:18px; color:#014951; padding:0; margin:0 0 0px 0; font-weight:normal}

.content_section1_inner h5 span{font-size:12px; color:#014951; padding:0; margin:0 0 0px 0; font-weight:bold}

.content_section1_inner ul{margin:10px 0 10px 10px; padding:0}

.content_section1_inner ul li{margin-bottom:12px; background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:12px; line-height:18px}

.content_section1_inner a{font-size:12px; color:#191919}

.content_section1_inner a:hover{color:#8EC202}

.line_hor{background:url(../images/inner/line_hor.gif) top center repeat-x; height:9px}