@charset "utf-8";
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 margin:0px;
 background-color:#ebf2e5;
 color:#000;
	-webkit-text-size-adjust: none;
}
html, body { height:100%; }
#container {
 min-height:100%;
}
* html #container {
 height:100%;
}
table { border-collapse:collapse; }
td, th { font-size:14px;padding:0px; }
.padded td, .padded th { padding:5px; }
th { text-align:left; }
.altrows tr:nth-child(odd) { background-color:#f2f7ed; }

img { border:none; margin:0; }
p { margin-top:0px; max-height:10000em; }
hr { margin:16px 0; padding:0; height:1px; border:none; overflow:hidden; background-color:#000; }

h1, h2, h3, h4, h5, h6 { font-family:Oswald; font-weight:normal; }
div > h4, div > h3 { margin-top:0; }


h1 { font-size:18px;margin:0;padding:15px 10px 0; text-align:right; color:#666; }
h2 {
	font-size:20px;
 background-color: #e9f0e4;
 margin: 0 0 10px;
 text-align: left;
 padding: 7px 10px;
 color: #333;
}
h3 { font-size:16px;margin:16px 0; }
h4 { font-size:16px;margin:16px 0 0; }
h5 { font-size:14px;margin:16px 0 0; }

a:link { color:#00b9d8; }
a:visited { color:#4500d9 /*#006ea6*/; }
a:active, a:hover { color:#a8cb3e; }

ul {
	margin-top:0px;
	margin-left:0px;
	padding-left:16px;
}
.no_bullets {
 list-style-type:none;
	padding-left:0px;
	margin:0px;
}

form { margin:0px; }
select, input, textarea { font-size:14px;margin:0px;font-family:Arial, Helvetica, sans-serif; }

.m, .m td, .m th { font-size:14px; }
.s, .s td, .s th { font-size:12px; }
.xs, .xs td, .xs th { font-size:11px; }

.inlineBlock {
	display:inline-block;
 	zoom:1;
 	*display:inline;
}

.success {
 color:#00cc00;
 font-weight:bold;
}
.error {
 color:#cc0000;
 font-weight:bold;
}
.warning {
 color:#ff9900;
 font-weight:bold;
}

.clear {
 clear:both;
	height:1px;
	overflow:hidden;	
}

.frame {
	margin:auto;
	max-width:960px;
}

.box {
	background-color:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	margin-bottom:20px;
}
.col {
	width:280px;
	margin:10px; 
	padding:10px;
	height:267px;
	vertical-align:top;
	display:inline-block;
 	zoom:1;
 	*display:inline;
}

.col h3 {
	margin:-10px -10px 10px -10px;
	text-align:left;
	padding:7px 10px;
	background-color:#d9e5cf;
	color:#333333;
	font-size:18px;
	border-bottom:5px solid #fff;
}

.half {
 width:47%;
 min-width:300px;
	margin-right:3%;	
	vertical-align:top;
	display:inline-block;
 	zoom:1;
 	*display:inline;
}
.col .half { min-width:0; }
.half img {
	width:100%;
	max-width:440px;
	min-width:300px;
}

#header img {
 width:300px;
	height:66px;
	margin:0 10px;
	float:left;
}

#header {
	background-color:#fff;
	padding:40px 0 20px;
}
#nav {
	clear:both;
	background-color:#666;
	padding:4px 0;
	color:#fff;
}
#nav div div {
	padding:0 20px;
	font-family:Oswald;
	font-size:18px;
	display:inline-block;
 	zoom:1;
 	*display:inline;
}
#nav a:visited { color:#00b9d8; }
#nav a:hover { color:#a8cb3e; }
#body {
	padding:20px 0 150px;
}
#footer {
	height:100px;
	background-color:#4d4d4d;
	color:#d9d9d9;
	padding:30px 0 20px;
	margin-top:-150px;
 text-align:center;
}
#contact {
 padding:0 10px;
	width:300px;
	display:inline-block;
 vertical-align:top;
 text-align:left;
}
#reviews {
	width:320px;
	display:inline-block;
 vertical-align:top;
}
#reviews img {
 margin:10px;
 vertical-align:middle;
}
#copyright {
	text-align:right;
	font-size:11px;
	padding:0 10px;
 width:300px;
	display:inline-block;
 vertical-align:top;
}
#copyright a { color:#d9d9d9; text-decoration:none; }
#prev, #next { font-size:120px; line-height:120px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.2); position:relative; margin-left:-73px; margin-top:172px; margin-bottom:-292px; }
#next { text-align:right; margin-right:-73px; margin-left:0; }
#prev span, #next span { cursor:pointer; }
#hero_div { padding:10px; line-height:50%; }
#hero {
	width:100%;
	height:50%;
 overflow:hidden;
 white-space:nowrap;
}
#hero img { width:100%; height:50%; object-fit:cover; transition:all 1s; }
#projects img {
	margin:-10px;
 width: 100%;
	min-width:300px;
 max-width: 410px;
}
#about { background-color:#eef4f5;}
#about h3 { background-color:#d3dbdc; }
#services {
	background-color:#faf7ee;
	background-image:url(img/watermark.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#services h3 { background-color:#e0dac8; }

.gallery { margin-left:-12px; margin-bottom:8px; text-align:center; }
.gallery div {
 text-align:center;
	line-height:108px;
 width:150px;
	height:114px;
	background-color:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	margin:0 0 12px 12px;
	display:inline-block;
 	zoom:1;
 	*display:inline;
}
.gallery div a { line-height:113px; }
.gallery div img { vertical-align:middle; max-height:108px; max-width:144px; }

@media (max-width:1130px) {
 #prev, #next { display:none; }
}

@media (max-width:979px) {
 #footer { background-image:none; height:auto; }
	.col { display:block; width:auto; }
	#projects { float:left; height:auto; }
 #projects img { width:110%; }
	#about { margin-left:430px; border-top:10px solid #fff; height:357px; }
	#services { clear:both; border-bottom:10px solid #fff; }
 #copyright { text-align:center; }
}

@media (max-width:659px) {
	.gallery { margin-top:10px; margin-left:-10px; }
	.gallery div { margin:0 0 10px 10px; }
	#projects { float:none; margin-top:0; text-align:center; }
	#projects img { margin: auto; max-width:100%; }
	#about { margin-left:0; }
	#services { margin-bottom:0; }
	.box .col { border-top:10px solid #fff; margin:0; height:auto !important; }
	#header { text-align:center; padding-top:20px; }
	#header img { float:none; }
	h1 { text-align:center; }
	#nav { text-align:center; }
	#nav div div#nav_home { display:none; }
	#body { padding-top:0; }
	#hero_div { padding:0; }
 #footer, #copyright { height:auto; text-align:center; }
	#footer table { margin:auto; }
	#footer table td { text-align:left; }
	#contact { margin-bottom:20px; float:none; width:auto; text-align:center; }
	.box { margin-bottom:0; }
}