body{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

#page{
	width:972px;
	height:1230px;
	margin:0 auto;
}

.logo{
	float:left;
	margin:34px 0 0 20px;
}

.search{
	float:right;
	margin:67px 0 0 0 ;
}
.input-search {
	font-size: 16px;
	color: #A1A1A1;
	padding: 4px 5px 2px; /*keep it as it is*/
	border: 1px solid #465872;
	float: left;
	line-height:18px;
	width:190px;
	height: 25px;
}
.btn-search {
	float: right;
	background:  url(../images/s-bt.png) no-repeat 0 0;
	width: 30px;
	height: 25px;
	text-indent: -9999px;
	border: 0;
	cursor:pointer;
	cursor:hand;
	margin:0;
	position:relative;
	right: 34px;
	top: 4px;
}

.menu{
	width:972px;
	height:54px;
	float:left;
	margin:10px 0 0 0;
	border-bottom:2px solid #384863;
}

.menu ul{
	width:972px;
	height:54px;
	background:url(../images/bg-menu.png) repeat-x;
	float:left;
	color:#fff;
	margin:0;
	padding:0;
	text-decoration:none;

}
.menu ul li {
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	list-style:none;
}

.menu ul li a {
	font-size:16px;
	color:#fff;
	text-decoration:none;
	padding: 16px 25px;
	border-right: 1px #43808F solid;
	line-height: 22px;
	float: left;
	margin: 1px 0 0 0;;
}

.menu ul li a:hover , .menu ul li a.on {
	padding: 16px 25px ;
	background:url(../images/h-menu.png) repeat-x;
}


#slider{
	width:972px;
	height:285px;
	float:left;
	background: #ccc;
}

#left{
	width:730px;
	min-height:300px;
	float:left;
}

#news{
	width:226px;
	height:294px;
	float:left;
	margin:20px 0 0 0;
	border-right:1px solid #ccc; 
}

.news-t{
	background:url(../images/bg-t.png) repeat-x;
	width:163px;
	height:34px;
	float:left;
	padding:10px 20px;
}

.news-t span{
	color:#5792A8;
	font-size:12px;
	float:left;
	text-transform:uppercase;
}
.news-t h1{
	color:#384863;
	font-size:25px;
	float:left;
	clear:both;
	text-transform:uppercase;
	margin: -5px 0 0 0;
}

.new{
	width:203px;
	height:50px;
	float:left;
	margin:17px 0 0 0 ;
	overflow:hidden;
}

.new img{
	float:left;
	margin:0 5px 0 0;
}
.new a{
	color:#5792A8;
	font-size:12px;
	text-decoration:none;
	line-height:18px;
}
.new a:hover{
	color:#000;
}
.new p{
	color:#48443E;
	font-size:10px;
	float:left;
	line-height: 14px;
	margin: 0;
}
.more{
	clear:both;
	float:right;
	margin:15px 20px 0 0;
}
.more a{
	padding:7px 20px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	background:url(../images/bg-menu.png) repeat-x;
	border:2px #ccc solid;
	
}

.more a:hover{
	background:url(../images/hbg-menu.png) repeat-x;
	padding: 7px 20px;
}
#clients{
	width:502px;
	height:294px;
	float:left;
	margin:20px 0 0 0;
	border-right:1px solid #ccc; 
}


.clients-t{
	background:url(../images/bg-t.png) repeat-x;
	width: 422px;
	height: 34px;
	float: left;
	padding: 10px 20px;
	margin: 0 0 0 20px;
}

.clients-t span{
	color:#5792A8;
	font-size:12px;
	float:left;
	text-transform:uppercase;
}
.clients-t h1{
	color:#384863;
	font-size:25px;
	float:left;
	clear:both;
	text-transform:uppercase;
	margin: -5px 0 0 0;
}

.client{
	float:left;
	width:127px;
	height:181px;
	margin: 20px 0 0 30px;
	overflow:hidden;
}

.client img{
	float:left;
	margin:0 5px 0 0;
	border:2px solid #ccc;
}
.client a{
	color:#5792A8;
	font-size:12px;
	text-decoration:none;
	line-height:18px;
	float:left;
	clear:both;
	margin: 10px 0 0 0;
}
.client a:hover{
	color:#000;
}
.client p{
	color:#48443E;
	font-size:10px;
	float:left;
	line-height: 14px;
	margin: 0;
	clear:both;
}

#projects{
	width:729px;
	height:294px;
	float:left;
	margin:20px 0 0 0;
	border-right:1px solid #ccc; 
}

.projects-t{
	background:url(../images/bg-t.png) repeat-x;
	width: 649px;
	height: 34px;
	float: left;
	padding: 10px 20px;
	margin: 0 0 0 20px;
}

.projects-t span{
	color:#5792A8;
	font-size:12px;
	float:left;
	text-transform:uppercase;
}
.projects-t h1{
	color:#384863;
	font-size:25px;
	float:left;
	clear:both;
	text-transform:uppercase;
	margin: -5px 0 0 0;
}

#right{
	float:right;
	width:242px;
	min-height:608px;
	
}

#right img{
	float:right;
	margin:20px 0 0 0;
}

#services{
	width:226px;
	height:294px;
	float:right;
	margin:20px 0 0 0;
}
a.a-imag{
	margin:0;
}


