@import url(http://fonts.googleapis.com/css?family=Cabin:600|Open+Sans:300,700|Arimo:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);

.fullscreen {background: url(../images/footbg.png) repeat-x bottom center; padding:0; margin:0; width:100%; height:auto; 
}
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body { margin:0; text-align: center; border: none; padding:none; background:url(../images/headbg.png) repeat-x #fff top center; font-family: 'Open Sans'; font:Open Sans, Arial, Helvetica, sans-serif; height:auto; padding:0px;
		
	}
	.container { margin:auto; height:auto; padding:0px;
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body { margin:0; text-align: center;  background:url(../images/headbg.png) repeat-x #fff top;
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}




.content { margin:auto; height:auto; padding:0px; padding-bottom:10px; padding-top:10px;
}
.header { width:100%; height:180px; margin:auto; padding-top:20px; position:relative; top: -20px;
}
.header h1 { color:#F60; font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; font-weight: normal; text-align:left; padding-top:12px; display: block; height: 120px; width:100%; vertical-align:bottom; font-size:34px; line-height:42px; vertical-align:bottom; position:relative;  top: 30px; letter-spacing:2px; font-weight:600; position:relative; top:5px;

}
a img  .logo{ border: none; position:relative; top:-20px; margin-bottom:10px;
}

#contactBorder { background:url(../images/vert_bar.png) left center no-repeat;
}

#ContactHead { color: #666; font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; text-align:left; text-transform: uppercase; font-weight:bold; font-size:14px; list-style:none; text-indent:10px; margin-left:10px; clear:both; height: 135px; position:relative; padding-top:10px; padding-bottom:10px;
}
#ContactHead li a { color: #06F; text-decoration:none; text-transform:uppercase; text-align:left; font-size:14px; font-weight:bold; list-style:none; text-indent:10px;
}
.serviceimage { width:100%; height:auto; border: none;
}
.serviceimage a img  { width:320px; height:180px; border: thin solid #999; alignment-adjust:middle; margin:auto; margin-bottom:10px; background:#fff; vertical-align:bottom;
}
.servicetext { width:320px; height:120px; border: none;
font-family: 'Open Sans'; font:Open Sans, Arial, Helvetica, sans-serif;
color: #444; text-decoration: none; margin:auto; font-size:14px;
}
.servicetext p { 
word-spacing: normal;
text-align: justify;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1em;
font-weight:400;
}

.servicetext h3 { font-weight:bold; text-align:center; font-size:18px; color:#F60; line-height:22px; 
}
.servicetext strong { color:#06f; text-transform:uppercase; font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; font-size:13px; float:right;
}
.servicetext a { text-decoration:none;  color: #444;
}
.aboutinfo { width:100%; height:auto; border: none; margin-bottom: 50px; font-size:15px; padding-left:15px;

}
.aboutinfo h1 { color:#666; font-family: 'Open Sans'; text-align:left; font-size:18px; 
}
.aboutinfo p { font-family: 'Open Sans'; font:Open Sans, Arial, Helvetica, sans-serif;
color: #444; text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1em;
padding-right:15px;

}

#industries h3 {text-align:left; text-transform:uppercase; font-weight:bold; font-size:18px; color:#666; line-height:22px; margin-bottom:6px;
}
#industries { display:block; width:300px; text-align:left; color:#444; float:left; margin-left:15px;
}
#industries li { display:block; width:90%; float:left; text-transform:uppercase; font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; font-size:14px;

}
.contact { text-align:left; display:block; width:320px; float:right; 
}
.person {
	display:block;
	height:48px;
	width:320px;
	font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; list-style:square; font-size:14px; font-weight:bold; padding-top:10px;
	position:relative;
	}

.contact h1 { color:#666; font-family: 'Open Sans'; text-align:left; font-family: 'Open Sans'; text-align:left; font-size:18px;
}
.contact h2 { font-size:12px; color:#444;
}
.contact h2 a { font-size:12px; color:#444; text-decoration:none; 
}
.contact h3 { font-size:14px; color:#444; display:block; width:100%; float:left; padding-bottom:5px;
}
.contact h4 {
	color:#555;
	display:block;
	font-family: 'Open Sans' !important;
	font:Open Sans, Arial, Helvetica, sans-serif;
	list-style:square;
	font-size:14px;
	font-weight:700;
}
.contact h4 a { color:#444; text-decoration:none;
}

.clear { width:100%; clear:both; height:5px;
}
.myform{
margin:0 auto;
width:auto;
float:right; clear:right; margin-right:30px;
}
.qrform{
margin:0 auto;
width:auto;
float:right; clear:right; margin-right:30px;
}

#form h1 { 
}
.spacer{clear:both; height:1px;}

/* ----------- form ----------- */
#form{  text-transform:uppercase; font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; 
}
.myform h1 {
text-align:right; text-transform:uppercase; font-weight:bold; font-size:18px; color:#666; line-height:22px; margin-bottom:6px; font-size:18px; float:right; padding-right:10px; position:relative; left:50px;
}
#form p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
.line { height:auto; position:relative; left:10px;
}
#mc-label{
display:block;
font-weight:bold;
text-align:right;
width:110px;
float:left;
padding-top:3px;
color:#444; 

}
#form .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#mce-EMAIL{
float:right;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:190px;
margin:2px 0 20px 10px;
margin-top:10px;
margin-bottom:10px;
position:relative; top:-5px;

}
#mc-embedded-subscribe {
clear:both;
float: right;
position:relative; top:-5px;
text-align:center;
line-height:31px;
color:#333;
font-size:11px;
font-weight:bold;
}
.heavyfont_opensans {font-family: 'Open Sans' !important; font:Open Sans, Arial, Helvetica, sans-serif; padding-left:0; list-style:square; font-size-adjust:-2; font-size:14px; text-align:justify;}

#overlay { height:0px;
}
.snapthis { z-index:999; width:160px; height:160px; position:relative; background:url(../images/snap_engage_us_overlay.png); position: absolute; margin:auto; position:relative; left:640px; top:400px; 
}
.watchthis {z-index:999; width:160px; height:160px; position:relative; background: url(../images/watch_this_overlay.png); position: absolute; margin:auto; position:relative; left:640px; top:220px;
}
.qr { width:100%; height:auto; border: none; margin-bottom: 50px; font-size:15px; padding-left:15px;

}
.qr h1 { color:#666; font-family: 'Open Sans'; text-align:left; font-size:18px; 
}
.qr p { font-family: 'Open Sans'; font:Open Sans, Arial, Helvetica, sans-serif;
color: #444; text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1em;
padding-right:15px;

}

#QR_Shiftee { position: relative; top:-130px;
}


h4 {color: #666;font-family: 'Open Sans' !important;}