/***************************************************
SITE SETUP:
Mobile display:  max-width: 599px;
Desktop display: min-width: 600px; max-width: 899px;
Wide display:    min-width: 900px;
***************************************************/

/*****FONTS:*****/

/*****GLOBAL RESET:*****/
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****DEFAULT ELEMENT STYLES:*****/
h2, h3, h4, p, #content ol, #content ul, table, form {
	margin-bottom:1em;
}

/*****DESKTOP/MOBILE SPECIFIC STYLES:*****/
@media (min-width: 600px) {
	.mobile-only {
		display:none !important;
	}
}
@media (max-width: 599px) {
	.desktop-only {
		display:none !important;
	}
	input {
		-webkit-appearance:none;
		font-size:16px; /* stops zooming on iOS devices */
	}
}

/*****BODY STYLES:*****/
body {
	margin:0;
	padding:0;
}
	@media (min-width: 600px) {
		body {
			font-family:"century gothic", verdana, geneva, sans-serif;
		}
	}
	@media (max-width: 599px) {
		body {
			font-family:"HelveticaNeue-Light", Helvetica, Arial, Verdana, sans-serif;
			-webkit-text-size-adjust:none;
			position:relative;
		}
	}

/*****HEADERWRAP STYLES:*****/
#headerwrap {
	width:100%;
	position:fixed;
	top:0;
	z-index:8;
}

/*****HEADER STYLES:*****/
#header {
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	background:#aaa;
	border-bottom:2px solid #fff;
	box-shadow:inset 0 5px 10px -5px #777;
	-webkit-box-shadow:inset 0 5px 10px -5px #777;
}
	@media (min-width: 900px) {
		#header {
			height:50px;
			z-index:3;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#header {
			height:100px;
			z-index:3;
		}
	}
	@media (max-width: 599px) {
		#header {
			height:50px;
			z-index:5;
		}
	}

/*****MENU TOGGLE ICON STYLES:*****/
@media (min-width: 600px) {
	#toggleIcons {
		display:none;
	}
}
@media (max-width: 599px) {
	#toggleIcons {
		position:absolute;
		display:block;
		top:0;
		right:0;
		height:70px;
		width:100px;
		z-index:10;
	}
	a#toggleMenu {
		position:absolute;
		text-align:center;
		top:0;
		right:0;
		height:40px;
		width:40px;
		padding:5px;
		background:url('/images/menu.svg') no-repeat center center;
		cursor:pointer;
		color:white;
		text-indent:-9999px;
	}
}

/*****MENU STYLES:*****/
#menu {
	position:relative;
	overflow:hidden;
	z-index:3;
}
	@media (min-width: 900px) {
		#menu {
			margin:0 auto -38px auto;
			top:-38px;
			max-width:960px;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#menu {
			top:-90px;
			margin:0 auto -90px auto;
			max-width:900px;
		}
	}
	@media (max-width: 599px) {
		#menu {
			top:0px;
			margin:0;
			background:#777;
			box-shadow:inset 0 5px 10px -5px #444;
			-webkit-box-shadow:inset 0 5px 10px -5px #444;
		}
	}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
	@media (max-width: 599px) {
		#menu ul {
			border-bottom:2px solid #fff;
		}
	}
#menu ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li a {
	display:inline-block;
	text-align:center;
	color:white;
	text-decoration:none;
}
	@media (min-width: 900px) {
		#menu ul li a {
			padding:10px 2%;
			width:12%;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#menu ul li a {
			padding:10px 1.5%;
			width:17%;
			margin:0 0 10px 0;
		}
	}
	@media (max-width: 599px) {
		#menu ul li a {
			padding:10px 0;
			width:50%;
			margin:0;
		}
	}
#menu ul li a:hover {
	color:#777;
	background:#fff;
}
	@media (min-width: 900px) {
		#menu ul li a:hover {
			border-radius:5px 5px 0 0;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#menu ul li a:hover {
			border-radius:5px;
		}
	}

/*****HOME DIV STYLES:*****/
#home {
	font-family:helvetica, verdana, geneva, sans-serif;
	margin:0;
	padding:0;
	z-index:1;
	overflow:hidden;
	width:100%;
	position:relative;
	background:#fff;
}
	@media (min-width: 900px) {
		#home {
			margin-top:45px;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#home {
			margin-top:100px;
		}
	}
	@media (max-width: 599px) {
		#home {
			margin-top:50px;
		}
	}
	#home h1 {
		display: none;
	}
