* {
   font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:400;
	}
body {
	margin:0; padding:0;
	background-color:#f6f7f7;
	background-repeat:repeat-x;
	}
a, a:active, a:visited, input { /* link dotted lines fix */
  outline: none;
  -moz-outline-style: none;
	}
a {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
b {
	font-weight:700;
	}
.iH {
	display:none;
	}

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

#menuBar {
	background:#000000 url(../images/menubar.jpg) no-repeat center top;
	width:100%; height:100px;
	position: fixed;
	z-index:99;
	}
#menuBarInner {
   width:1110px; height:100px;
	margin:0 auto;
   padding:0 30px;
	}
.logo img {
	margin-top:12px;
	border:0;
	}
.tinynav, .navtitle { display:none; }
#nav {
	float:right;
	list-style:none;
	margin:32px 0 0 0;
	padding:0;
	}
#nav ul {
   padding:0;
   margin:0;
   list-style:none;
   }
#nav li {
   float:left;
   margin:0;
   }
#nav a {
	display:block;
	width:106px;
	line-height:30px;
	color:white;
	font-size:22px;
	font-weight:300;
	text-align:center;
	text-decoration:none;
	float:left;
	margin-left:20px;
	border-radius:5px;
	}
#nav a:hover {
	background-color:#dcdcdc;
	color:black;
	}
#nav a.selected {
   background-color:#dcdcdc;
	color:black;
	cursor:default;
	}

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

#header_home {
	background:#000000 url(../images/header.jpg) no-repeat center top;
	padding:30px 30px 30px 30px;
	max-height:476px;
	overflow:hidden;
	}
#header {
	background:#000000 url(../images/header.jpg) no-repeat center top;

	}
#header_inner {
	width:1110px;
	margin:0 auto;
	}
#header_inner img {
	max-width:80%;
	margin:34px 0;
	}
.portfolioLink {
	width:1110px;
	margin:15px auto 0 auto;
	text-align:right;
	}
.portfolioLink a {
	color:#909090;
	font-size:12px;
	text-decoration:none;
	}
.portfolioLink a:hover {
	color:white;
	}

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

.mainContent {
	padding:0 30px;
	}
.servicesTextBlock {
	background-color:white;
	padding:10px 20px;
	border-radius:20px;
	font-size:14px;
	height:550px;
	}
.servicesTextBlock h1 {
	margin-top:0;
	display:block;
	border-bottom:1px solid #00afe2;
	}
.response {
	color:#757474;
	}
#container p, td, li, a, input, textarea {
	font-size:14px;
	}
.inputStyle {
	width:90%;
	padding:6px;
	border:1px solid #666666;
	border-radius:5px;
	}
#container a {
 	color:#005176;
 	}
#container a:hover {
	color:#00afe2;
	}
ul {
	list-style-image: url(../images/bullet.gif);
	}
li {
	margin-bottom:5px;
	}
.paymentBox {
	background-color:white;
	border:1px solid #999999;
	width:383px; height:187px;
	padding-top:61px;
	text-align:center;
	float:right;
	margin-left:20px;
	}
.financingBox {
	float:left;
	margin-left:30px;
	}
.submitButton {
	display:block;
	padding:0 30px;
	background-color:#00afe2;
	font-size:22px;
	font-weight:300;
	color:white;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	border:none;
	border-radius:5px;
	margin:4px 0 6px 0;
	float:right;
	transition: all 0.4s ease;
	}
.submitButton:hover {
	background-color:#313131;
	cursor:pointer;
	}
.hline {
	width:100%; height:1px;
	margin-bottom:25px;
	}
.responsive_img {
	max-width:100%; height:auto;
	border:0;
	}
.iphone {
	margin:20px 0 20px 100px;
	border:1px solid #c0c0c0;
	}
.required {
	font-size:11px;
	color:red;
	}
.hideAborder {
	border-right:1px solid #aaaaaa;
	}
.floatright {
	margin:0 0 10px 20px;
	}

/* ========================= */
/* ========== FAQ ========== */
/* ========================= */