#footer{
	float:left;
	margin:20px 0 0 0;
	background:url(../images/bg-t.png) repeat-x;
	height:54px;
	width:972px;
	clear:both;
}

p.all{
	color:#48443E;
	font-size:10px;
	float:left;
	margin: 20px 0 0 20px;
}

p.designed{
	margin:0 auto;
	color:#48443E;
	font-size:10px;
	margin: 18px 0 0 274px;
	float: left;
	clear: none;
}

.follow{
	width:300px;
	height:30px;
	float:right;
	margin:0 10px 0 0;
}
.follow img{
	float:right;
	margin:14px 10px 0 0;
}




/*
 *	generated by WOW Slider 2.3
 */
#wowslider-container1 { 
	zoom: 1; 
	position: relative; 
	width:970px;
	height:284px;
	margin:0 auto;
	z-index:100;
	border:none;
	text-align:left; /* reset align=center */
}
* html #wowslider-container1{ width:920px }
#wowslider-container1 ul{
	position:relative;
	width: 10000%; 
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	/*table-layout:fixed;*/
}
#wowslider-container1 ul li{
	width:1%;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0;
    margin:0;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}

#wowslider-container1 .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1  a.wsl{
	display:none;
}
#wowslider-container1  .ws_bullets { 
	padding: 10px; 
}
#wowslider-container1 .ws_bullets a { 
	margin-left:4px;
	width:8px;
	height:15px;
	background: url(./bullet.png) left 50% no-repeat;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	color:transparent;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
	background-position: right 50%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	margin-top:-28px;
	z-index:60;
	height: 62px;
	width: 38px;
	background-image: url(../engine1/arrows.gif) ;
	/*max-height:20%;
	max-width:12%;
	background-size:200% 200%;*/

}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:-8px;
}
#wowslider-container1 a.ws_prev {
	left:-8px;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%; 
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:15%;
	left: 0;
	margin-right:5px;
	z-index: 50;
	padding:12px;
	color: #F9FBFB;
	text-transform:uppercase;
	background:#000000;
    font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
	line-height: 18px;
}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 13px;
	text-transform:none;
}
/* bottom center */
#wowslider-container1 .ws_bullets {
	top:0;
    right: 0;
}

#wowslider-container1 ul{
	animation: wsBasic 38.4s infinite;
	-moz-animation: wsBasic 38.4s infinite;
	-webkit-animation: wsBasic 38.4s infinite;
}
@keyframes wsBasic{0%{left:-0%} 11.46%{left:-0%} 16.67%{left:-100%} 28.13%{left:-100%} 33.33%{left:-200%} 44.79%{left:-200%} 50%{left:-300%} 61.46%{left:-300%} 66.67%{left:-400%} 78.13%{left:-400%} 83.33%{left:-500%} 94.79%{left:-500%} }
@-moz-keyframes wsBasic{0%{left:-0%} 11.46%{left:-0%} 16.67%{left:-100%} 28.13%{left:-100%} 33.33%{left:-200%} 44.79%{left:-200%} 50%{left:-300%} 61.46%{left:-300%} 66.67%{left:-400%} 78.13%{left:-400%} 83.33%{left:-500%} 94.79%{left:-500%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 11.46%{left:-0%} 16.67%{left:-100%} 28.13%{left:-100%} 33.33%{left:-200%} 44.79%{left:-200%} 50%{left:-300%} 61.46%{left:-300%} 66.67%{left:-400%} 78.13%{left:-400%} 83.33%{left:-500%} 94.79%{left:-500%} }

#wowslider-container1 .ws_shadow{
	width:100%;
	height:8%;
	position: absolute;
	left:0;
	bottom:-8%;
	z-index:-1;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/shadow.png', sizingMethod='scale');		/*IE<8*/
}
.ws_shadow{
	background: url(./shadow.png) no-repeat;
	width:626px;
	height:20px;
	float:right;
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:16px;
	left:-115px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:230px;
	background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	top:20px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-11px;
	margin-left:-9px;
	left:115px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}

h1{
	color: #384863;
	font-size: 25px;
	float: left;
	clear: both;
	text-transform: uppercase;
	margin: -5px 0 0 0;
}

p{
	float:left;
	clear:both;
	color: #48443E;
	font-size: 10px;
	float: left;
	line-height: 14px;
	margin: 0;
}

#detailed{
	padding:20px;
	float:left;
}

.ser{
	width:706px;
	min-height:50px;
	float:left;
	margin:17px 0 0 0 ;
}

.ser a{
	color:#5792A8;
	font-size:12px;
	text-decoration:none;
	line-height:18px;
	float: left;
}
.ser a:hover{
	color:#000;
}


#contact-form {
	width:400px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
}
#contact-form label {
	font-size:12px;
}
#contact-form p {
	width:400px;
	margin:7px 0 0 0;
}
input.text_input {
	width:300px;
	height:16px;
	padding: 4px 5px 2px 5px;
	float:right;
}
#contact-form textarea {
	float:right;
	width:300px;
	height:100px;
	padding: 4px 6px 2px 6px;
	resize:vertical;
}
input.form_submit {
	clear:both;
	float: right;
	padding: 7px 20px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	background: url(../images/bg-menu.png) repeat-x;
	border: 2px #ccc solid;
	cursor:pointer;
	margin:7px 0px 0 0;
}

input.form_submit:hover {
	background: url(../images/hbg-menu.png) repeat-x;
	padding: 7px 20px;
}