#home img {
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
	height:auto;
}
#home #homecontent {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	color:white;
	top:40%;
}
	@media (min-width: 900px) {
		#home #homecontent {
			margin-top:-0.5em;
			font-size:4em;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#home #homecontent {
			font-size:3em;
		}
	}
	@media (max-width: 599px) {
		#home #homecontent {
			font-size:2em;
		}
	}

/*****CONTENT DIV STYLES:*****/
#content {
	line-height:1.5em;
	z-index:1;
	overflow:auto;
	box-shadow:inset 0 5px 10px -5px #777;
	-webkit-box-shadow:inset 0 5px 10px -5px #777;
}
#content a, #content a:visited {
	color:#2a7fff;
}
#content h3 {
	clear:both;
	font-family:"century gothic", verdana, geneva, sans-serif;
	text-align:center;
	font-size:2em;
	line-height:1em;
	color:#777;
	margin:2em 0 0.5em 0;
}
#content h4 {
	font-family:"century gothic", verdana, geneva, sans-serif;
	font-size:1.5em;
	margin-top:1em;
	color:#777;
}
#content h5 {
	font-family:"century gothic", verdana, geneva, sans-serif;
	font-size:1.2em;
	margin-top:0.5em;
	color:#777;
}
#content .hr {
	clear:both;
	border:none;
	width:280px;
	height:50px;
	background:url('/images/hr.svg') center center no-repeat;
	margin:0 auto 2em auto;
	text-align:center;
}
	#content hr {
		display:none;
	}
	@media (min-width: 600px) {
		#content .left2col {
			float:left;
			width:50%;
		}
	}
	@media (max-width: 599px) {
		#content .left2col {
			width:100%;
		}
	}
#content ul {
	display:inline-block;
	list-style:disc;
}
#content ol {
	list-style:decimal;
}
#content ol, #content ul {
	padding-left:40px;
}
#content ol li, #content ul li {
	margin-bottom:0.8em;
}
#content ul ul {
	list-style:circle;
	margin-top:0.8em;
}

/*****ABOUT DIV STYLES:*****/
#about {
	padding:3em 10px;
	overflow:hidden;
	position:relative;
}
#about img {
	max-height: 200px;
}
	@media (min-width: 900px) {
		#about {
			max-width:1200px;
			margin:0 auto;
		}
		#about .left2col {
			float:left;
			width:50%;
			text-align: center;
		}
		#about .right2col {
			display:block;
			margin-left:50%;
			text-align: center;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#about {
			max-width:900px;
			margin:0 auto;
		}
		#about .left2col {
			float:left;
			width:50%;
			text-align: center;
		}
		#about .right2col {
			display:block;
			margin-left:50%;
			text-align: center;
		}
	}
	@media (max-width: 599px) {
		#about {
			max-width:600px;
			margin:0 auto;
		}
		#about .left2col {
			width:100%;
			text-align: center;
			margin-bottom: 30px;
		}
		#about .right2col {
			width:100%;
			text-align: center;
		}
	}

/*****SERVICES DIV STYLES:*****/
#services {
	overflow:hidden;
	width:100%;
	padding:3em 0;
	position:relative;
	background:#efe;
}
#services .colcontainer {
	padding: 0 10px;
}
@media (min-width: 900px) {
	#services .colcontainer {
		position:relative;
		max-width:1200px;
		margin:0 auto;
	}
	#services .left2col {
		float:left;
		width:50%;
	}
	#services .right2col {
		display:block;
		margin-left:50%;
	}
}
@media (min-width: 600px) and (max-width: 899px) {
	#services .colcontainer {
		position:relative;
		max-width:900px;
		margin:0 auto;
	}
	#services .left2col {
		float:left;
		width:50%;
	}
	#services .right2col {
		display:block;
		margin-left:50%;
	}
}
/*****PORTFOLIO DIV STYLES:*****/
#portfolio {
	overflow:hidden;
	padding:3em 10px;
}
@media (min-width: 900px) {
		#portfolio {
			position:relative;
			max-width:1200px;
			margin:0 auto;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#portfolio {
			position:relative;
			max-width:900px;
			margin:0 auto;
		}
	}