.parents-toggle {
	margin-bottom:7px;
   padding-left:17px;
	background-image:url(../images/faq_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	}
.side-toggle {
	margin-bottom:7px;
   padding-left:17px;
	background-image:url(../images/faq_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	}
a.question {
	color:#00afe2;
	font-size:14px;
	text-decoration:underline;
	cursor:auto;
	}
a.question:hover {
	color:#fff000;
	cursor:pointer;
	}
.answer {
	padding:16px 28px 9px 28px;
	font-size:14px;
	}

/* ======================================= */
/* ========== Testimonial Fader ========== */
/* ======================================= */

#faded a {
	color:black;
	text-decoration: none;
	}
#faded a:hover {
	text-decoration: underline;
	color:black;
	}
.testimonialFader {
	height: 340px;
	}
.testimonialFader ul {
	list-style:none;
	padding:0;
	}
h2 {
	font-family:'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#141414;
	font-size:36px;
	font-weight:300;
	letter-spacing:-1px;
	line-height:1.2em;
	margin:0 0 33px 0;
	}
.p2 {
	margin-bottom:15px;
	}
#faded {
	height: 263px;
	position: relative;
	z-index: 9;
	}
.faded-box {
	height: 263px;
	}
.quovolve-nav {
	top:-38px;
	right:0px;
	height:16px;
	position: relative;
	z-index: 1;
	text-align:right;
	margin-bottom:-38px;
	}
.nav-prev a {
	background: url("../images/prev.gif") no-repeat 0px 0px;
	width:11px; height:16px;
	text-indent:-5000px;
	display:block;
	position:absolute;
	overflow:hidden;
	top:0; right:20px;
   -webkit-transition:none;
	transition:none;
	}
.nav-prev a:hover, .nav-next a:hover {
	background-position:0 -16px;
	}
.nav-next a {
	background: url("../images/next.gif") no-repeat 0px 0px;
	float:right;
	width:11px; height:16px;
	text-indent:-5000px;
	display:block;
	position:absolute;
	overflow:hidden;
	top:0; right:0;
	-webkit-transition:none;
	transition:none;
	}
.quotes {
	background:white;
	padding: 38px 33px 40px 31px;
	border-radius:32px;
	border:1px solid rgb(242, 243, 243);
	position:relative;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	color:#737373;
	font-size: 14px;
	line-height:22px;
	margin-bottom: 25px;
	}
.p0 {
	color:#737373;
	font-size: 14px;
	}
.quo {
	left: 38px; bottom: -19px;
	position: absolute;
	}

/* ================================= */
/* ========== Payment Div ========== */
/* ================================== */

.creditDiv {
	width:271px;
	margin:0 auto 25px auto;
	}
#container a.paymentButton {
	display:block;
	width:268px;
	background-color:#00afe2;
	font-size:22px;
	font-weight:300;
	color:white;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	border-radius:5px;
	margin:4px 0 6px 0;
	}
#container a.paymentButton:hover {
	background-color:#313131;
	}

/* ================================ */
/* ========== Social Div ========== */
/* ================================ */

.socialDiv {
	width:296px;
	margin-right:-25px;
	float:right;
	}

/* ============================ */
/* ========== 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-color:black;
	position: relative;
	margin-top: -76px; /* negative value of footer height */
	height: 76px;
	clear:both;
	}
/* 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_inner {
	width:1110px;
	margin:0 auto;
	}
.footerLeft {
	float:left;
	width:50%;
	font-size:11px;
	height:56px;
	color:#909090;
	padding-top:19px;
	}
.footerRight {
	float:left;
	width:50%;
	font-size:11px;
	height:76px;
	line-height:76px;
	text-align:right;
	color:#909090;
	}
#footer_inner a {
	font-size:11px;
	text-align:center;
	color:#00afe2;
	line-height:20px;
	}
#footer_inner a:hover {
	color:#f6f7f7;
	}
#footer_inner a.seolink, #footer_inner a.seolink:hover {
   font-size:11px;
	text-align:center;
	color:#909090;
	line-height:20px;
	text-decoration:none;
	}

/*****************************************/
/***** Interactive Mouseover Classes *****/
/*****************************************/

