* {
   font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:400;
	}
body {
	margin:0; padding:0;
	background-color:#85b99b;
	}
a, a:active, a:visited, input { /* link dotted lines fix */
  outline: none;
  -moz-outline-style: none;
	}
b {
	font-weight:700;
	}
h1{
	color:#016d2f;
	font-size:24px;
	font-weight:700;
	}
.iH {
	display:none;
	}

/* ============================ */
/* ========== Header ========== */
/* ============================ */

#header {
	background:#016d2f url(../images/background.jpg) repeat-y center top;
	}
#header_outer {
	background-image:url(../images/top-gradient.png);
	background-repeat:repeat-x;
	}
#header_inner {
	width:1170px;
	margin:0 auto;
	position:relative;
	}
.logo img {
	/*max-width:80%;*/
	margin:13px 65px;
	border:0;
	}
.header_licensed {
	color:#fff000;
	font-size:18px;
	font-weight:400px !important;
	position:absolute;
	left:106px; top:15px;
	text-decoration:none;
	}
.header_insured {
	color:#fff000;
	font-size:18px;
	font-weight:400px !important;
	position:absolute;
	left:253px; top:15px;
	text-decoration:none;
	}
.header_services {
   color:#fff000;
	font-size:30px;
	float:right;
	margin-top:4px;
	}
.header_orangedot {
	float:right;
	margin:23px 18px 0 18px;
	}
.slogan {
	color:white;
	font-size:36px;
	position:absolute;
	top:90px; right:20px;
	}
.header_top {
	margin:15px 10px -15px 10px;
	}
.sub_slogan {
	color:white;
	font-size:24px;
	position:absolute;
	top:147px; right:0;
	}
.phone {
   color:#fff000;
	font-size:36px;
	font-weight:800;
   position:absolute;
	top:191px; right:160px;
	}

/* ============================== */
/* ========== Menu Bar ========== */
/* ============================== */

#menuBar {
	background-color:#fff000;
	width:100%;
	}
#menuBarInner {
   width:1170px;
	margin:0 auto;
	}
.tinynav, .navtitle { display:none; }
#nav {
	padding:0; margin:0;
	list-style:none;
	}
#nav ul {
   margin:0; padding:0;
   }
#nav li {
   float:left;
   margin:0;
   }
#nav a {
	display:block;
	height:50px;
	line-height:50px;
	color:black;
	font-size:24px;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	float:left;
	padding:0 53px;
	}
#nav a:hover, #nav a.other_site:hover {
	background-color:white;
	}
#nav a.other_site {
   background-color:#f37536;
   padding:0 57px;
	}

/* ============================= */
/* ========== Content ========== */
/* ============================= */

.mainContent {
	padding:0 30px;
	}
#container p, #container td, #container li, #container a {
	font-size:18px;
	font-weight:600;
	}
#container a {
 	color:#016d2f;
 	}
#container a:hover {
	color:#fff000;
	}
ul.star {
   list-style-type: none;
	padding:0;
	margin:0 0 0 18px;
	}
ul.star li {
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position:0 5px;
	padding-left:27px;
	}
#trustwaveSealImage {
	background: url(../images/trustwave.jpg) no-repeat !important;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 209px;
	height: 117px;
	padding-left:209px;
	margin:0 auto !important;
	}
.responsive_img {
	max-width:100%; height:auto;
	border:0;
	}
.responsive_break {
	display:block;
	}
.responsive_break2 {
	display:inline;
	}
.responsive_rebreak, .responsive_rebreak2 {
	display:none;
	}
.photoGallery img {
	float:left;
	width:360px;
	height:238px;
	margin:10px 5px;
	}

/* ============================ */
/* ========== Footer ========== */
/* ============================ */

html, body, #wrap { height: 100% }
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 76px; border:0px solid transparent }  /* must be same height as the footer */
#footer {
	background:#016d2f url(../images/background.jpg) repeat-y center top;
	position: relative;
	margin-top: -76px; /* negative value of footer height */
	height: 76px;
	clear:both;
   color:white;
	padding-top:19px;
	text-align:center;
	font-weight:600;
	}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
 	display: inline-block;
 	}/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}/* End hide from IE-mac */