#portfolio .colcontainer {
	text-align:center;
}
	@media (min-width: 900px) {
		#portfolio .colcontainer {
			margin:0 auto;
			max-width:1200px;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#portfolio .colcontainer {
			margin:0 auto;
			max-width:900px;
		}
	}
#portfolio .colcontainer img {
	width:98%;
	border:1px solid #ddd;
}
#portfolio .colblock {
	text-align:center;
}
	@media (min-width: 900px) {
		#portfolio .colblock {
			width:31.3333%;
			margin:0 1% 3em 1%;
			float:left;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#portfolio .colblock {
			width:48%;
			margin:0 1% 3em 1%;
			float:left;
		}
	}
	@media (max-width: 599px) {
		#portfolio .colblock {
			margin:0 5% 3em 5%;
			width:90%;
		}
	}
#portfolio .colblock h4 {
	margin-top:0;
}
#portfolio .colblock h4 a {
	text-decoration:none;
	color:#777;
}
/* Portfolio Images Slideshow */
#slideshow {
	width:100%;
	overflow:hidden;
	position:relative;
}
	#slideshow .rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#slideshow .rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
		list-style-type: none;
		padding:0;
		margin:0;
	}
	
/*
	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}
*/	
	#slideshow .rslides img {
		display: block;
		height: auto;
		float: left;
		width: 100%;
		border: 0;
		border-radius: 15px;
	}
	#slideshow .rslides .slideshowDescription {
		display:inline-block;
		position:relative;
		top:-60px;
		font-size: 1em;
		font-weight: bold;
		color:white;
		background: rgba(0,0,0,0.5);
		padding: 10px;
		border-radius: 0 15px 15px 0;
	}
	.transparent-btns_nav {
		z-index: 30;
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 0;
		left: 0;
		display: block;
		background: #fff; /* Fix for IE6-9 */
		opacity: 0;
		filter: alpha(opacity=1);
		width: 48%;
		text-indent: -9999px;
		overflow: hidden;
		height: 91%;
	}

	.transparent-btns_nav.next {
		left: auto;
		right: 0;
	}

	.transparent-btns_nav:focus {
		outline: none;
	}

	.transparent-btns_tabs {
		margin-top: 10px;
		text-align: center;
	}

	.transparent-btns_tabs li {
		display: inline;
		float: none;
		_float: left;
		*float: left;
		margin-right: 5px;
	}

	.transparent-btns_tabs a {
		text-indent: -9999px;
		overflow: hidden;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background: #ccc;
		background: rgba(0,0,0, .2);
		display: inline-block;
		_display: block;
		*display: block;
		-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
		-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
		box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
		width: 9px;
		height: 9px;
	}

	.transparent-btns_here a {
		background: #222;
		background: rgba(0,0,0, .8);
	}
/*****CASE STUDY DIV STYLES:*****/
#casestudy {
	overflow:hidden;
	width:100%;
	padding:3em 0;
	position:relative;
	background:#efe;
}
#casestudy .colcontainer {
	padding: 0 10px;
}
@media (min-width: 900px) {
	#casestudy .colcontainer {
		position:relative;
		max-width:1200px;
		margin:0 auto;
	}
}
@media (min-width: 600px) and (max-width: 899px) {
	#casestudy .colcontainer {
		position:relative;
		max-width:900px;
		margin:0 auto;
	}
}
.casestudyImage {
	display: block;
	position: relative;
	height: auto;
	float: left;
}
@media (min-width: 600px) {
	.casestudyImage {
		width: 31.3%;
		min-width: 150px;
		margin:0 1% 15px 1%;
	}
}
@media (max-width: 599px) {
	.casestudyImage {
		width: 48%;
		min-width: 150px;
		margin:0 1% 15px 1%;
	}
}
			.casestudyImage img {
		width:100%;
		border: 0;
		border-radius: 15px;
	}
	.casestudyImage .casestudyDescription {
		display:block;
		min-height:5em;
		margin:-10px 0 0 0;
		padding:10px;
	}
/*****PRICING DIV STYLES:*****/
#pricing {
	z-index:1;
	overflow:hidden;
	width:100%;
	padding:3em 0;
	position:relative;
	background:#ddd;
}
#pricing .right2col {
	padding:0 10px;
}
	@media (min-width: 600px) {
		#pricing .right2col {
			display:block;
			margin-left:50%;
		}
	}
