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

@font-face {
    font-family: 'Helvetica Neue Ultra Light';
    src: url('fonts/HelveticaNeueUltraLight.eot');    
    src: local('☺'), url('fonts/HelveticaNeueUltraLight.woff') format("woff"), url('fonts/HelveticaNeueUltraLight.ttf') format("truetype");
	font-weight: 100;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Helvetica Neue Ultra Light';
	src: url('fonts/HelveticaNeueUltraLight.eot');
	src:url('fonts/HelveticaNeueUltraLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueUltraLight.woff') format('woff'), 
		url('fonts/HelveticaNeueUltraLight.ttf') format('truetype'), 
		url('fonts/HelveticaNeueUltraLight.svg') format('svg');
	font-weight: 100;
	font-style: normal;
}*/

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('fonts/HelveticaNeueLight.eot');    
    src: local('☺'), url('fonts/HelveticaNeueLight.woff') format("woff"), url('fonts/HelveticaNeueLight.ttf') format("truetype");
	font-weight: 200;
	font-style: normal;
}
/*@font-face {
	font-family: 'Helvetica Neue Light';
	src: url('fonts/HelveticaNeueLight.eot');
	src:url('fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueLight.woff') format('woff'), 
		url('fonts/HelveticaNeueLight.ttf') format('truetype'), 
		url('fonts/HelveticaNeueLight.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}*/
@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue.eot');    
    src: local('☺'), url('fonts/HelveticaNeue.woff') format("woff"), url('fonts/HelveticaNeue.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}
/*@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/HelveticaNeue.eot');
	src:url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue.woff') format('woff'), 
		url('fonts/HelveticaNeue.ttf') format('truetype'), 
		url('fonts/HelveticaNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
    font-family: 'Ostrich Sans Rounded';
    src: url('fonts/OstrichSansRounded.eot');    
    src: local('☺'), url('fonts/OstrichSansRounded.woff') format("woff"), url('fonts/OstrichSansRounded.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}
/*@font-face {
	font-family: 'Ostrich Sans Rounded';
	src: url('fonts/OstrichSansRounded.eot');
	src:url('fonts/OstrichSansRounded.eot?#iefix') format('embedded-opentype'),
		url('fonts/OstrichSansRounded.woff') format('woff'), 
		url('fonts/OstrichSansRounded.ttf') format('truetype'), 
		url('fonts/OstrichSansRounded.svg') format('svg');
	font-style:normal;
}*/
*{
	outline: none;
}
.hidden{
	display:none;	
}
body{
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	background-color:#F7F7F7;
	color:#444444;
	background-image:url(../img/bg.png);	
	background-position:center;
	-webkit-text-size-adjust: none;
}
a{
	text-decoration:none;
	color:#0589C3;
	cursor:pointer;
	transition: color 200ms ease-out;
	-webkit-transition: color 200ms ease-out;
}
a:hover{
	color:#F3CB5E;	
}
.center{
	text-align:center;	
}
span.yellow{
	color:#F3CB5E;
}
em{
	font-style:italic;
}
div#header_big{
	display:block;
	background-color:#04648B;
	height:90px;
	min-width:100%;
	margin:0 auto;
	position:fixed;
	z-index:10;
	/*border-top:solid 2px #F3CB5E;*/
}
div#header_big h1{
	float:left;
	display:block;
}

div#header_big div#logo_container{
	width:25%;	
	float:left;
}
div#header_big div#logo_container img{
	width:100%;
	padding:0 0 0 0;	
}
div#header_big div#main_menu{
	width:75%;
	float:left;
}
div#header_big ul#nav{
	float:right;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	font-size:200%;
	text-transform:uppercase;
}
div#header_big ul#nav li{
	float:left;	
	position: relative;
	z-index: 101;
	margin-left: 30px;
}
div#header_big ul#nav li a{
	color:#fff;	
	display: inline-block;
	padding: 30px 5px 22px 5px;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
div#header_big ul#nav li a:hover{
	color:#F3CB5E;
	padding-top: 34px;
	padding-bottom:20px;
	border-bottom:solid #F3CB5E 4px;
}

