/* RESET */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: top; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* TYPOGRAPHIC DEFAULTS */
html, body {height: 100%;}
body {
    background: #d8f3fe;
    color: #444;
    font-family:  Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 150%;
}

/*h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; font-weight: normal; }*/
h1, h2, h3, h4, h5, h6 { line-height:24px; font-weight: normal; }
h1 { font-size: 24px; color: #F28705; margin:0 0 12px; line-height:36px; }
/*h2 { font-size: 20px; color: #F28705; margin:12px 0; }*/
h2 { font-size: 140%; color: #9BBB28; margin:12px 0; }
h3 { font-size: 16px; color: #0365BC;  margin:12px 0;  }
h4, h5 { font-size: 110%; }
h6 { font-size: 100%; }
p, q, ul, ol, dl, table { margin-bottom: 0.5em; }
ol, ul { margin-left: 30px; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-bottom: 5px; }
th, td { padding: 0 0.25em; }
th { font-weight: bold; }
small { font-size: 80%; }
strong { font-weight: bold; }
em { font-style: italic; }
.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }
.clear { clear: both; }
div.clear { position : relative; overflow : hidden; height : 1px; }
.text-centre { text-align: center; }
a { text-decoration: none; color: #0365bc; border-bottom: 1px solid #0365bc; }
a:hover { border-bottom: none; }
a:focus { outline: 1px dotted #ccc; }

/* GRID */
.container { width: 940px;   margin: 0 auto 20px; overflow: hidden; }
.nomargin { margin: 0; }
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right: 20px;}
.col-border { padding-right:10px; border-right: 1px solid #CCC; margin-right: 9px; }
.last { margin-right:0; }
.span-1  { width: 20px; }
.span-2  { width: 60px; }
.span-3  { width: 100px; }
.span-4  { width: 140px; }
.span-5  { width: 180px; }
.span-6  { width: 220px; }
.span-7  { width: 260px; }
.span-8  { width: 300px; }
.span-9  { width: 340px; }
.span-10 { width: 380px; }
.span-11 { width: 420px; }
.span-12 { width: 460px; }
.span-13 { width: 500px; }
.span-14 { width: 540px; }
.span-15 { width: 580px; }
.span-16 { width: 620px; }
.span-17 { width: 660px; }
.span-18 { width: 700px; }
.span-19 { width: 740px; }
.span-20 { width: 780px; }
.span-21 { width: 820px; }
.span-22 { width: 860px; }
.span-23 { width: 900px; }
.span-24 { width: 940px; margin-right: 0;}


/* FORM */
.form_row { margin-bottom: 10px; }
/*input[type=text], input[type=password], textarea { border: 1px solid #ccc; font-size: 16px; padding: 3px; width: 292px; font-family: Helvetica, Arial, sans-serif; }*/
input[type=text], input[type=password], select, textarea { border: 1px solid #ccc; font-size: 14px; padding: 3px 1px; width: 97%; font-family: Helvetica, Arial, sans-serif; }
textarea { height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
label { display: block; font-weight: bold; }
label span { font-weight: normal; font-size: 10px; }
div.error label { color: #cc2707; }
div.error input, div.error textarea { color: #cc2707; border: 1px solid #cc2707; background: #FFDFD9; }
div.error { color: #cc2707; }
div.error span.msg { font-size: 12px; font-style: italic; color: #cc2707; margin-bottom: 2px; }

.quiet { color: #777; }
.loud { color: #000; }

button {
    background: #A0CE04 url(images/gradient-trans.png) left center repeat-x;
    padding: 5px 15px;
    border: none;
    color: #fff;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin: 0 1px 1px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}

button:hover, button:focus { background-color: #ACDD04; }
button:active { margin: 1px 0 0 1px; }

.i6 { width: 212px; }
.i12 { width: 452px; }

.features th { text-align: right; padding-right: 10px; color: #999; }