/*
	Theme Name: The Arc Web Service Marketing
	Theme URI: http://web.thearc.org
	Description: The Arc Web Service Marketing Theme
	Version: 1.0.1
	Author: Jon Brown
	Author URI: http://jonbrown.org
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, 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, 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; 
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; 
	}
	
	body {
		margin:0;
		padding:0; 
		font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		line-height:1.5;
	}
	
	blockquote, q {
		quotes: none; 
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; 
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}
	.linkWhite a:link {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite aLhover {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:visited {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:active {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
body .gform_wrapper .gform_footer input[type=submit]
{
padding-top:7px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
background:#ccc; 
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 98%;
height: 50px;
text-align: center;
}

@media only screen and (min-width: 1024px) {



.linkWhite a:link {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite aLhover {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:visited {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:active {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}


	#header {
		padding:10px 0px 21px 0px;
	}
	
	#headerR {
		position:relative;
		width:55%;
		display:inline-block;
		z-index:10;
	}
	
	#logoHeader {
		margin-left:20px;
		display:inline-block;
	}
	
	#siteTitle {
		display:block;
		font-size:64px;
		line-height:120%;
		text-transform:uppercase;
		font-weight:bold;
		color:#44697d;
		padding-left:60px;
		padding-top:60px;
	}
	
	#headerText {
		margin:5px 0px 0px 60px;
	}
	
	#taglineSmall {
		font-size:20px;
	}
	
	#taglineLarge {
		font-size:84px;
		text-transform:uppercase;
		font-weight:bold;
		line-height:1;
		color:#44697d;
	}
	
	#taglineItalic {
		font-size:20px;
		font-style:italic;
		padding-top:38px;
		color:#ea7125;
	}
	
	.linkOrange a:link {
		color:#ea7125;
		font-size:18px;
	}
	
	#headerL {
		position:relative;
		display:inline-block;
		z-index:1;
	}
	
	#headerL {
		position:absolute;
		top:0;
		right:0;
		z-index:1;
	}	
	
	.section {
		position:relative;
		clear:both;
		overflow:auto;
		padding:60px;
	}
	
	.sectionTitle {
		position:relative;
		width:100%;
		font-size:36px;
		text-align:center;
	}
	
	.subsection-2-col {
		position:relative;
		width:66%;
		overflow:hidden;
		margin:60px auto 0 auto;
		max-width:660px;
	}
	
	.subsection-2-col-FAQ {
		position:relative;
		width:66%;
		overflow:hidden;
		margin:0 auto;
		max-width:660px;
	}
	
	.subsection-3-col {
		position:relative;
		width:100%;
		overflow:hidden;
		margin:60px auto 0 auto;
		max-width:990px;
	}
	
	.smallIcon {
		display:block;
		padding-top:32px;
	}
	
	.icon img {
		display:block;
		margin:0px auto 20px auto;		
	}
	
	.subsectionTitle {
		font-size:18px;
		text-align:center;
		padding-bottom:15px;
	}
	
	.subsectionTitle2 {
		font-size:20px;
		text-align:center;
		padding-bottom:15px;
	}
	
	.subsectionDesc {
		font-size:15px;
		text-align:center;
		padding:0 25px;
	}
	
	.subsectionDesc2 {
		font-size:20px;
		text-align:center;
		padding:0 25px;
	}
	
	.oneThird {
		width:33%;
		float:left;
	}

	.fullThird {
		width:99%;
		float:left;
	}
	
	.subsection-2-col .oneThird {
		width:50%;
	}
	
	.twoThirds {
		width:67%;
		float:left;
	}
	
	#blue {
		background-color:#698797;
		color:#fff;
		z-index:2;
	}
	
	#mobileImage {
		margin-left:45px;
	}
	
	#desktopImage img {
		margin-top:10px;
		width:100%;
		max-width:830px;
		transform-origin:center left;
		-moz-transform-origin:center left;
		-webkit-transform-origin:center left;
		-ms-transform-origin:center left;
	}
	
	#whiteBG {
		background:#eee;
	}
	
	#blueDark {
		background-color:#222445;
		color:#fff;
	}
	
	#purple {
		background-color:#696da1;
		color:#fff;
	}
	
	#turquoiseDark {
		background-color:#334F5E;
		color:#fff;
	}
	
	#turquoise {
		background-color:#499492;
		color:#fff;
	}
	
	#green {
		background-color:#448A6E;
		color:#fff;
	}
	
	#purpleDark {
		background-color:#303054;
		color:#fff;
	}
	
	#greenDark {
		background-color:#254A49;
		color:#fff;
	}
	
	#screenshots {
		margin:60px 0 90px 0;
		text-align:center;
		display:block;
		overflow:hidden;
	}
	
	#fee {
		position:relative;
		width:50%;
		float:left;
		overflow:hidden;
	}
	
	#monthlyCost {
		position:relative;
		width:50%;
		float:left;
		overflow:hidden;
	}
	
	#feetest {
		position:relative;
		width:38%;
		float:left;
		text-align: left;
		overflow:hidden;
		background: rgba(0, 0, 0, .5); 
		border-radius: 5px;
		padding: 30px;
	}
	
	#monthlyCosttest {
		position:relative;
		width:38%;
		float:left;
		text-align: left;
		overflow:hidden;
		background: rgba(0, 0, 0, .5); 
		border-radius: 5px;
		padding: 30px;
	}
	#gutter {
		position:relative;
		width:5%;
		float:left;
		overflow:hidden;
	}
	.subsectionTitlebox {
		color: #FFF;
		font-size: 28px;
		text-align: center;
		padding: 5px;
	}
	hr.embosed {
    width:100%; 
    height:0; 
    color:none; 
    background:none; 
    border:none; 
    border-top:1px solid #666; 
    border-bottom:1px solid #999; 
}
	.dollartest {
		font-size:24px;
		font-weight:bold;
		text-align:center;
		margin-bottom:10px;
		margin-top: 10px;
	}
	.linkleft {
	
	text-align: left; 
	float: left;
	}
	.linkright {
	width: 600px; 
	margin-left: -150px;
	
	}
	
	.innerlinkright {
	
	text-align: left; 
	float: right;
	}
	
	.dollar {
		font-size:48px;
		font-weight:bold;
		text-align:center;
		margin-bottom:10px;
	}
	
	#grayBackground {
		background-color:#EBEBEB;
		color:#000;
		margin-bottom:15px;
		padding-bottom:20px;
		border-radius:4px;
		display:inline-block;
	}
	
	#requiredText {
		text-align:center;
		font-style:italic;
	}
	
.linkWhite a:link { color:#ffffff; text-decoration: none; }
.linkWhite a:visited { color:#ffffff; text-decoration: none; }
.linkWhite a:hover { color:#ffffff; text-decoration: none; }
.linkWhite a:active { color:#ffffff; text-decoration: underline; }	
	#footer {
		background-color:#111A1F;
		color:#fff;
		overflow:hidden;
		padding:60px;
	}
	
	#logoFooter {
		width:100px;
		margin:0;
		float:left;
	}
	
	#subsectionR {
		float:right;
	}
	
	.contactTitle {
		text-align:right;
		font-size:18px;
	}
	
	.contact {
		text-align:right;
		font-size:15px;
	}
	
	.button {
		position:relative;
		display:block;
		clear:both;
	}
	a:link, a:visited {
		color:white;
	}
	.button a:link, a:visited {
		position:relative;
		display:block;
		margin:60px auto 0 auto;
		width:250px;
		text-align:center;
		padding:10px 20px 8px 20px;
		color:white;
		text-decoration:none;
		background-color:#ea7125;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	
	.button a:hover, a:active {
		background-color:#EE8D51;
	}
	
	a:focus {
		outline:0;
	}
	
	.reduceMargin {
		margin-top:20px !important;
	}
	
	.noMargin {
		margin-top:0 !important;
	}
	
	.show-for-desktop {
		display:block;
	}
	
	.show-for-mobile {
		display:none;
	}
	
	.centerForm {
		text-align:center;
	}
	
	.centerText {
		text-align:center;
	}
	
	.map-container.rvm-map-container {
		width:66%;
		margin:0 auto;
	}
	
	.question {
		font-weight:bold;
		display:block;
		padding-top:30px;
		padding-bottom:0px;
		color:#44697d;
		font-size:20px;
	}
	
	#siteTitleFAQ {
		display:block;
		font-size:64px;
		line-height:120%;
		text-transform:uppercase;
		font-weight:bold;
		color:#44697d;
		margin:60px auto 0 auto; 
		text-align:center;
		width:700px;
	}
	
	#pageTitleFAQ {
		font-size:36px;
		text-align:center;
		line-height:1;
		margin-bottom:10px;
	}
	
	#headerTextFAQ {
		margin:5px auto 0px auto;
		text-align:center;
	}
	
	ol {
		list-style-type:decimal;
		margin-left:40px;
	}
}

@media only screen and (max-width: 1023px) {

.linkWhite a:link {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite aLhover {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:visited {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:active {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}

	#header {
		padding:10px 0px 40px 0px;
	}
	
	#headerR {
		position:relative;
		width:100%;
	}
	
	#logoHeader {
		margin-left:20px;
		display:inline-block;
	}
	
	#logoHeader img {
		width:100% !important;
		height:auto !important;
		max-width:80px !important;
	}
	
	#siteTitle {
		display:block;
		font-size:52px;
		font-weight:bold;
		color:#44697d;
		margin:40px auto 0 auto;
		line-height:120%;
		text-align:center;
		padding:0 20px;
		text-transform:uppercase;
	}
	
	#headerText {
		margin:5px 20px 0px 20px;
		text-align:center;
	}
	
	#taglineSmall {
		font-size:18px;
		text-align:center;
	}
	
	#taglineLarge {
		font-size:84px;
		text-transform:uppercase;
		font-weight:bold;
		line-height:1;
		color:#44697d;
	}
	
	#taglineItalic {
		font-size:18px;
		font-style:italic;
		padding-top:30px;
		color:#ea7125;
		text-align:center;
	}
	
	.linkOrange a {
		color:#ea7125;
		font-size:15px;
		display:block;
		padding:7px 60px 3px;
	}
	
	#headerL {
		display:none;
	}
	
	.section {
		position:relative;
		clear:both;
		overflow:auto;
		padding:60px 20px;
	}
	
	.sectionTitle {
		position:relative;
		width:100%;
		font-size:36px;
		text-align:center;
	}
	
	.subsection-2-col {
		position:relative;
		width:100%;
		overflow:hidden;
		margin:0 auto;
	}
	
	.subsection-2-col-FAQ {
		position:relative;
		width:100%;
		overflow:hidden;
		margin:0 auto;
		max-width:660px;
	}
	
	.subsection-3-col {
		position:relative;
		width:100%;
		overflow:hidden;
	}
	
	.smallIcon {
		display:block;
		padding-top:32px;
	}
	
	.icon img {
		display:block;
		margin:60px auto 20px auto;		
	}
	
	.subsectionTitle {
		font-size:18px;
		text-align:center;
		padding-bottom:5px;
	}
	
	.subsectionTitle2 {
		font-size:18px;
		text-align:center;
		padding-bottom:5px;
	}
	
	.subsectionDesc {
		font-size:15px;
		text-align:center;
		padding:0 25px;
	}
	
	.subsectionDesc2 {
		font-size:18px;
		text-align:center;
	}
	.subsectionDesc2test {
		font-size:18px;
		text-align:left;
	}
	.oneThird {
		width:100%;
		max-width:300px;
		margin:0 auto;
	}

	.fullThird {
		width:100%;
		max-width:300px;
		margin:0 auto;
	}
	
	.twoThirds {
		width:100%;
	}
	
	#blue {
		background-color:#698797;
		color:#fff;
	}
	
	#mobileImage {
		margin-left:45px;
	}
	
	#mobileImage img {
		width:75%;
	}
	
	#desktopImage img {
		max-width:830px;
		width:100%;
		display:block;
		margin:0px auto 0 auto;
	}
	
	#whiteBG.section {
		background:#eee;
		padding-top:40px !important;
	}
	
	#blueDark {
		background-color:#222445;
		color:#fff;
	}
	
	#purple {
		background-color:#696da1;
		color:#fff;
	}
	
	#turquoiseDark {
		background-color:#334F5E;
		color:#fff;
	}
	
	#turquoise {
		background-color:#499492;
		color:#fff;
	}
	
	#green {
		background-color:#448A6E;
		color:#fff;
	}
	
	#purpleDark {
		background-color:#303054;
		color:#fff;
	}
	
	#greenDark {
		background-color:#254A49;
		color:#fff;
	}
	
	#screenshots {
		width:100%;
		margin:60px 0 40px 0;
		text-align:center;
		display:block;
		overflow:hidden;
	}
	
	#fee {
		position:relative;
		width:100%;
		overflow:hidden;
		max-width:300px;
		margin:0 auto;
	}
	
	#feetest {
		position:relative;
		width:100%;
		text-align: left;
		overflow:hidden;
		background: rgba(0, 0, 0, .5); 
		border-radius: 5px;
		padding: 15px;
		max-width:300px;
		margin:0 auto;
	}
	
	#monthlyCost {
		position:relative;
		width:100%;
		overflow:hidden;
		max-width:300px;
		margin:0 auto;
	}
	#monthlyCosttest {
		position:relative;
		width:100%;
		overflow:hidden;
		background: rgba(0, 0, 0, .5); 
		border-radius: 5px;
		padding: 15px;
		max-width:300px;
		margin:0 auto;
	}

	.linkleft {
	
	width:100%; 
	max-width:300px;
	}

	
	.innerlinkright {
	
	width:100%; 
	max-width:300px;
	}
	
	
	#gutter {
		position:relative;
		height:20px;
		overflow:hidden;
	}
	.subsectionTitlebox {
		color: #FFF;
		font-size: 22px;
		text-align: center;
		padding: 5px;
	}
	.dollar {
		font-size:36px;
		font-weight:bold;
		text-align:center;
		margin-top:60px;
		margin-bottom:5px;
	}
	.dollartest {
		font-size:18px;
		font-weight:bold;
		text-align:center;
		margin-bottom:10px;
		margin-top: 10px;
	}
	#grayBackground {
		background-color:#EBEBEB;
		color:#000;
		margin-bottom:15px;
		margin-top:40px;
		padding-bottom:20px;
		border-radius:4px;
		display:inline-block;
	}
	
	#requiredText {
		text-align:center;
		font-style:italic;
	}
	
.linkWhite a:link { color:#ffffff; text-decoration: none; }
.linkWhite a:visited { color:#ffffff; text-decoration: none; }
.linkWhite a:hover { color:#ffffff; text-decoration: none; }
.linkWhite a:active { color:#ffffff; text-decoration: underline; }
	
	#footer {
		background-color:#111A1F;
		color:#fff;
		overflow:hidden;
		padding:60px 20px;
	}
	
	#logoFooter {
		margin:0 auto 20px auto;
	}
	
	#logoFooter img {
		display:block;
		margin:0 auto 40px auto;
		width:100% !important;
		height:auto !important;
		max-width:100px !important;
	}
	
	#subsectionR {
		margin-top:20px;
	}
	
	.contactTitle {
		display:none;
	}
	
	.contact {
		text-align:center;
		font-size:15px;
	}
	
	.button {
		position:relative;
		display:block;
		clear:both;
	}
	
	.button a {
		position:relative;
		display:block;
		margin:40px auto 0 auto;
		width:250px;
		text-align:center;
		padding:10px 20px 8px 20px;
		color:white;
		text-decoration:none;
		background-color:#ea7125;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	
	a:focus {
		outline:0;
	}
	
	.reduceMargin {
		margin-top:20px !important;
	}
	
	.noMargin {
		margin-top:0 !important;
	}
	
	.show-for-desktop {
		display:none;
	}
	
	.show-for-mobile {
		display:block;
	}
	
	.centerForm {
		text-align:center;
	}
	
	.centerText {
		text-align:center;
	}
	
	.question {
		font-weight:bold;
		display:block;
		padding-top:40px;
		padding-bottom:0px;
		color:#44697d;
		font-size:20px;
	}
	
	#siteTitleFAQ {
		display:block;
		font-size:24px;
		font-weight:bold;
		color:#44697d;
		margin:40px auto 0 auto;
		line-height:120%;
		text-align:center;
		text-transform:uppercase;
	}
	
	#pageTitleFAQ {
		font-size:36px;
		text-align:center;
		padding-bottom:0px;
	}
	
	#headerTextFAQs {
		margin:5px 20px 0px 20px;
		text-align:center;
	}
	
	ol {
		list-style-type:decimal;
		margin-left:40px;
	}

}

form {
    display: inline-block;
    text-align: center;
	margin:0 auto;
}

table {
    margin:30px auto 0 auto;
}

p {
    text-align:left;
    display:block;
}

.notRequired {
    padding-left:10px;
}

input:focus {
    outline:2px solid #ddd;
}

textarea {
    padding-top:15px;
}

textarea:focus {
    outline:2px solid #ddd;
}

td {
    vertical-align:top;
}

select {
    width:270px;
    margin-left:10px;
    margin-top:10px;
}

select:focus {
    outline:0;
}



label {
    font-size: 18px;
}



@media only screen and (min-width: 200px) and (max-width: 768px) {

.linkWhite a:link {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite aLhover {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:visited {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:active {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}

form {

	padding-right: 10px;
	width: 100%;
}

.gfield_label {
width: 199px;

}

body .gform_wrapper .validation_error { width: 99px; margin-left: 0px;}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message { width: 99px; }

li {

	width: 100%;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_right_half {
float: left;
clear: left !important;
width: 99%;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_left_half {
float: left;
clear: left !important;
width: 99%;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_right_third {
float: left;
clear: left !important;
width: 99%;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_left_third {
float: left;
clear: left !important;
width: 99%;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_middle_third {
float: left;
clear: left !important;
width: 99%;
}

}

body .gform_wrapper .validation_error {background: none !important; border: none !important;}

body .gform_wrapper .gform_body .gform_fields .gfield_error {padding-right: 10px; background: none !important; border: none !important;}

body .gform_wrapper .gform_footer input[type=submit]
{
padding-top:7px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
background:#ccc; 
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 98%;
height: 50px;
text-align: center;
}

input
{
    font-size: 18px;
	height: 35px;
	margin: 10px 10px 5px 10px;
	padding: 35px; 
	border-radius: 4px;
	border: none;
	line-height: 35px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    border:1px solid #ccc;
    vertical-align:top;
    height:35px;
}
input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.gform_confirmation_wrapper {

	padding-top: 40px;
	padding-right: 20px;
}
textarea { width: 542px; height: 200px; line-height: 35px; font-size: 18px; border-radius: 4px; border: none; padding: 35px; box-sizing: border-box; }

.linkWhite a:link {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite aLhover {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:visited {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}
	.linkWhite a:active {
		color:#fff;
		text-decoration:none;
		font-size:15px;
	}