/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after {content: "\020"; display: block; height: 0; overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

body {
 font-family: sans-serif;
 font-size: 13px;
 background: url(../images/main_bg.jpg) top center no-repeat;
 margin: 0;
 padding: 0;
 line-height: 1.6em;
 
}

#home {
	background: url(../images/slider_bg.png) repeat-x bottom;
	position: relative;
	margin-bottom: 50px;
}

p {
	margin-bottom: 10px;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
}

#main {
	xmin-height: 700px;
	xmargin: 0 auto;
}

#superWrapper{
	background-repeat: repeat-x;
	background-position: center -35px;
	height: 741px;
}

#bg_rightContainer {
	position: absolute;
	width: 50%;
	right: 0px;
	top: 0px;
	height: 400px;
	background-repeat: repeat-x;
	background-position: center -35px;
}
#wrapper { 

}


.content {
	width: 990px;
	margin: 0 auto;
	margin-top: 45px;
}
#header {
 padding: 0px;
 height: 120px;
 background:#fff;
 position: relative;
 border: 6px solid #2B5E91;
 border-left: none;
 border-right: none;
 margin-top: 58px;
}

#headerInner {
	width: 990px;
	margin: 0 auto;
	background: url(/images/cleardForTakeoff.png) no-repeat 350px center;
	padding: 30px;
	position: relative;
}

#homeLink {
	position: relative;
	left: 25px;
	top: 0px;
}

#navigation {
	position: absolute;
	right: 0;
	top: 78px;
}
#content { 
 width: 970px;
 color: #333;
 padding: 10px;
}
#footer { 
 clear: both;
 width: 970px;
 margin: 20px 0px 0px 0px;
 padding-top: 10px;
 color: #48535b;
 text-align: center;
 background: white;
 width: 100%;
 border-top: 2px solid #48535b;
 position: relative;
 top: 20px;

}

#footer img {
 padding-top: 8px;
}

/* Map
=========================================*/ 

#map {
	background: url(/images/translucent.png);
	padding: 10px;
	width: 843px;
	height: 620px;
	margin: 0 auto;
	margin-bottom: 70px;
	position: relative;
	z-index: 50;
}

#map h1 {
	position: absolute;
	border: 1px solid #969798;
	background: #fff;
	padding: 4px 12px;
	text-transform: uppercase;
	left: 25px;
	top: -10px;
	font-size: 22px;
	line-height: 1em;
	display: inline;
	height: 21px;
}

#map img {
	border: 2px solid #2B5E91;
}

.reps  {
	z-index: 100;
}


.reps li {
	list-style: none;
	position: absolute;
	background: #fff;
	border: 1px solid #969798;
	font-size: 11px; 
	xz-index: 200;
}

.reps li a {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 8px 0px 8px;
	text-decoration: none;
	line-height: 1em;
	display: inline-block;
}

#rep1 {
	left: 618px;
	top: 115px;
}
#rep2 {
	left: 261px;
	top: 58px;
}
#rep3 {
	left: 245px;
	top: 145px;
}

#rep4 {
	left: 340px;
	top: 220px;
}
#rep5 {
	left: 335px;
	top: 272px;
}
#rep6 {
	left: 410px;
	top: 335px;
}
#rep7 {
	left: 110px;
	top: 510px;
}
#rep8 {
	left: 280px;
	top: 420px;
}
#rep9 {
	left: 480px;
	top: 430px;
}
#rep10 {
	left: 550px;
	top: 375px;
}
#rep11 {
	left: 520px;
	top: 305px;
}
#rep12 {
	left: 480px;
	top: 234px;
}
#rep13 {
	left: 685px;
	top: 255px;
}
#rep14 {
	left: 662px;
	top: 379px;
}
#rep15 {
	left: 620px;
	top: 475px;
}
#rep16 {
	left: 80px;
	top: 283px;
}

#rep17 {
	display: none;
}

.contactFormWrapper {
	position: absolute;
	top: 25px;
	left: 0;
	padding: 7px;
	display: none;
	background: url(/images/translucent.png);
	box-shadow:1px 3px 7px #333333;
}

.expandedForm {
	z-index: 500;
}

.contactFormWrapper form {
	background: #fff;
	padding: 10px;
	position: relative;
	width: 258px;
	min-height: 300px;
	font-size: 13px;
}

.close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.75em;
}

img.loading {
	display: block;
	margin: 100px auto;
	border: none !important;
}

input[type="text"], textarea {
	width: 250px;
	border: 1px solid gray;
	padding: 3px;
	
}

.error {
	color: #c72525;
}

.submitting {
	background: url(/images/translucent.png);
	height: 97%;
	width: 97%;
	position: absolute;
	display: none;
}

#map .submitting img {
	display: block;
	margin: 150px auto;
	border: none;
}

.result {
	display: none;
}

.caption {
	position: absolute;
	top: -25px;
	left: 0;
	font-size: 0.9em !important;
	text-align: center;
	width: 100%;
}
/************
Navigation
*************/

.dash {
	position: absolute;
	text-align: right;
	right: 0;
	top: -30px;
}

.dash ul li{
	display: inline;
	list-style-type: none;
}

.dash ul li a {
	text-decoration: none;
	color: #48535b;
	font-size: 14px;
	font-weight: normal;
}

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

#header h1 {
	color: white;
	position: absolute;
	bottom: 12px;
	left: 70px;
	font-family: Impact;
	font-weight: 200;
	letter-spacing: 2px;
	font-size: 28px;
	display: none;
}

.logo {
	margin-top: 15px;
}
/***********
Cards
**********/