div#header_big ul#nav li ul.sub_nav{
	display:none;
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	border-bottom:solid #F3CB5E 0px;
	text-transform:capitalize;
	font-size:65%;
	padding:10px 0;
	top:93.5px;
	margin:-4px 0 0 0px;
	width:190px;
}
div#header_big ul#nav li ul.sub_nav li{
	clear:both;
	margin:0px;
	margin:7px 10px;
}
div#header_big ul#nav li ul.sub_nav li a{
	color:#fff;
	padding:0px;
	border:0px;
}
div#header_big ul#nav li ul.sub_nav li a:hover{
	color:#F3CB5E;
	padding-left:5px;
}




div#header_small{
	background-color:#04648B;
	height:40px;
	min-width:100%;
	margin:0 auto;
	position:fixed;
	z-index:9;
}
div#header_small h1{
	float:left;
	display:block;
}

div#header_small div#logo_container{
	width:25%;	
	float:left;
}
div#header_small div#logo_container img{
	height:39px;
	padding:0 0 0 0;	
}
div#header_small div#main_menu{
	width:75%;
	float:left;
}
div#header_small ul#nav{
	float:right;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	font-size:200%;
	text-transform:uppercase;
}
div#header_small ul#nav li{
	float:left;	
	position: relative;
	z-index: 101;
	margin-left: 30px;
}
div#header_small ul#nav li a{
	color:#fff;	
	display: inline-block;
	padding: 5px 5px 5px 5px;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
div#header_small ul#nav li a:hover{
	color:#F3CB5E;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:solid #F3CB5E 2px;
}

div#header_small ul#nav li ul.sub_nav{
	display:none;
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	text-transform:capitalize;
	font-size:65%;
	padding:10px 0;
	top:43.5px;
	margin:-4px 0 0 0px;
	width:190px;
}
div#header_small ul#nav li ul.sub_nav li{
	clear:both;
	margin:0px;
	margin:7px 10px;
}
div#header_small ul#nav li ul.sub_nav li a{
	color:#fff;
	padding:0px;
	border:0px;
}
div#header_small ul#nav li ul.sub_nav li a:hover{
	color:#F3CB5E;
	padding-left:5px;
}
div.container{
	min-width:1025px;
	max-width:1280px;
	width:85%;
	margin:0 auto;
	position:relative;
	clear:both;
}
div#welcome{
	height:auto;
	background-color:rgba(0,0,0,0.7);
	background-image:url(../img/optimized/skyline.jpg);
	background-size:cover;
	background-position:center;
	background-opacity:0.7;
	padding:135px 0 40px 0;
	margin:0 auto 0px auto;
	color:#fff;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	text-align:center;
}
div#welcome h2{
	display:inline-block;
	margin:0 0 0 -200px;
	font-size:300%;
	padding:10px 25px;
	background-color:rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.6);
	border-radius:2px;
}
div#welcome h3{
	display:inline-block;
	margin:10px 0 0 50px;
	font-size:150%;
	padding:10px 25px;
	background-color:rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.7);
	color:#F3CB5E;
	border-radius:2px;
}
div#welcome p.block{
	display:block;
	margin:10px auto;
	width:600px;
	font-size:100%;
	line-height:1.8em;
	letter-spacing:0.1em;
	padding:10px 25px;
	background-color:rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	border-radius:2px;
}
p{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
		
}
p.quote_button{
	text-align:center;
	display:block;
	font-size:300%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;	
	width:400px;
	padding:30px 40px;
	border-radius:5px;
	margin:0 auto;
	background-color:#C9D9D8;
	color:#000;
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-out;
}
p.quote_button:hover{
	color:#F3CB5E;
	background-color:#04648B;
}
div#body{
	background-color:rgba(255,255,255,0.4);
}
.contact span a{
	background-color:rgba(255,255,255,0.4);
	padding:0 0 0 2px;
}


div.circle {
	margin:0 auto 20px auto;
	width: 100px;
	height: 100px;
	background-color:#F3CB5E;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
div.circle:hover{
	background-color:#0589C3;	
}
div#compass, div#store, div#key, div#tag{
	width:100px;
	height:100px;
	display:table-cell;
	background-position:center;
	background-repeat:no-repeat;	
}
div#compass{
	background-image:url(../img/optimized/compass.png);
}
div#store{
	background-image:url(../img/optimized/store.png);
}
div#key{
	background-image:url(../img/optimized/key.png);
}
div#tag{
	background-image:url(../img/optimized/tag.png);
}