#footer a {
	text-align:center;
	color:white;
	line-height:20px;
	font-weight:600;
	}
#footer a:hover {
	color:#fff000;
	}
.orange {
	color:#f37536;
	margin:0 20px;
	}
.web-design {
	font-size:12px;
	font-weight:600;
	}
.floatright {
	float:right;
	}
.testimonial::after {
	border-color:#eee transparent;
	border-style:solid;
	border-width:15px 15px 0;
	bottom:-15px;
	content:"";
	display: block;
	left:50px;
	position:absolute;
	width:0;
	}
.testimonial:nth-child(even)::after {
	left:auto;
	right: 50px;
	}
.testimonial {
	background:#eee none repeat scroll 0 0;
	border-radius:10px;
	color:#000;
	margin:1em 0 3em;
	padding:15px;
	position:relative;
	}
.testimonial_name {
	display:block;
	text-align:right;
	font-style:italic;
	color:#999;
	margin-top:7px;
	}


/*****************************/
/***** HighSlide Classes *****/
/*****************************/

.highslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid black;
}
.highslide:hover img {
	border-color: black;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: black black #202020 black;
	background: gray;
}
.highslide-wrapper, .glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	color: white;
	background: #111;
}
.highslide-heading {
	display: none;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: black;
	padding-left: 22px;
	background-image: url(../highslide/graphics/loader.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move a {
	cursor: move;
}

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background: url(../highslide/graphics/controlbar-black-border.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}
.highslide img { border:2px solid #85b99b !important; }
.highslide img:hover { border:2px solid #fff000 !important; }

/* ========================== */
/* ========== Grid ========== */
/* ========================== */

.clearfix {
	*zoom:1;
	}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
	}
.clearfix:after {
	clear: both;
	}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0;
	}
.row:after {
	clear: both;
	}
[class*="grid_"] {
	float: left;
	min-height: 1px;
	}
.marginleft {
	margin-left:30px;
	}
#container {
	width: 1170px;
	padding:30px 0;
	overflow:hidden;
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:46px 0 35px 0;
	}
#container:before, #container:after {
	display: table;
	content: "";
	line-height: 0;
	}
#container:after {
	clear: both;
	}
.grid_12 { width: 1170px; }
.grid_11 { width: 1070px; }
.grid_10 { width: 970px; }
.grid_9 { width: 870px; }
.grid_8 { width: 770px; }
.grid_7 { width: 670px; }
.grid_6 { width: 570px; }
.grid_5 { width: 470px; }
.grid_4 { width: 365px; }
.grid_3 { width: 270px; }
.grid_2 { width: 170px; }
.grid_1 { width: 70px; }

/* =================================== */
/* ========== Media Queries ========== */
/* =================================== */

