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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, img
 {
    margin: 0;
    padding: 0;
    border: 0;
	font-size:16px;
	line-height:26px;
	color:#000000;
	
}

body, html{
	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
}


*{
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
}



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

a { 
	text-decoration: none; 
	outline: none;
	border:0;
	color:#00669a;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
a:hover { 
	text-decoration: none; 
	outline: none;
	border:0;
	color:#00669a;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.addblock::after{
	content:"/";
	padding-left:15px;
}

.header{
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #e0e0e0;
	float:left;
	position: fixed;
	z-index:9999;
	background:#FFFFFF;
	top:0;
	left:0;
}

.row {
	width:100%;
	max-width:960px;
	margin:0 auto;
}

a.arrow { 
	text-decoration: none; 
	outline: none;
	border:0;
	color:#64c621;
	font-size:18px;
	display: inline-block;
	padding:10px 0 0 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
a:hover.arrow { 
	text-decoration: none; 
	outline: none;
	border:0;
	color:#3a8e02;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

a.arrow:after{ content:" »"}

.logo{
	width:170px;
	float:left;
}

.banner{
	width:100%;
	float:left;
	margin:80px 0 0 0;
}

.banner01{
	width:100%;
	height:450px;
	background:url(../images/banner01.jpg) top center no-repeat;
	background-size:auto 100%;
}

.banner02{
	width:100%;
	height:450px;
	background:url(../images/banner02.jpg) bottom center no-repeat;
	background-size:auto 100%;
}

.banner03{
	width:100%;
	height:450px;
	background:url(../images/banner03.jpg) center no-repeat;
	background-size:auto 100%;
}

.banner04{
	width:100%;
	height:450px;
	background:url(../images/banner04.jpg) bottom center no-repeat;
	background-size:auto 100%;
}

.banner05{
	width:100%;
	height:450px;
	background:url(../images/banner05.jpg) center no-repeat;
	background-size:auto 100%;
}

.banner06{
	width:100%;
	height:450px;
	background:url(../images/banner06.jpg) center no-repeat;
	background-size:auto 100%;
}

/**** Body Content ****/
.interested{
	width:100%;
	background:#00669a;
	padding:25px 0;
	float:left;
}

.interested > .leftcol{
	color:#FFF;
	font-size:18px;
	float:left;
	padding-left:5%;
}

.interested > .rightcol{
	float:right;
	padding-right:5%;
}

.interested > .rightcol a{
	padding:12px 20px;
	background:#FFF;
	color:#00669a;
	text-decoration:none;
}

.interested > .rightcol a:hover{
	background:#e6e7e8;
}

.content_wrapper{
	background:#e6e7e8 url(../images/bg_logo.gif) no-repeat top left;
	min-height:779px;
	width:100%;
	padding:0 0 30px 0;
	float:left;
}


.content_left{
	float:left;
	width:35%;
	min-width:450px;
	margin: 120px 0 0 0;
}

.content_right{
	float:left;
	width:60%;
	padding:0 3%;
}

.contact_row h1,
.content_right h1,
.project_col h1{
	padding:15px 0 10px 0;
	color:#00669a;
	font-size:48px;
	font-weight:normal;
}

.contact_row p,
.content_right p,
.project_col p{
	padding-bottom:15px;
}

.content_right ul{
	display:block;
	list-style:outside;
	margin:0;
	width:100%;
}

.content_right ul li{
	display:block;
	padding:0 0 15px 25px;
	background:url(../images/icon_arrow.png) no-repeat left top;
	list-style-position: outside;
	width:100%;
	float:left;
}

.content_right ul li ul{
	display:block;
	list-style-position: outside;
	margin:0;
	float:left;
	width:100%;
}

.content_right ul li ul li{
	display:block;
	list-style-position: outside;
	width:165px;
	margin:5px 10px 0 -20px;
	color:#00669a;
	float:left;
	font-size:13px;
	background:none;
	line-height:15px;
}

/**** END Body Content ****/

/**** Footer ****/
.footer_wrapper{
	position:relative;
	bottom:0;
	width:100%;
	background:#c6c8ca;
	float:left;
	padding:0 0 20px 0;
}

.copyright{
	width:100%;
	max-width:94%;
	margin:0 auto;
	background-size:100% auto;
	padding:20px 3%;
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
}

.copyright .copyrighttext{
	width:100%;
	text-align: left;
	color:#6d6e70;
	font-size:15px;
	float:left;
}

/**** END Footer ****/



/* Back to top button */
#back-top {
	position: fixed;
	bottom: 30px;
	right:30px;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #64c621;
}

/* Back to top button */




/* Contact */
.contact_row{
	float:left;
	width: 90%;
	margin:0 5%;
}

.contact_form{
	float:left;
	width: 90%;
	margin:15px 5%;
}

.contact_left{
	width:47%;
	float:left;
}

.contact_right{
	width:47%;
	float:right;
}

.form_row{
	width:100%;
	margin-bottom:15px;
	font-size:16px;
}

.form_row label{
	font-size:16px;
	font-weight: normal;
}

.form_row input, textarea{
	width:98%;
	padding:10px 1%;
	font-size:16px;
}

.btn_submit{
	background:#00669a;
	padding:15px 25px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	border: none;
	width:auto;
}

.captcha_input input {
	width:140px;
	margin: 0 0 0 10px;
}

.error_msg{
	background:#F00;
	width:100%;
	padding:15px 20px;
	color:#FFF;
	font-weight:bold;
}

.thanks_msg{
	background:#00669a;
	width:100%;
	padding:15px 20px;
	color:#FFF;
	font-weight:bold;
}
/* Contact */

/* project */
.project_col{
	width:1024px;
	margin:10px auto;
}

.project_col td{
	padding:8px 5px;
	text-align:center;
	border-left:1px solid #c6c8ca;
	font-size:14px;
	line-height:18px;
	
}

.project_col td:first-child{
	border-left:0px solid #c6c8ca;
	
}

/* Client */
.img_client{
	float:left;
	width: 140px;
	margin:10px 25px 10px 0;
}