/* RESET CSS */
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, tt, var, b, u, i, center, dl, dt, dd, 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;
}
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;
}
body {
	font-family:Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:400;
	background-color:#333;
    color:#333;
}

/* ***************************
	LAYOUT 
*************************** */
html {-webkit-text-size-adjust:none}
strong { font-weight:700; }

/*body { width:320px; }*/

header {
     display:-webkit-box;
    -webkit-box-pack:justify;
    border-bottom:1px solid #134c7d;
    padding:4px 4px 3px;
    background:#00335e url(../i/logo.png) no-repeat 50% 50%;
    background-image:url(/static/i/logo.png), -webkit-gradient(linear, 0 0, 0 100%, from(#00437c), to(#00335e));
    background-image:url(/static/i/logo.png), -webkit-linear-gradient(top, #00437c, #00335e);
    background-repeat:no-repeat;
    background-position:50% 50%;
}
header a {
    display:block;
    width:31px;
    height:31px;
    background:url(/static/i/homebtn.png) no-repeat;
}
header a + a {
    background:url(/static/i/menubtn.png) no-repeat;
}



#content {
    overflow:auto;
	position:relative;
	background-color:#fff;
}
#navmenuwrapper {
	background:rgba(255,255,255,.7);
	position:fixed;
	top:38px;
	bottom:0;
	width:100%;
	z-index:5;
}
#navmenu {
	background:rgba(0,0,0,.8);
	border:solid 1px #000;
	border-radius:10px;
	color:#fff;
	margin:10px;
	padding:0px 10px;
}
#navmenu a {
	border-top:solid 1px #fff;
	color:#fff;
	display:block;
	font-size:18px;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
}
#navmenu a:first-child { border-top:none; }


footer,
footer a {
    color:#999
}
footer {
    padding:15px;
	font-size:12px;
	text-align:center
}
footer > :not(:first-child) {
    margin:15px 0
}

/* :: */

h1 {
	color:#014b85;
	font-family:"Helvetica Light",Helvetica,Arial,sans-serif;
	font-size:30px;
	font-weight:100;
	line-height:1em;
	text-transform:uppercase;
}

h2 {
    margin-bottom:10px;
	font-size:18px;
	font-weight:700;
	color:#015ba7;
	text-shadow:#fff 1px 1px 1px
}
h2 * {
    color:#333
}
h2 span {
    font-size:14px;
    font-weight:400
}

h3 {
	color:#015ba7;
	font-size:16px;
	font-weight:bold;
}
h4 {
	color:#009009;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
h5 {
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}


p {
	line-height:18px;
	margin:10px 0px;
}
/*h4+p { margin-top:0px; }*/





/* Primary Navigation 
------------------------------------------*/
.nav {
    -webkit-box-shadow:0 2px 4px 1px rgba(0, 0, 0, .5);
}
.nav * {
    display:block;
    border-top:1px solid #a2e5fe;
    border-bottom:1px solid #1c89bf;
    padding-left:54px;
    height:52px;
    background-color:#11aded;
    background-image:url(/static/i/nav_icons.png), url(/static/i/nav_arrow.png), -webkit-gradient(linear, 0 0, 0 100%, from(#15b4ef), to(#11aded));
    background-image:url(/static/i/nav_icons.png), url(/static/i/nav_arrow.png), -webkit-linear-gradient(top, #15b4ef, #11aded);
    background-repeat:no-repeat;
    background-position:13px 0, 97% 50%, 0 0;
	font-size:20px;
	font-weight:700;
	line-height:53px;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	text-shadow:#666 0 -1px 1px
}

.nav :nth-child(2) { background-position:13px -52px, 97% 50%, 0 0}
.nav :nth-child(3) { background-position:13px -104px, 97% 50%, 0 0}
.nav :nth-child(4) { background-position:13px -156px, 97% 50%, 0 0}
.nav :nth-child(5) { background-position:13px -207px, 97% 50%, 0 0}
.nav :nth-child(6) { background-position:13px -261px, 97% 50%, 0 0}

.how :nth-child(1),
.pri :nth-child(2),
.loc :nth-child(3),
.que :nth-child(4),
.exp :nth-child(5),
.abt :nth-child(6) {
    border-top:1px solid #f4f4f4;
    border-bottom:1px solid #666;
    background-color:#d2d2d2;
    background-image:url(/static/i/nav_icons.png), url(/static/i/nav_arrow.png), -webkit-gradient(linear, 0 0, 0 100%, from(#c6c6c6), to(#d2d2d2));  
    background-image:url(/static/i/nav_icons.png), url(/static/i/nav_arrow.png), -webkit-linear-gradient(top, #c6c6c6, #d2d2d2);
    pointer-events:none
}
/*----------------------------------------*/





/* Utility Classes
------------------------------------------*/
/*
The Flexible Box Model is a CSS3 Module that offers a new way to handle layouts. There
are two specs a 2009 and a revised 2011 spec. After reading both of them several times,
the only major differences that I can see is the name flexbox vs box.

The 2009 spec is what is currently implemented in Firefox, Safari and is what Internet
Explorer 10 is implementing.

Firefox     display:-moz-box;
Safari      display:-webkit-box;
IE10        display:-ms-box;

http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/
http://www.w3.org/TR/css3-flexbox/
http://blogs.msdn.com/b/ie/archive/2011/04/14/ie10-platform-preview-and-css-features-for-adaptive-layouts.aspx
http://www.html5rocks.com/en/tutorials/flexbox/quick/
*/
.aside {
    display:-webkit-box;
}
.aside > * {
    -webkit-box-flex:1;
}

.call_to_action > :last-child {
    margin-left:10px
}

.button {
    display:block;
	border-radius:10px;
	height:42px;
	font-weight:700;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center
}
.button:not(input) {
    line-height:42px
}
.button img {
    margin-top:-5px;
    vertical-align:middle
}
.green {
    border:solid 1px #007c07;
    background-color:#05850c;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#009900), color-stop(50%, #18ac21), to(#05850c));
    background-image:-webkit-linear-gradient(top, #009900, #18ac21, #05850c);
	color:#fff;
	text-shadow:rgba(255, 255, 255, .3) 0 1px 1px, rgba(0, 0, 0, .5) 0 -1px 2px;
}
.yellow {
    border:solid 1px #cc8906;
    background-color:#e6bd43;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffe56b), color-stop(50%, #f8e64b), to(#e6bd43));
    background-image:-webkit-linear-gradient(top, #ffe56b, #f8e64b, #e6bd43);
	color:#343434;
	text-shadow:#fff 0px 1px 2px, #efbd2d 0px -2px 2px;
}

.panel {
    padding:15px;
}
.subpanel {
    margin:15px 0;
}

.checklist {
	list-style:none;
	margin:0px;
	padding:0px;
}
.checklist li {
    padding-left:16px;
	background:url(../i/check.png) 0 5px no-repeat;
	line-height:1.5em
}

.stretch { width:100%; height:auto; }
/*.lineitem { position:relative; }*/
/*.lineitem .price { position:absolute; top:0px; right:0px; }*/

.error { 
	background-color:#f5e4e4;
	border:solid 1px #ed0400;
	color:#802000;
	font-size:13px;
}
.waitover {
	background:rgba(255,255,255,.7);
	background-image:url(../i/waitimg.gif);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#phonenumber { display:none; }