@charset "UTF-8";

/*******************************************
Site Colors
******************************************/

/*
Colors
light blue: #7db5c8
lighter blue: #bedae3
dark blue: #195467
red: #e15b6b
pink: #eaa7aa
*/

/*******************************************
Reset v1.0 | 20080212 
******************************************/

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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
sup {vertical-align:super;font-size:45%;}
select {font-style:italic;}

/*******************************************
Main
******************************************/

body{height:100%;width:100%;text-align:center;font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;color:#195467;margin:0;padding:0;background-color:#7db5c8;position:relative;}
img{border:none;}
.mainWrapper{width:980px;height:auto;text-align:left;clear:both;padding:0;margin:0 auto;background: #fdfcf9 url(/images/background-graphics.jpg) repeat-y 0 0;position:relative;overflow:hidden;}
.wrapper{width:960px;height:auto;float:left;clear:both;text-align:left;position:relative;margin:0 auto;padding:0 10px 0 10px;}
h2 {text-transform:uppercase;font-size:17px;font-weight:bold;font-style:normal;}
h3 {text-transform:uppercase;font-size:20px;font-weight:bold;font-style:normal;}
.content dt, h4 {text-transform:uppercase;font-size:14px;color:#e15b6b;font-weight:bold;}
p {padding-bottom:20px;}
dd {list-style:disc;padding:3px 0 2px 25px;margin:4px 0 4px 0;background: transparent url(/images/bullets.gif) no-repeat top left;}
a[ href] {background-color:#eaa7aa;text-decoration:none;color:#fff;padding:0 3px 0 3px;text-wrap:none;white-space:nowrap;}
a[ href]:hover {background-color:#bedae3;color:#195467;}

/*******************************************
Header
******************************************/

.header {width:100%;float:left;height:49px;position:fixed;top:0;left:0;background-color:#e15b6b;border-bottom:5px solid #eaa7aa;box-shadow: 0 3px 3px rgba(0,0,0,0.2);z-index:2;}
.header .wrapper {height:49px;float:none;}
.header h1 a[ href] {height:75px;width:330px;position:absolute;top:1;left:0;background: transparent url(/images/header-graphics.png) no-repeat 0 0;text-indent:-9999px;padding:0;}
.header .contact a[ href] {width:167px;height:67px;position:absolute;top:0;right:0;background: transparent url(/images/header-graphics.png) no-repeat -330px 0;text-indent:-9999px;padding:0;}
.header .contact a[ href]:hover {background-position:-497px 0;}

/*******************************************
Feature
******************************************/

.feature {width:100%;height:20px;float:left;padding: 245px 0 20px 0;margin:60px 0 0 0;background: transparent url(/images/background-graphics.jpg) no-repeat -980px -10px;text-align:center;}
.feature .smallerType {margin-top:-5px;font-weight:normal;}

/*******************************************
Content
******************************************/

.content {width:100%;height:auto;float:left;clear:both;padding: 240px 0 20px 0;background: transparent url(/images/background-graphics.jpg) no-repeat -1960px 0px;}
.column {width:240px;height:auto;float:left;padding:0 40px 0 40px;}
.connect h3, .sweep h3, .report h3 {display:block;height:40px;background: transparent url(/images/headers.gif) no-repeat 0 0;text-indent:-9999px;padding:0 0 10px 0;}
.sweep h3 {background-position:-320px 0;}
.report h3 {background-position:-640px 0;}
.report dd {background-position:0 -150px;padding:0 0 0 12px;}

/*******************************************
Contact
******************************************/

.contactForm {width:100%;height:auto;float:left;clear:both;padding: 275px 0 100px 0;background: #195467 url(/images/background-graphics.jpg) no-repeat -2940px 0;text-align:center;color:#fff;}
.contactForm h3 {text-transform:uppercase;font-size:20px;font-weight:bold;color:#bedae3;padding:0 0 20px 0;}
.contactForm .formWrapper {width:100%;height:auto;float:left;clear:both;padding:0 0 20px 0;}
.contactForm .formWrapper p {padding:0 200px;}
.contactColumn {width:410px;height:auto;float:left;padding:30px 40px 0 40px;text-align:left;}
.contactColumn li {padding: 0 0 10px 0;}
input, textarea {width:100%;padding:7px 5px;background-color:#bedae3;color:#195467;border:none;}
.contactForm input.submit {width: 90px; padding:20px 0 0 0; margin-top: 20px;}
.contactForm input.submit {padding:10px 20px;background-color:#7db5c8;color:#fff;font-size:20px;font-weight:bold;}
.contactForm input.submit:hover {background-color:#e15b6b;}
.rocket a[ href] {text-indent:-9999px;width:40px;height:200px;position:absolute;top:0;left:468px;background: transparent url(/images/header-graphics.png) no-repeat -664px 20px;}
.rocket a[ href]:hover {background-position:-664px 0;}
label.error {color:#eaa7aa;}

/*******************************************
Copyright
******************************************/

.copyright {width:100%;height:auto;float:left;clear:both;padding: 10px;text-align:left;background-color:#e15b6b;color:#fff;font-size:12px;}

/*******************************************
Error Pages
******************************************/

.errorPage {height:200px;}
.errorPage h2 {font-size:50px;font-weight:bold;}

/*******************************************
CSS 3 Features
******************************************/

input, textarea {-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
input.error, textarea.error {background-color: #EAA7AA;}
.contactForm input.submit {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: -webkit-gradient(linear, left top, left bottom, from(#96c3d3), to(#7db5c8));background: -moz-linear-gradient(top,  #96c3d3,  #7db5c8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96c3d3', endColorstr='#7db5c8');text-shadow: 0 -1px 0 #195467;}
.contactForm input.submit:hover {background: -webkit-gradient(linear, left top, left bottom, from(#f2c8ca), to(#eaa7aa));background: -moz-linear-gradient(top,  #f2c8ca,  #eaa7aa);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c8ca', endColorstr='#eaa7aa');text-shadow: 0 -1px 0 #eaa7aa;}
.rocket a[ href] {-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}

/*******************************************
Contact Thanks Box - also see impromptu.css for what is included in the plugin
******************************************/

.jqifade{position: absolute; background-color: #000000;}
div.jqi {border: solid 3px #7DB5C8;}
div.jqi .jqiclose{color: #7DB5C8;cursor: pointer;}
.jqibuttons {display: none;}
div.jqi .jqimessage{font-weight: bold;color: #195467;font-size: 120%;text-align: center;}

/*******************************************
SS Contact Thanks Box 
******************************************/

.thanksBox{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: relative; 
	margin: 10px auto 10px auto;
	background-color: #ffffff; 
	text-align: left; 
	border: solid 3px #7DB5C8;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
	font-weight: bold;
	color: #195467;
	font-size: 120%;
	text-align: center;
}

/*******************************************
Misc.
******************************************/

.smallerType {font-size:65%;}

/* Tablet */
@media only screen and (max-device-width: 1024px) { 
	 .header {position:relative;}
}

/* Smartphone */
@media only screen and (max-device-width: 480px) { 
	 .header {position:relative;}
}