* {margin:0; padding:0; border:none;}

ul li {list-style-type:none;}

ol li {list-style-position:inside;}

a {text-decoration: none;}

table, tr, td { margin:0; padding:0; border:none; border-collapse:collapse; font-size:12px}

input, select, textarea {vertical-align:middle;} 
label {font-size:12px}
img { display:block;}

.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

body { background:#fcfcfc; font-family:Arial; font-size:12px}



.header { width:923px; margin:0 auto!important; background:url(../img/body.jpg) repeat-y; position:relative; padding-bottom:55px;}

.logo { padding-left:26px; padding-top:5px; float:left}
*html .header { padding-bottom:50px;}


.nav { position:absolute; left:11px; width:902px; bottom:-2px; background:url(../img/bg-menu.jpg) left top repeat-x;}

*html .nav { bottom:-16px}

.nav li { float:left; position:relative; background:url(../img/bg-menu.jpg) left top repeat-x; text-align:center; padding:15px 16px; margin-left:0;}



.nav li a { color:#ffffff; font-size:16px}

.nav li a:hover { color:#83bae4;}



.nav li a.hover { color:#83bae4;}







 







.ctl_b { position:absolute; top:0px; left:0px; }

.ctr_b { position:absolute; top:0px; right:0px; }

.ctr_b1 { position:absolute; top:0px; right:0px; }

*html .ctr_b1 { position:absolute; top:0px; right:-1px; }



.chat_ico { position:absolute; top:29px; right:182px;}

.tel {position:absolute; top:29px; right:14px;}

.flash { background:url(../img/flash_bg.jpg); text-align:center; min-height:199px; height:auto!important; height:199px}

.flash .inner { width:902px; margin:0 auto;}

.content { width:925px; min-height:600px; height:auto!important; height:600px; background:url(../img/body.jpg) left top repeat-y; position:relative; padding:0 0 20px 0} 

.recent_projects { position:absolute; top: -44px; width:240px; left:26px; z-index:1/*background:url(../img/rec_bg.jpg) no-repeat top;*/}

.recent_projects h2 { /*text-transform:uppercase;*/ font-weight:normal; font-size:18px; color:#474747;}



.recent_projects ul { padding:0 20px; font-size:12px; width:200px }

.recent_projects ul.menu-left {

	height:255px;

	}

.recent_projects ul li { padding:8px 0 8px 5px; border-bottom:1px solid #eeeeee; width:184px; display:block}

.recent_projects ul li a { color:#777777; }

.recent_projects ul li a:hover { color:#000;} 

.recent_projects ul li.rec_more { position:relative; left:145px; background:none; font-weight:bold;}







.borders { border-left:1px solid #c1cad0; border-right:1px solid #c1cad0; border-bottom:1px solid #c1cad0; }



.recent_projects  .borders { border:0 none;  background:url(../img/recent_repeat.jpg) left top repeat-y  }





.news_events { padding:20px 0 0 18px;}

.news_events h2 { text-transform:uppercase; font-weight:normal; font-size:18px; color:#474747;}

.news_events .news { font-size:12px; color:#314b53; padding:10px 10px 0 0;}

.news_events .news a { font-size:12px; color:#314b53;}

.news_events .news span { font-weight:bold; display:block;}

.news_events .anews { font-size:12px; color:#314b53; font-weight:bold; display:block; background: no-repeat url("/img/arrowred.jpg"); padding-left: 0.2in; margin-top: 0.15in;}

.news_events .anews1 { font-size:12px; color:#314b53; font-weight:bold; display:block; background: no-repeat url("/img/arrowred.jpg"); padding-left: 0.2in; margin-top: 0.15in; margin-left: 0.15in;}

.news_mome { padding-left:145px; background:none; font-weight:bold; font-size:12px; padding-top:10px;}

.news_mome a { color:#474747; }

.news_mome a:hover { color:#000;}

.right_side { width:648px; position:relative; margin:0 0 0 266px/*background:url(../img/rs_bg.jpg) repeat-x top;*/}

.right_side h3 { font-size:24px; color:#000000; /*text-transform:uppercase;*/ font-weight:normal; padding:10px 15px; background:url(../img/bg-title.jpg) left bottom repeat-x #ffffff;}

 h3.title-page{ font-size:24px; color:#000000; /*text-transform:uppercase;*/ font-weight:normal; padding:10px 15px; background:url(../img/bg-title.jpg) left bottom repeat-x #ffffff;}



.com_phot { padding:25px 18px 0 18px; /*width:160px;*/ float:left;}

.com_phot img { border:1px solid #5a5a5a;}

.some_info { /*float:left; width:457px;*/ padding:25px 15px 0 6px; font-size:12px; color:#333; line-height:20px;}

.some_info span { font-weight:bold;}

.some_info a { color:#0457b6; text-decoration:none;}

.some_info a:hover { text-decoration:underline;}

.city_info { padding:0 15px 0 6px; font-size:12px; color:#333; line-height:15px;}

.footer { border-top:2px solid #000; text-align:center; position:relative; margin-top:-18px; zoom:1}

.footer .inner { width:923px; background:url(../img/body.jpg); /*height:100px;*/ margin:0 auto;}

.footer .ininner { background:url(../img/foot_bg2.jpg) repeat-x top #fefefe; padding-top:13px; width:902px; margin:0 auto; text-align:center;}

.footer .ininner ul { font-size:12px; text-transform:uppercase; display:inline;}

.footer .ininner ul li { display:inline; margin-left:10px;}

.footer .ininner ul li a { color:#000;}

.footer .ininner ul li a:hover { text-decoration:underline;}
.footer a {color:#cccccc}
.copy { text-align:center; color:#727272; font-size:11px; padding-top:20px;}
.color1 a {color:#727272}
.contact_us { /*float:left; width:457px;*/ padding:25px 15px 0 6px; font-size:12px; color:#000000; line-height:17px;}

.contact_us h6 { color:#000000; font-size:12px; margin:0; padding:0}

.contact_us p span { font-weight:bold; font-size:14px;}

.form_area { width:610px; clear:both; padding:20px 0 0 10px;}

.form_area form { background:#f4f4f4; /*width:381px; background:url(../img/bg.gif);*/ padding:20px; border:1px solid #cbd0d2;}

.form_area form p { /*width:333px;*/ padding-bottom:6px;}

.form_area form b { color: red;}

.contact-box{

	/*width:275px;

	float:left;*/

	}

.contact-box input.text {border:1px solid #cbd0d2; background:#fff; /*float:right; */width:220px; padding:2px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px


	}	

.contact-box input.ext {border:1px solid #cbd0d2; background:#fff; /*float:right; */width:50px; padding:2px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px


	}	

input.captcha {border:1px solid #cbd0d2; background:#fff; /*float:right; */width:150px; padding:2px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px


	}	

.contact-box p span, .contact-box div span {

	display:block;

	width:100px;

	float:left;

	padding:4px 0 0 0

	}	

	.contact-box div.checkbox {

		padding:0 0 0 100px;

		line-height:18px;

		}

	.contact-box div.checkbox input {

		vertical-align:middle;

		margin:0 10px 0 0

		}

	.contact-box div.checkbox  input.other {

		vertical-align:middle;

		border:1px solid #cbd0d2; background:#fff; /*float:right; */width:175px; padding:2px 0;

		margin:0 0 0 10px;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px


		}



	

/*.contact-box p { height:45px}*/

.contact_us  .submit { width:515px} 

.ustyle { font-size:12px !important; color:#000000; display:inline!important;}

.form_area form span { text-align:left; /*font-weight:bold; */font-size:12px; color:#000000; /*float:left;*/ display:block}





.form_area form input { }

.form_area form select { border:1px solid #cbd0d2; background:#fff; /*float:right;*/ width:242px;}

.form_area form textarea { border:1px solid #cbd0d2; background:#fff; /*float:right;*/ width:515px; height:100px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px
}

.form_area .error_message {text-align: right; color:red; width:333px; font-size:12px;}

.submit { text-align:right;}

.submit input { border:none !important; width:109px !important; float:none !important;}

.more_ico { float:right;}

.portfolio_hights_light { clear:both; /*padding:20px 0 0 20px;*/ height:265px}









.one_of_coll { width:265px; text-align:center; float:left; margin-left:32px;}

.one_of_coll img { border:5px solid #cbd0d2;}

.one_of_coll span.name { color:#000000; display:block; padding:15px 0; text-transform:uppercase; font-size:11px; text-align:left; padding-left:15px}







.projectname { color:#336666; font-size:12px;}

.projectname:hover { text-decoration:underline;}

.view { font-weight:bold; font-size:12px; color:#333; display:block; margin-top:5px;}



.service { padding:0 0 5px 0; margin:-1px 10px 0 10px; border-top:1px solid #cbd0d2;}

.service h3 { text-transform:capitalize !important; padding:25px 0 5px 170px; background:none; font-size:18px;}





.this_service_ico { width:160px; float:left; position:relative; top:-25px; text-align:center}

.this_service_ico  img { display:inline}





.this_service_info { width:457px; float:right; font-size:12px; color:#333;}

.full_port { /*width:903px;*/ margin:0 11px 0 11px; background:#f4f4f4; position:relative; zoom:1}


.cont_2 { /*width:922px !important;*/ padding:0 !important;}

.hl { padding:14px 0 21px 29px;}

.works { width:822px; margin:0 auto; overflow: hidden; white-space:nowrap; position:relative}

.inner { width:22000px; position: relative; }

.contl { position:absolute; top:0; left:0;}

.contr { position:absolute; top:0; right:0;}	

.pr { position:relative;}

.next_pre { width:90%; margin:0 auto; padding:20px 0 28px 0; clear:both;}

.next_pre img { cursor:pointer;}

.next { float:right; color: #474747;}

.prev { float:left; color: #474747;}



.login_content { width:902px; margin:0 auto; /*background:url(../img/rs_bg.jpg) repeat-x top;*/ padding:0; position:relative; left:1px;}

.login_content .one_of_coll, .login_content .one_of_coll { float:none !important;}

.login_content .left, .login_content .right { float:left; padding-top:20px;}

.login_content .form_area { float:left; clear:none !important; width:465px;}

.login_content .form_area form {/* background:url(../img/bg2.gif) repeat-y !important;*/ padding:20px;}

.login_content .form_area .p { font-size:12px; color:#333; padding-bottom:20px;}

.login_content .form_area  h6 { font-size:11px}

.login_content .form_area form span { width:150px; float:left; text-align:right; padding:0 15px 0 0}



.form_area .register textarea { border:1px solid #cbd0d2; background:#fff; /*float:right;*/ width:240px; height:100px}





.login_content .form_area .submit { text-align:center}

.log { padding-top:10px !important; padding-bottom:10px !important;}

.reg {}

.reg  span { margin-right:53px;}



.dinline {display: inline;}



.pagination a {color:#474747;}

.pagination a:hover { color:#000;}



.text h1 { color:#333333; font-size:18px; font-weight:normal; padding:28px 0pt 5px 22px; text-transform:uppercase; }













.telephone {

	background:url(../img/tell.jpg) left 40px no-repeat;

	padding:40px 0 10px 25px;

	font-size:14px;

	color:#256dc0;

	float:right;

	width:220px

	}

.skype {

	padding:27px 25px 0 0px;

	float:right;

	width:199px

	}

.head {

	background:url(../img/head.jpg) left top no-repeat;

	width:903px;

	height:197px;

	position:relative

	}

.head a.view-portfolio {

	display:block;

	background:url(../img/view-portfolio.jpg) left top no-repeat;

	position:absolute;

	bottom:0px;

	right:13px;

	text-decoration:none;

	width:204px;

	height:55px;

	}

.head .text-head {

	color:#ffffff;

	font-size:15px;

	padding:0 500px 50px 35px

	}

.head .text-head h1.title {

	font-size:30px;

	font-weight:normal;

	margin:0;

	padding:30px 0

	}

	

	

	

	





.recent-top {padding: 15px 0px 8px 35px; background:url(../img/recent_top.png) left bottom no-repeat; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}

.recent-bott { background:url(../img/recent_bott.jpg) left bottom no-repeat; height:23px}



.featured-client {

	padding:40px 0 0 0 ;

	text-align:center;
	position:relative

	}

.featured-client img {

	border:1px solid #cbd0d2;

	

	margin:0 auto;

	}

.blue {

	color:#0457b6;

	}

.text-box {

	padding:15px;

	line-height:18px

	}

.text-box img.float { margin:0 15px 0 0}



.clear {

	clear:both

	}

	







.home-bott {

	/*margin-top:20px;

	border-top:1px solid #cbd0d2;

	padding:15px 0;

	font-size:11px;

	width:870px

	margin-top:20px;*/

	position:absolute;

	left:-240px;
	top:0;

	border-top:1px solid #cbd0d2;

	padding:15px 0;

	font-size:11px;

	width:870px

	}


.home-bott span.name  {

	display:block;

	font-size:16px;

	padding:9px 25px;
text-align:left

	}

.home-bott div.col {

	width:34%;

	padding:0 0%;

	float:left;

	/*line-height:16px;*/
font-size:12px;
line-height:28px

	}

.home-bott div.banners {

	border-left:1px solid #cbd0d2;

	border-right:1px solid #cbd0d2;

	text-align:center;

	width:35%;

	padding:0 0%;

	float:left

	}

.home-bott div.banners img {

	border:1px solid #cbd0d2;

	margin:2px;

	display:inline

	}

.home-bott div.contact {

	width:30%;

	float:left

	}

.home-bott div.contact h3 { font-size:16px; color:#000000; /*text-transform:uppercase;*/ font-weight:normal; padding:10px 15px; background:url(../img/bg-title.jpg) left bottom repeat-x #ffffff;} 

input.input-text {

	border:1px solid #cbd0d2;

	width:100%

	}

.home-bott div.contact textarea {border:1px solid #cbd0d2; width:100%;

height:100px}

.home-bott div.contact table {

	margin:15px 0 0 15px;

	}

.home-bott div.contact table td { vertical-align:top; padding:2px}





.portfolio-info {

	padding:15px 8px 15px 10px;
	width:903px

	}
*html .portfolio-info { width:900px; padding:15px 0}
h2.title-page { font-size:18px; color:#000000; /*text-transform:uppercase;*/ font-weight:normal; padding:10px 15px; background:url(../img/bg-title.jpg) left bottom repeat-x #ffffff; border-bottom:1px solid #dcdcdc}

.portfolio-info-text {	

	padding:15px 8px 15px 10px;

	border-bottom:1px solid #cbd0d2;

	}

.portfolio-col {

	background:#fff;

	width:260px;

	padding:0 10px;

	float:left;

	height:200px;

	margin:10px 5px 0 5px;



	}

.portfolio-col span.name { display:block; padding:10px 0}

.portfolio-col img {

	border:5px solid #cbd0d2;

}

.portfolio-col  a {

	color:#0457b6;

	text-decoration:none;

	margin:0 5px

	}

.portfolio-col  a :hover {

	text-decoration:underline

	}



.clients {

padding:0 0 20px 12px

  }

.clients img {

border:1px solid #c7c7c7;

margin:10px 8px 0 0;

display:inline

}





#slideshow {

    position:relative;

    height:165px;
	margin-top:10px

}



#slideshow IMG {

    position:absolute;

    top:0;

    left:23px;

    z-index:8;

}



#slideshow IMG.active {

    z-index:10;

}



#slideshow IMG.last-active {

    z-index:9;

}