@media only screen and (max-width:1199px)
{
	#menuBarInner, #header_inner {
	   width:960px;
		}
   .mainContent {
		padding:0 30px;
		}
	#nav a {
		font-size:19px;
		padding:0 45px;
		}
   #nav a.other_site {
		padding:0 50px 0 49px;
		}
	.sub_slogan {
		right:10px;
		}
	.header_services {
		font-size:26px;
		margin-right:10px;
		}
	.row { margin-left:-20px; }
	[class*="grid_"] {
		margin-left:20px;
		}
	#container { width:960px; }
	.grid_12 { width:960px; }
	.grid_11 { width:860px; }
	.grid_10 { width:780px; }
	.grid_9 { width:700px; }
	.grid_8 { width:610px; }
	.grid_7 { width:540px; }
	.grid_6 { width:460px; }
	.grid_5 { width:380px; }
	.grid_4 { width:300px; }
	.grid_3 { width:220px; }
	.grid_2 { width:140px; }
	.grid_1 { width:60px; }
}
@media only screen and (max-width:979px)
{
	#header_inner { text-align:center; }
	.logo img { margin:13px auto; }
	.logo img::after { clear:both; }
	.header_services { float:none; font-size:18px; }
	.header_services_maint { position:absolute; top:10px; right:10px; }
	.header_services_landscape { position:absolute; top:50px; right:10px; }
	.header_orangedot { position:absolute; top:22px; right:76px; }
	a.header_licensed { left:50px; }
	a.header_insured { left:150px; }
	.slogan, .sub_slogan, .phone { position:relative; display:block; top:auto; right:auto; }
	.phone { padding-bottom:30px; }
	.responsive_break {
		display:none;
		}
   .responsive_rebreak {
		display:block;
		}
   #header {
		height:auto;
		padding:0;
		}
	#header_inner {
		padding:0 30px;
		}
   #menuBar {
   	width:100%; height:auto;
   	}
   #menuBarInner, #header_inner {
		width:748px; height:auto;
		}
   #nav a {
		font-size:18px;
		padding:0 27px;
		}
   #nav a.other_site {
		padding:0 29px;
		}
	#footer { padding-top:7px; }
	#container { width:748px; }
	.grid_12 { width:748px; }
	.grid_11 { width:684px; }
	.grid_10 { width:620px; }
	.grid_9 { width:556px; }
	.grid_8 { width:472px; }
	.grid_7 { width:428px; }
	.grid_6 { width:364px; }
	.grid_5 { width:300px; }
	.grid_4 { width:236px; }
	.grid_3 { width:172px; }
	.grid_2 { width:108px; }
	.grid_1 { width:44px; }
}
@media only screen and (max-width:767px)
{
	.logo img { margin:20px 0 0 0; }
	.header_services_maint { font-size:15px; }
	.header_services_landscape { top:29px; font-size:15px; }
	.header_orangedot { display:none; }
	a.header_licensed { left:18px; font-size:15px; }
	a.header_insured { left:100px; font-size:15px; }
	.photoGallery img { height:auto; width:46%; float:initial; }
   #header {
		width:100%;
		}
   #header_inner {
		width:auto;
		}
   #menuBar {
		padding-bottom:0;
		position:relative;
		}
   #menuBarInner {
		width:100%;
		}
	.logo img {
		width:50%; height:auto;
		}
   .responsive_img {
		margin:0 auto;
		}
   .orange {
		display:none;
		}
   .responsive_rebreak2 {
		display:inline;
		}
	.orange2 { display:inline; }
	.orange { margin:0 10px; }
   .tinynav {
		display:block;
		border:1px solid #fff000;
		background-color:#fff000;
		width:100%; height:30px;
		padding:0 5px 0 15px;
		cursor:pointer;
		outline:none;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		font-size:16px;
		}
	#nav { display:none; }
	select option { font-weight:normal; }
	option:checked, select:not(:checked) { font-weight:bold; }
	#footer {
		height:auto !important;
		padding-bottom:20px;
		}
	.web-design {
		padding-bottom:10px;
		position:relative;
		top:10px;
		}
	#container {
		width:100%;
		padding:20px;
		}
	.row {
		margin-left: 0;
		}
	[class*="grid_"] {
		float:none;
		display:block;
		width:100%;
		margin-left:0;
		margin-bottom:30px;
		}
}
@media only screen and (max-width:479px)
{
   .logo img { width:75%; height:auto; margin-top:50px; }
	.header_services_maint { right:auto; left:10px; font-size:14px; }
	.header_services_landscape { top:10px; font-size:14px; margin-right:0; }
	a.header_licensed { top:33px; left:10px; font-size:14px; }
	a.header_insured { top:33px; left:auto; right:10px; font-size:14px; }
	.phone { font-size:31px; }
	.slogan { font-size:30px; line-height:34px; margin:20px 0; }
   .header_top { width:auto; height:34px; margin:0 10px -12px; }
	.sub_slogan { font-size:20px; line-height:23px; }
   #container p, #container td, #container li, #container a { font-size:16px; }
   #container { padding:15px; }
   .floatright { float:none; margin-bottom:10px; }
   #footer { font-size:14px; }
   .photoGallery img { height:auto; width:95%; }
}