#cards {
	height: 390px;
	width: 930px;
	margin: 0 auto;
	xoverflow: hidden;
}
.card {
	width: 75px;
	border-top: 5px solid white;
	border-right: 5px solid white;
	border-bottom: 5px solid white;
	height: 100%;
	font-size: 11px;
	position: relative;
	overflow: hidden;
}

.first {
	background: #195d8f;
	border-left: 5px solid white;
}

.second {
	background: #6d6e71;
}

.third {
	background: #2e8e4b;
}

.fourth {
	background: #939598;
}

.fifth {
	background: #195d8f;
}

.sixth {
	background: #6d6e71;
}

.seventh {
	background: #2e8e4b;
}

.eighth {
	background: #939598;
}

#cards .cardWrapper {
	color: white;
	background: url(../images/wing.png) no-repeat;
	background-position: left 60px;
	width: 350px;
}

.card img {
	position: absolute;
	bottom: 25px;
	left: 0;
	border: none;
}
#cards h2 {
	color: white;
	font-size: 50px;
	font-weight: bolder;
	margin-left: 18px;
	margin-top: 10px;
	width: 1em;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	line-height: 1em;
}

.cardCopy {
	position: absolute;
	top: 0px;
	left: 75px;
	width: 265px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

.ie7 .cardCopy {
	left: 74px;
	width: 272px;
}

.cardCopy h3.intro {
	font-size: 32px;
	margin-top: 35px;
}

.cardCopy h3 {
	margin-top: 12px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: white;
}

.cardCopy h4 {
	font-size: 18px;
	font-weight: lighter;
	color: white;
}

.cardCopy strong {
	font-weight: bolder;
}

.cardCopy p {
	color: white;
	border-bottom: 1px solid white;
	padding-bottom: 6px;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1.2em;
}


.cardCopy ul {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.cardCopy ul li {
	margin-left: 15px;
	list-style-type: disc;
	font-weight: bolder;
	margin-top: .5em;
	line-height: 1.2em;
}

.ie7 .cardCopy ul li {
	list-style-type: none;
	margin-left: 5px;
}


.cardCopy ul.withSub li {
	margin-top: 0;
}

/************
Slider Box
************/
#sliderBox {
	height: 88px;
	padding: 0px;
	border: 0px dotted gray;
	position: relative;
	top: 10px;
	margin-bottom: 0px;
	margin-top: 80px;
}

#sliderBox ul {
	position: absolute;
	top: 5px;
	left: 35px;
}
#sliderBox ul li {
	float: left;
	list-style-type: none;
	margin: 0 20px 0 0px;
	width: 95px;
	text-align: center;
	line-height: 1em;
}

#sliderBox ul li.sub {
	line-height: 0em;
	margin-top: 7px;
}

#sliderBox ul li.last {
	margin: 0;
}

#sliderBox ul li  {
	color: white;
	font-size: 12px;
	text-decoration: none;
	
}

#sliderOuter {
	position: relative;	
	top: 35px;
	width: 100%;
	background: #e3e5e7;
	border: 1px solid #596f80;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#slider {
	width: 83%;
	margin-left: 10px;
}

.ui-slider .ui-slider-handle {
	cursor:default;
	height:22px;
	position:absolute;
	width:100px;
	padding: 0 36px 0 36px;
	margin-top: 4px;
	z-index:2;
}

.ui-slider-horizontal {
height:22px;

}
/*
.ui-widget-content {
	xbackground: none;
	xborder: none;
}
*/

.ui-slider {
	background: none;
	border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: url(../images/slider.png);
	border: none;
}

/*****************
Bottom Section
*****************/

#bottom {
	margin-top: 180px;
	width: 100%;
	margin-bottom: 20px;
}

#table {
	float: right;
	display: none;
}

#contactForm {
	margin: 0 auto;
	width: 400px;
}

#table img {
	float: right;
}
/****************
Contact Form
***************/

/************
Table
************/

td {
	margin: 0;
	padding: 0;
	background: url(../images/table_bg.png);
}

th span {
	margin-left: -3000px
}

td.nobg {
	background: none;
}


table.outer {
	width: 542px;
	height: 155px;
	border-bottom: 2px solid #48535b;

}

table.inner {
	width: 340px;
	xheight: 110px;
}

td.sub span {
	position: relative;
	top: 4px;
}

sub {
}

table.inner tr {
	height: 25px;
}

table.outer td.copy {
	color: #195d8f;
	font-weight: bold;
	padding: 10px 10px 0px 30px;
	vertical-align: top;
	line-height: 1.2em;
}

th.left {
	background: url(../images/savings_chart.gif) no-repeat;
	border-top: 2px solid #48535b;
	border-bottom: 2px solid #48535b;
}

th.right {
	background: url(../images/table_wing.gif) no-repeat;
	border-top: 2px solid #48535b;
	border-bottom: 2px solid #48535b;
}

tr.top{
	height: 40px;

}

table.inner th {
	background: #48535b;
	border-left: 2px solid white;
	font-weight: bold;
	color: white;
}

table.inner th.first {
	border-left: none;
}

table.inner td {
	border-bottom: 2px solid #aecbe9; /*Sky Blue*/
	border-left: 2px solid #48535b;
	text-align: center;
	font-weight: bold;
	color: #48535b;
}

table.inner td.label {
	text-align: left;
	padding-left: 12px;
}

table.inner tr.last td {
	border-bottom: none;
}

p.caption {
	margin-top: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #48535b;
}


#ui-dialog {
	background-image: url(../images/table_bg.png) !important;

}

a.download {
	float: right;
	position: relative;
	left: 30px;
	top: -65px;
	text-decoration: none;
	color: #48535b;
	font-weight: bold;
	display: none;
}

a.download img {
	border: none;
}