div.three_one{
	position:relative;
	float: left;
	width: 30%;
	text-align:center;
	margin-top:20px;
	margin-right: 2.4%;
	margin-bottom: 50px;
	padding:0px 2.4% 0px 0;
	border-right:solid 1px rgba(102,102,102,0.5);
	height:auto;	
}
div.three_one h6{
	font-size:200%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;	
}
div.three_last{
	margin-right: 0%;
	padding-right:0%;
	border-right:none;
}
div.three_one p{
	font-weight:200;font-family: 'Helvetica Neue Light';
	letter-spacing:0.1em;
	line-height:1.75em;	
}
p.view_more{
	text-align:center;
	display:inline-block;
	font-size:90%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;	
	width:100px;
	padding:5px 10px;
	border-radius:3px;
	margin:5px auto;
	color:#F3CB5E;
	background-color:#04648B;
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-out;
}
p.view_more:hover{
	background-color:#C9D9D8;
	color:#000;
	background-color: #F3CB5E;
	color: #FFFFFF;
}




div#clients{
	text-align:center;
	margin:0 0 10px 0;
}
div#clients h4, div#about h4, div#services h4, div#work h4, div#contact h4{
	font-family: "Ostrich Sans Rounded";
	font-size:500%;
	color: #302a28;
	line-height: 0.7em;
	text-shadow: -1px 1px 0px #fefdfd;
	text-transform: uppercase;
	text-align:center;
}
div#clients h5, div#contact h5{
	text-align:center;
	display:block;
	margin:2px 0 5px 0;
	font-size:150%;
	padding:0;
	font-weight:200;font-family: 'Helvetica Neue Light';
	color:#999;
	color:#F3CB5E;
}
div#client{
	display:inline-block;
	width:200px;
	height:200px;	
}
div#clients img{
	width:200px;
	height:200px;
}
div.alt_section{
	height:auto;
	background-color:rgba(0,0,0,0.7);
	padding:70px 0;
	margin:0 auto;
	color:#fff;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	text-align:left;
}
div.alt_section .container{
	background-color:rgba(255,255,255,0.2);	
	padding:10px 20px;
}
div.alt_section h4{
	display:block;
	margin:0 0 0 0;
	font-size:200%;
	padding:5px 0 0 5px;
}
div.alt_section h6{
	display:block;
	margin:0px 0 0 0;
	font-size:100%;
	padding:0px 25px;
	color:#CCCCCC;
}
div.alt_section p{
	display:block;
	margin:10px auto;
	width:80%;
	font-size:100%;
	line-height:1.8em;
	letter-spacing:0.1em;
	padding:10px 25px;
	color:#fff;
	text-align:center;
}
div.alt_section a{
	color:#F3CB5E;	
}
div.alt_section a:hover{
	color:#C9D9D8;	
}
div.color_section{
	height:auto;
	background-color:rgba(243,203,94,0.8);
	padding:20px 0;
	margin:10px auto 0 auto;
	color:#fff;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	text-align:left;
}
div.color_section a{
	color:#F3CB5E;	
}
div.color_section a:hover{
	color:#ffffff;	
}
div.color_section h4{
	display:block;
	margin:0 0 0 0;
	font-size:200%;
	color:#444;
	padding:5px 0 0 5px;
}
div.color_section h6{
	display:block;
	margin:0px 0 0 0;
	font-size:100%;
	padding:0px 25px;
	color:#CCCCCC;
}
div.color_section p.block{
	display:block;
	margin:0px auto;
	width:90%;
	font-size:200%;
	line-height:1.2em;
	letter-spacing:0.1em;
	padding:0px 0px;
	color:#fff;
	text-align:center;
}
div.page_heading {
	background-color:#C9D9D8/*F3CB5E*/;
	font-size:320%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	color:#555;	
	padding:0;
	padding-top:90px;
	margin-bottom:30px;
}
div.page_heading h2{
	padding:30px 0;
	font-weight:200;font-family: 'Helvetica Neue Light';
}
div.page_heading h2 span.sub{
	color:rgba(0,0,0,0.5);	
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
}
div#about{
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	margin:0 0 10px 0;
}
div#about h4{
	margin-bottom:5px;	
}
div#about p{
	text-transform:none;
	color:#333;	
	font-weight:200;font-family: 'Helvetica Neue Light';
	letter-spacing:0.1em;
	line-height:1.75em;	
	padding-bottom:10px;
}
div.alt_section.mission h4, div.color_section h4{
	text-align:center;
	display:block;
	margin:0 auto;
	width:auto;
	font-size:340%;
	padding:5px 0 0 5px;	
}
div.alt_section.mission h5{
	text-align:center;
	display:block;
	margin:0 auto;
	width:400px;
	color:#F3CB5E;
	font-size:140%;
	padding:5px 0 0 5px;	
}
div.alt_section.mission p, div.color_section p.block{
	text-align:center;
	font-size: 100%;
	text-transform: none;
	font-weight: 100;
	letter-spacing: 0.1em;
	line-height: 1.75em;	
}
div.color_section p.block{
	margin:10px auto 20px auto;
	font-size:130%;
	color:#555;
}
div.service{
	clear:both;
	height:auto;
	font-size:160%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	padding: 43px 0 20px;
	border-bottom:solid 1px rgba(0,0,0,0.2);
}
.clear {
clear: both;
float: none !important;
padding: 0 !important;
}
div.service h3{
	font-family: "Ostrich Sans Rounded";
	font-size:200%;
	color: #F3CB5E;
	line-height: 0.7em;
	text-shadow: -1px 1px 0px #fefdfd;
	text-transform: lowercase;
	text-align:left;
	margin-top:0px;
}
div.service h5{
	font-weight:200;font-family: 'Helvetica Neue Light';
	text-align: right;
	font-size:80%;
	text-shadow:none;	
}
span.arrow{
	font-size:200%;	
	line-height:10px;
	display:inline-block;
	margin:0 0 5px 0;
}
div.service ul{
	list-style:inside decimal-leading-zero;	
}
div.service ul li{
	margin:5px 0 0 10px;
	padding:5px;	
}
div.list{
	float:left;	
	width:58%;
}
div.related{
	float:left;
	width:42%;
	display:none;
}
div.related h5{
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	text-align:left;
	font-size:90%;
	width:320px;
	font-style:italic;
	margin:0 0 0 0px;	
	padding:0 0 2px 2px;
	border-bottom:solid 1px rgba(0,0,0,0.2);
}
div.related ul{
	list-style:none;	
}
div.related ul li{
	float:left;
	padding:0;
	margin:5px 0 0 5px;
	height:75px;
	width:75px;
}
div.related ul li img{
	width:100%;
}
div.color_section.alt {
	background-color:rgba(5,137,195,0.8);
}
div.color_section.alt h4{
	color:#fff;
}
div.color_section.alt p.block{
	color:#fff;
}
div.color_section a{
	color:#0589C3;	
}
div#work{
	text-align:center;	
	margin:0 0 20px 0;
}
ul#filters{
	text-align:left;	
}
ul#filters li {
	background-color: #F3CB5E;
	color: #FFFFFF;
	cursor: pointer;
	list-style: none;
	display: inline-block;
	margin: 6px 0 0 3px;
	font-size: 110%;
	font-weight: 100;
	padding:5px 10px;
	border-radius: 3px;
	letter-spacing: 0.1em;
}
ul#filters li:hover {
	color: #F3CB5E;
	background-color: #04648B;
}
div#grid{
	max-width:1050px;	
}
#grid .mix{
	opacity: 0;
	display: none;
}
div.square {
	display:inline-block;
	float: left;
	width: 330px;
	height: 330px;
	border-radius:6px;
	overflow:hidden;
	margin:10px 0 0 10px;
}
div.square img{
	width:100%;	
}
div.hover {
	opacity: 0;
	width: 290px;
	height: 300px;
	padding:15px 20px;
	position: relative;
	margin-top:-330px;
	background-color: rgba(243,203,94,0.98);
	color: #fff;
	text-align:left;
	transition-property: opacity;
	transition-duration: 100ms;
	-moz-transition-property: opacity;
	-moz-transition-duration: 100ms;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 100ms;
}
div.hover:hover{
	opacity: 1;
	transition-property: opacity;
	transition-duration: 100ms;
	-moz-transition-property: opacity;
	-moz-transition-duration: 100ms;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 100ms;
}
div.hover h5{
	font-family: "Ostrich Sans Rounded";
	font-size:400%;	
	line-height:0.8em;
	letter-spacing:0em;
}
div.hover h6{
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	font-size:150%;	
}
img.quote{
	height:6px;
	margin-bottom:10px;	
	padding:0 5px;
}
.right{
	text-align:right!important;
	padding:0 0 0 0!important;
	margin:-30px 150px 20px 0!important;	
}
div#contact{
	margin:20px 0;	
}
div#form{
	width:65%;
	float:left;
	text-align:center;
	margin-right:2%;
}
div#form h6{
	font-size:150%;	
}
.full.checks{
	width:96%;
	padding:0;	
}
ul#services{
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	line-height:1.8em;
	letter-spacing:0.1em;
}
ul#services li{
	display:inline-block;
}
input[type=checkbox]{
	margin:0 5px 0 7px;	
}
div#info{
	width:350px;
	float:left;
	margin: 0 auto;
	text-align:left;
	text-align:center;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
}
div#info img{
	width:93%;
	margin:1% auto;
	border:solid 10px #fff;	
}
div#info h4{
	font-size:355%;	
	margin:11px 0 0 0;
	line-height:0.8em;
}
div#info h5{
	text-align:left;
	font-size:200%;
	font-weight:200;font-family: 'Helvetica Neue Light';
	margin:2px 0 10px 0;
	line-height:0.8em;
}
div#info p.center{
	font-weight:200;font-family: 'Helvetica Neue Light';
	margin-bottom:10px;
	font-style:italic;	
}
div#info p.contact{
	font-size:120%;	
}
.contact {
position: relative;
padding-bottom: 6px;
overflow: hidden;
white-space: nowrap;
}