#pricing h4 {
	color:#444;
}
#pricing p {
	color:#555;
}
#pricing .calculator {
	float:right;
	width:80px;
	margin:0 1em;
}

/*****CONTACT DIV STYLES:*****/
#contact {
	z-index:1;
	overflow:hidden;
	width:100%;
	padding:3em 0;
	position:relative;
}
#contact .hr {
	margin-bottom:2em;
}
#contact h4 {
	color:#444;
}
#contact p {
	color:#555;
}
#contact .colcontainer {
	text-align:center;
}
	@media (min-width: 900px) {
		#contact .colcontainer {
			margin:0 auto;
			max-width:1200px;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#contact .colcontainer {
			margin:0 auto;
			max-width:900px;
		}
	}
#contact .colcontainer img {
	width:40%;
}
#contact .colblock {
	text-align:center;
}
	@media (min-width: 600px) {
		#contact .colblock {
			width:27.3333%;
			padding:0 3% 1em 3%;
			float:left;
		}
	}
	@media (max-width: 599px) {
		#contact .colblock {
			padding:0 5% 1em 5%;
			width:90%;
		}
	}

/*****TERMS DIV STYLES:*****/
#terms {
	padding:3em 10px;
	overflow:hidden;
	position:relative;
}
@media (min-width: 900px) {
		#terms {
			position:relative;
			max-width:1200px;
			margin:0 auto;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#terms {
			position:relative;
			max-width:900px;
			margin:0 auto;
		}
	}

/*****CALCULATOR DIV STYLES:*****/
#calculator {
	padding:3em 10px;
	overflow:hidden;
	position:relative;
}
@media (min-width: 900px) {
		#calculator {
			position:relative;
			max-width:1200px;
			margin:0 auto;
		}
		#calculator .right2col {
			display:block;
			margin-left:50%;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#calculator {
			position:relative;
			max-width:900px;
			margin:0 auto;
		}
		#calculator .right2col {
			display:block;
			margin-left:50%;
		}
	}
#calculator td {
	padding:10px;
}
#calculator .total {
	font-family:"Raleway", "century gothic", verdana, geneva, sans-serif;
	font-size:2em;
	line-height:1em;
	color:#777;
}

/*****FOOTER STYLES:*****/
#footer {
	clear:both;
	position:relative;
	background:#444;
	color:#ddd;
	border-top:2px solid #fff;
	text-align:center;
	padding:1em 10px;
	z-index:1;
	margin:0;
	box-shadow:inset 0 5px 10px -5px #333;
	-webkit-box-shadow:inset 0 5px 10px -5px #333;
}
#footer a {
	color:white;
}
#footer .footer_copyright {
	font-size:0.8em;
}
	@media (min-width: 600px) {
		#footer .footer_copyright {
			text-align:right;
		}
	}
#footer .footer_terms {
	font-size:0.8em;
	margin-top:1em;
}
	@media (min-width: 600px) {
		#footer .footer_terms {
			text-align:left;
			margin-top:-1em;
		}
	}
#footer .social_icons {
}
	@media (min-width: 600px) {
		#footer .social_icons {
			width:168px;
			height:32px;
			position:absolute;
			left:50%;
			top:50%;
			margin-left:-84px;
			margin-top:-16px;
		}
		#footer .social_icons a {
			float:left;
			margin:0 5px;
		}
	}
	@media (max-width: 599px) {
		#footer .social_icons {
			padding-bottom:10px;
		}
		#footer .social_icons a {
			margin:0 5px;
		}
	}

/*****SEO STYLES:*****/
#se {
	position:relative;
	font-size:0.8em;
	background:#444;
	color:#ddd;
	text-align:center;
	z-index:1;
	padding:10px;
	margin:0;
}
#se p {
	margin:0 !important;
}


/*****ERROR/FORBIDDEN DIV STYLES:*****/
#error {
	padding:3em 10px;
	overflow:hidden;
	position:relative;
}
@media (min-width: 900px) {
		#error {
			position:relative;
			max-width:1200px;
			margin:0 auto;
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		#error {
			position:relative;
			max-width:900px;
			margin:0 auto;
		}
	}

/*****FORM STYLES:*****/
form input {
	padding:5px;
}

/*****MISC STYLES:*****/
small {
	font-size:0.8em;
	color:#777;
}
.error {
	color:red;
}