@charset "utf-8";
/* CSS Document */

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	margin-top:0;
	margin-bottom:0;
	background:#04102c url(images/slider/1.jpg) repeat-x top center;
}
.style1{color:#484848;}

p { text-align:justify !important; }

h1,h2 { margin-top:5px; margin-right:5px; margin-bottom:0; padding-bottom:0; font-size:18px; font-weight:normal; color:#0c7dd8; }
.title { border-bottom:1px dotted #4b8abf; padding:5px; margin-left:10px; }

.wrapper
{
	background-position:center top;
	width:961px;
	height:auto;
	margin-left: auto ;
	margin-right: auto ;
	clear:both;
}
.header_wrapper
{
	width:961px;
	height:auto;
	font-size:12px;
	clear:both;
}
.menus
{
	float:left;
	width:960px;
	height:43px;
	background:url(images/menu_bg.jpg);
}
.menu
{
	float:left;
	width:auto;
	height:30px;
	margin:0 7px 0 7px;
	font:normal 13px Arial, Helvetica, sans-serif;
	padding-top:11px;
	text-align:center;
}
.menu:hover
{
	color:#0381fa;
	width:auto;
	height:30px;
	font:normal 13px Arial, Helvetica, sans-serif;
	padding-top:11px;
	text-align:center;
	background:#114478;
}
.menu a
{
	padding:0 5px 0 5px;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #ccc;
	color:#fff;
}
.menu a.selected
{
	color:#fff;
	width:auto;
	height:30px;
	font:normal 13px Arial, Helvetica, sans-serif;
	padding-top:11px;
	padding-bottom:12px;
	text-align:center;
	background:#114478;
}

.logo
{
	float:left;
	width:271px;
	height:105px;
	padding-left:10px;
}
.logo img
{
	float:left;
	width:201px;
	height:60px;
	padding-top:10px;
}
.header
{
	color:#fff;
	font-weight:bold;
	float:left;
	width:100%;
	height:100px;
}
.header img
{
	color:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;
	background:#fff;
	font-weight:bold;
	float:right;
	width:350px;
	height:70px;
}
.header h1
{
	font:36px Verdana, Geneva, sans-serif;
	color:#ffc600;
	text-align:right;
	padding:0;
	margin:0;
}
.main_wrapper
{
	width:960px;
	height:auto;
	clear:both;
	background:#e8effa;
}
.content_wrapper
{
	float:left;
	width:680px;;
	height:auto;

}
.content_box
{
	float:left;
	width:670px;
	height:auto;
	margin-left:10px;
	margin-bottom:15px;
}
.content_box1
{
	background:url(images/contact-bg.png) no-repeat #e8effa;
	float:left;
	width:685px;
	height:101px;
	margin:30px 0 15px 10px;
	color:#fff;
	padding-bottom: 6px;
    background-size: cover !important;
}

.content
{
	float:left;
	width:640px;
	height:auto;
	padding:10px;
	background:#e8effa;
}
.cont_box1
{
	width:300px;
	margin-right:40px;
	height:auto;
	float:left;
}
.cont_box
{
	width:340px;
	height:auto;
	float:left;
}
.cont_box_full
{
	width:100%;
	height:auto;
	float:left;
}
.c_box_mid
{
	width:95%;
	height:auto;
	padding:10px;
	color:#333;
}
.c_box_mid1
{
	width:320px;
	height:auto;
	padding:10px;
	color:#f8a300;
}
.right_wrapper
{
	float:right;
	width:266px;
	height:auto;
	margin:0;
}
.right_box
{
	float:left;
	width:266px;
	height:auto;
	margin-bottom:15px;
}
.architect
{
	color:#fff;
	height:24px;
	text-align:center;
	background:url(images/architecture_11.jpg) 0 0 no-repeat;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
.right_title
{
	float:left;
	width:212px;
	height:35px;
	font-size:14px;
	font-weight:bold;
	padding-top:15px;
	padding-left:15px;
}
.right_content
{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	width:210px;
	height:auto;
	text-align:justify;
	padding-left:25px;
	padding-right:30px;
	background:url(images/architecture_20.jpg);
}
.right_bottom
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background:url(images/architecture_21.jpg);
	width:246px;
	height:29px;
	padding:5px 0 0 10px;
	text-align:center;
}
.right_bottom a
{
	color:#fff;
}


/* Portfolio */
.portfolio_box{width:250px;margin-right:20px;font-size:11px;text-align:left;color:#666666;float:left; margin-bottom:20px; text-align: center;}
.portfolio_img{width:240px;height:190px;padding:5px;border:1px solid #cccccc;}
.portfolio_img img{ width:auto; max-width: 100%; height:auto; max-height: 100%; }
.portfolio_img:hover{width:240px;height:190px;padding:5px;border:1px solid #aaaaaa;}
.portfolio_title{font-size:14px;color:#1a75bc; margin-top:3px; padding-left:5px; display: block; min-height: 50px; }
.portfolio_title:before{ content:' \00BB  '; }
.portfolio_title a{color:#1a75bc; text-decoration:none;}
.portfolio_title a:hover{color:#1a75bc;}


.footer_wrapper
{
	width:961px;
	height:auto;
	clear:both;
	background:url(images/architecture_48.jpg);
	font:normal 11px/18px Arial, Helvetica, sans-serif;
}
.foot_box
{
	float:left;
	width:949px;
	height:15px;
}
.box
{
	float:left;
	width:200px;
	height:auto;
	padding-top:20px;
	padding-left:20px;
}
.foot
{
	float:left;
	width:914px;
	height:57px;
	text-align:center;
	padding-top:23px;
	margin:0;
	color:#fff;
}
.foot a
{
	color:#fff;
	text-decoration:none;
}
.clr
{
	clear:both;
}

li
{
	list-style-image:url(images/arrow.jpg);
	padding:2px;
}
.learn_more
{
	width:auto;
	height:24px;
	border:0;
	float:right;
	color:#4b8abf;
}

.clienteleBox { width:150px; height:100px; float:left; margin: 5px; border:1px solid #06C; text-align:center; }
img.clients { width:auto; max-width:90%; height:auto; max-height:90px; padding: 5px; }

.learn_more:after { content: ' \00BB '; }
.labl { width:150px; }
textarea { max-width:100%; min-height:50px; }
#reply { background:#4b8abf; padding:5px; width:100%; color:#fff; height:10px; }

#footer_design
{
color: #ffffff;
font: normal 11px/30px Arial, Helvetica, sans-serif;
margin:0 auto;
text-align:center;
width:100%;
background:#181818;
}
#footer_design a
{
color: #fff;
text-decoration:none;
}
#footer_design a:hover
{
color: #b6ff06;
text-decoration:underline;
}