.contact:after {
content: ".........................................................................................................................................";
}
.contact span {
position: absolute;
right:0px;
padding-left: 0em;
background-image:url(../img/bg.png);
}
input, textarea{
	display:inline-block;
	margin:8px 0 0 0;
	border:0px;
	font-family:"Helvetica Neue";
	font-size:140%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
	text-align:left;
	border-radius:2px;	
	color:#555;
}
::-webkit-input-placeholder{color:rgba(100,100,100,0.5);}:-moz-placeholder{color:rgba(100,100,100,0.5);}::-moz-placeholder{color:rgba(100,100,100,0.5);}:-ms-input-placeholder {color:rgba(100,100,100,0.5);}

.required::-webkit-input-placeholder{color:rgba(255,51,0,0.5);}.required:-moz-placeholder{color:rgba(255,51,0,0.5);}.required::-moz-placeholder{color:rgba(255,51,0,0.5);}.required:-ms-input-placeholder {color:rgba(255,51,0,0.5);}

input[type=text], textarea{
	background-color:rgba(255,255,255,0.5);
	box-shadow:inset 0px 0px 5px 1px #ccc;
}
.required.error{
	box-shadow:inset 0px 0px 5px 1px #F30;
}
.required.passed{
	/*box-shadow:inset 0px 0px 5px 1px #060;	*/
}
.full{
	width:96%;
	padding:2%;	
}
.half{
	width:46%;
	padding:2% 1%;	
}
.half.halfright {
	margin-left:3%;
}
textarea{
	resize:none;
	height:200px;	
}
input[type=submit]{
	-webkit-appearance: none;
	width:48%;
	text-align:center;
	color:#F3CB5E;
	background-color:#04648B;
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-out;
}
input[type=submit]:hover{
	background-color: #F3CB5E;
	color: #FFFFFF;
	cursor:pointer;
}
input[type=submit]:active{
	background-color: rgba(0,0,0,0.8);
	color: #F3CB5E;
}
div#header_mobile{
	display:none;
	background-color:#04648B;	
	position:relative;
	width:100%;
	z-index:999;
	padding:0;
	border-bottom:ridge 1px rgba(255,255,255,0.2);
}
div#header_mobile ul{
	display:none;
	width:100%;
	background-color:#0589C3;
	margin:0 0 0 0;	
	box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
}	
div#header_mobile div#logo_container{
	float:left;
	width:100px;
	margin:0px 0 0 0;
	padding:10px 0 10px 10px;
}
div#header_mobile img{
	height:30px;
}
div#header_mobile div#main_menu{
	float:right;
	margin:0;
	padding:10px;
	border-left:ridge 1px rgba(255,255,255,0.2);
}
div#header_mobile ul li{
	width:100%;	
	font-size:130%;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
}
div#header_mobile ul a{
	color:#fff;	
	display:block;
	padding:10px;
}
div#header_mobile a:active{
	color:#F3CB5E;	
}
/*---------FOOTER BAR---------*/
div#footer{
	clear:both;
	width:100%;
	background-color:#0589C3;	
	/*background-color:#04648B;*/
	border-bottom:solid 5px #F3CB5E;
	margin:10px 0 0 0;	
}
div#footer a{
	color:#F3CB5E;		
}
div#footer a:hover{
	color:#EEEEEE;	
}
div#footer #top{
	width:100%;
	border-bottom:solid 1px rgba(255,255,255,0.2);
	padding:10px 0;
}
h5#logo{
	width:15%;	
	float:left;
}
h5#logo img{
	width:100%;	
}
div#newsletter_signup{
	float:right;
	width:85%;
	height:55px;
	text-align:right;
}
div#newsletter_signup h6{
	position:relative;
	top:7px;
	font-size:300%;
	display:inline-block;
	width:55%;
	line-height:1em;
	font-family:"Ostrich Sans Rounded";
	color:#FFFFFF;
}
div#newsletter_signup img{
	height:30px;
	position:relative;
	top:5px;
	left:5px;
}
div#newsletter_signup form{
	display:inline-block;	
	width:43%;
}
div#footer input[type=text]{
	background-color:#fff;
	margin:10px 5px 0 0;
	width:70%;
	padding:5px;
}
div#footer input[type=submit]{
	margin:10px 5px 0 0;
	width:23%;
	padding:5px;
	background-color: #F3CB5E;
	color: #333;
}
div#footer input[type=submit]:hover{
	/*background-color: #0589C3;
	color: #FFFFFF;*/
	background-color:#04648B;
	color:#F3CB5E;
	cursor:pointer;
}