.portfolio {
	background-color:#005871;
	float:left;
	width:154px;
	margin:5px;
   border-radius:7px;
	border:7px solid #005871;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	}
.portfolio:hover {
	background-color:#1c6e85;
   float:left;
   width:154px;
	margin:5px;
   border-radius:7px;
	border:7px solid #1c6e85;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	}
.portfolio img, .portfolio:hover img {
	border:2px solid black;
	}
#container .portfolio a, #container .portfolio:hover a {
	font-family: tahoma, geneva, sans-serif;
	color:white;
	text-decoration:none;
	font-size:12px;
	}
#container .portfolio a:hover, #container .portfolio:hover a:hover {
	font-family: tahoma, geneva, sans-serif;
	color:#fff000;
	text-decoration:underline;
	font-size:12px;
	}
.qtooltip {
	display:none;
	}

/*****************************/
/***** 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 transparent !important;
}
.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;
}

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

.clearfix {
	*zoom:1;
	}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
	}
.clearfix:after {
	clear: both;
	}
.row {
	margin-top:30px;
	}
.row:first-child {
	margin-top:0;
	}
.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-wrap {
   background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	}
#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: 563px; }
.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)
{
	#header_inner { width:980px; }
	#menuBarInner, #header_inner {
	   width:90%;
		}
   .mainContent {
		padding:0 30px;
		}
	#footer_inner { width:920px; }
	#nav a {
		width:86px;
		font-size:19px;
		}
   .portfolioLink {
		width:100%;
		padding-right:30px;
		}
	.testimonialFader {
		height:380px;
		}
   .servicesTextBlock {
		height:625px;
		}
	.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 {
		height:auto;
		padding:0;
		}
	#header_inner {
		padding:0 30px;
		}
   #menuBar {
   	width:100%; height:auto;
   	}
   #menuBarInner, #header_inner {
		width:auto; height:auto;
		}
   #menuBarInner {
		padding-bottom:20px;
		}
   .creditDiv, .socialDiv {
		width:auto;
		}
   .socialDiv {
		float:none;
		}
	.socialDiv span {
		display:block;
		height:15px;
		}
   .paymentBox {
		margin-left:10px;
		}
   .servicesTextBlock {
		height:auto;/*745px*/
		}
   .servicesTextBlock h1 {
		font-size:22px;
		}
   .financingBox {
		margin-left:10px;
		}
	#container a.paymentButton {
		width:100%;
		font-size:18px;
		}
   .floatright {
		margin:0 auto 20px auto;
		float:none;
		display:block;
		}
	#nav {
		margin-top:15px;
		}
   #nav a {
		width:106px;
		font-size:22px;
		}
	#footer_inner { width:708px; }
	#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)
{
   #header {
		width:100%;
		}
   #header_inner {
		width:auto;
		}
	#footer_inner {
		width:90%;
		}
	#menuBar {
		padding-bottom:0;
		}
	.logo img {
		width:50%; height:auto;
		}
   .testimonialFader {
		height:310px;
		}
   .responsive_img {
		margin:0 auto;
		}
	.creditDiv {
		width:271px;
		}
   .paymentBox {
		float:none;
		width:100%;
		margin:0;
		}
   .servicesTextBlock {
		height:auto;
		}
   .servicesTextBlock h1 {
		font-size:30px;
		}
   .financingBox {
		margin:30px 0;
		float:none;
		}
	.hideAborder {
		border:0;
		}
   .iphone {
		margin:20px 0 20px 20px;
		max-width:100%; height:auto;
		}
   .tinynav {
		display:block;
		border:1px solid #dddddd;
		background-color:#e4e4e4;
		width:100%; height:30px;
		padding:0 5px;
		margin:15px 0 0 0;
		cursor:pointer;
		outline:none;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		font-size:16px;
		}
	#nav { display:none; }
	select option { font-weight:normal; }
	option:checked, select:not(:checked) { font-weight:bold; }
	#footer {
		padding-top:13px;
		height:63px;
		}
	.footerLeft {
		padding-top:0;
		}
	.footerLeft, .footerRight {
		float:none;
		width:90%;
		text-align:left;
		height:auto;
		line-height:12px;
		padding-left:20px;
		}
	.footerRight a {
		line-height:12px;
		}
	#container {
		width:100%;
		padding:20px;
		}
	.row {
		margin:0;
		}
	[class*="grid_"] {
		float:none;
		display:block;
		width:100%;
		margin-left:0;
		margin-bottom:30px;
		}
}
@media only screen and (max-width:479px)
{
   .iphone {
		margin:20px 0;
		}
   .logo img {
		width:75%; height:auto;
		}
   #container {
		padding:15px;
		}
}