div#footer input[type=submit]:active{
	background-color: rgba(0,0,0,0.8);
	color: #F3CB5E;
}
div#footer #bottom{
	width:100%;
	padding:0 0 10px 0;
}
div#bottom div.section{
	width:auto;
	display:inline-block;
	border-right:solid 1px rgba(255,255,255,0.2);
	padding:10px;
	font-family: "Helvetica Neue Ultra Light"; font-weight:100;
}
div#bottom div.section h6{
	color:#FFFFFF;
	font-family:"Ostrich Sans Rounded";
	font-size:225%;
}
div#bottom div.section.navigate{
	border-right:none;
}
div#bottom div.section.navigate a{
	display:inline-block;
	margin:0 15px 0 0;	
}
div#bottom div.section p{
	font-size:150%;
	margin:0 0 0 10px;
}



@media screen and (max-width: 1024px) and (min-width: 320px) {
	body::-webkit-scrollbar { 
    	display: none; 
	}
	body{
		scroll:none;
	}	
	div#header_big, div#header_small{
		display:none!important;	
	}
	div#header_mobile{
		display:block;	
	}
	div#welcome{
		padding:10px 0 5px 0;
	}
	div#welcome h2{
		  font-size:130%; 
		  margin-left:0px; 
	}
	div#welcome h3{
		  font-size:110%;
		  width:70%;
		  margin-left:0px;  
	}
  	div#welcome p.block{
		margin:10px auto;
		width:90%;
		font-size:90%;
		padding:5px 0;
		margin:15px 5% 10 5%;
	}
	p.quote_button{
		font-size:150%;
		font-family: "Helvetica Neue Ultra Light"; font-weight:100;	
		width:50%;
		padding:10px 20px;
		border-radius:5px;
		margin:0 auto 10px auto;
	}
	
	div.container{
		width:100%;	
		min-width:300px;
	}
	div.three_one{
		width:100%;
		padding:10px 0;
		margin:0;
		border-right:none;
		border-bottom:solid 1px rgba(0,0,0,0.2);
	}
	div.three_last{
		border-bottom:none;
	}
	div.three_one div.circle{
		margin:0 auto 10px auto;	
	}
	div.three_one p{
		padding:0 20px;
		margin-bottom:10px;
	}
	p.view_more{
		font-size:130%;
		font-weight:100!important;
		width:auto;
		margin:0 auto;
		padding:10px 50px;
	}
	div#clients h4, div#about h4, div#services h4, div#work h4, div#contact h4{
		font-size:320%;
		line-height:0.85em;
	}
	div.alt_section{
		padding:30px 0;
	}
	div.alt_section .container{
		padding:0;
	}
	div.alt_section h4{
		font-size:160%;
	}
	div.alt_section h6{
		font-size:90%;
		margin-top:5px;
	}
	div.alt_section p{
		display:block;
		margin:5px auto 0px auto;
		width:auto;
		font-size:85%;
		font-weight:200;font-family: 'Helvetica Neue Light';
		padding:0 20px;
		color:#fff;
		text-align:center;
	}
	div.color_section p.block{
		font-size:100%;	
	}
	div.alt_section.mission h4, div.color_section h4 {
		font-size: 240%;
		padding: 5px 0 0 0;
	}
	div.alt_section.mission h5{
		font-weight:200;font-family: 'Helvetica Neue Light';	
	}
	div.page_heading{
		padding:0 10px;
	}
	div.page_heading h2 {
		text-align:center;
		padding:0;
		font-size:150%;
		letter-spacing:0.05em;
		font-weight: 100;
	}
	div.page_heading span.sub{
		display:none;	
	}
	div#about p {
		padding:5px 25px;	
	}
	div.service{
		padding:10px;	
		margin:10px 0;
		font-size:110%;
	}
	div.list {
		width: 80%;
		font-size:110%;
	}
	div.related {
		display:none;
	}
	div#work{
		margin-bottom:0;	
	}
	div#grid{
		text-align:center;
		width:100%;	
		margin-top:-28px;
		margin-bottom:0;
	}
	div.square {
		display:block;
		margin:10px auto;
	}
	div.alt_section.mission h5 {
		font-size: 120%;
		width:auto;
	}
	div.service{
		font-weight:200;font-family: 'Helvetica Neue Light';	
	}
	div.service h3 {
		font-size:300%;
		line-height:0.8em;
		text-align:center;
	}
	p.quote_button, p.view_more, div#welcome, div.color_section, div.alt_section.mission p, div.color_section p.block, div.related h5, ul#filters li, div.hover h6, ul#services, div#info{
		font-weight:200!important;font-family: 'Helvetica Neue Light'!important;
	}
	ul#filters{
		display:none;	
	}
	
	div.hover{
		display:none;
	}
	div#contact{
		margin:20px auto 0 auto;
	}
	div#form{
		clear:both;
		display:inline-block;
		width:96%;
		margin:0 2%;
	}
	.full.checks{
		width:90%;
		padding:0px;
		margin:0 5%;	
	}
	div#info{
		margin:0 2%;
		display:inline-block;
		width:96%;
	}
	div#info h4, div#info img, div#info p.center{
			display:none;
	}
	div#info img{
		width:90%;
		margin:0 auto;
			
	}
	div#info h5{
		margin-top:15px;	
	}
	
	input, textarea{
		font-weight:200;font-family: 'Helvetica Neue Light';
	}
	.full{
		width:96%;
		padding:2%;
		margin:5px 0 0 0;	
	}
	.half{
		width:96%;
		padding:2%;	
		margin:5px 0 0 0;	
	}
	.half.halfright {
		margin-left:0%;
	}
	input[type=submit]{
		width:100%;
		margin:10px 2% 0 2%;
	}	
	div#info p.contact {
		width:96%;
		margin:0 2%;
	}
	div#footer #top{
		border-bottom:none;	
	}
	h5#logo{
		clear:both;
		width:100%;
		margin:0 auto;
	}
	h5#logo img{
		display:block;
		width:200px;
		margin:0 auto;
	}
	div#newsletter_signup{
		clear:both;
		width:96%;
		height:auto;
		text-align:center;
		padding:0 2%;
	}
	div#newsletter_signup h6{
		font-size:200%;
		display:inline-block;
		width:95%;
		line-height:1em;
		font-family:"Ostrich Sans Rounded";
		color:#FFFFFF;
	}
	div#newsletter_signup form{
		display:inline-block;	
		width:95%;
	}
	div#bottom div.section{
		border-right:none;
		padding:0 20px;
		margin:0 0 5px 0;
		font-weight:200;font-family: 'Helvetica Neue Light';
	}
	div#bottom div.section h6{
		font-size:175%;
	}
	div#bottom div.section.navigate a{
		margin:0 5px 0 0;	
	}
	div#bottom div.section p{
		font-size:120%;
		margin:0 0 0 10px;
	}
}
@media screen and (max-width: 500px) {
	div.square {
		margin:1.5% 0 0 1.5%;
		width:97%;
		height:97%;	
	}
}
@media screen and (max-width: 700px) and (min-width: 500px) {
	div.square {
		margin:1.5% 0 0 1.5%;
		width:48%;
		height:48%;
	}
}
@media screen and (max-width: 1024px) and (min-width: 701px) {
	div.square {
		margin:1.5% 0 0 1.5%;
		width:31%;
		height:31%;
	}
}