@import url(enhance.css);
@import url(print.css) print;
@import url(handheld.css) handheld;

/* =reset */
/* Eric Meyer's CSS Reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after {content: "'";} 

/* =html */
html {background: #fff;text-align: center;}

/* =body */
body {font: 90%/1.3em Helvetica; width: 770px; margin: 0 auto; text-align: left; position: relative;}

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol {margin: 1.2em 0pt 0.3em; padding-bottom: 0.1em;}

/* =h1 */
h1 {height: 197px; width: 770px; margin: 0; padding: 0; background: url('../interface/branding.jpg') 0 0 no-repeat;}

/* =h2 */
h2 {color:#00b2d9; font-size: 180%; font-weight: bold;font-style: italic;}

/* =h3 */
h3 {font-size: 120%; margin: 0; padding: 0;}

/* =h4 */
h4 {font-size: 140%;}

/* =h5 */
h5 {font-size: 120%;}

/* =p */
p li {letter-spacing: 0.5em;}
#promise-seal {display: block; height: 153px; padding: 35px 0 0 205px; background: url('../interface/promise-seal.gif') left 0 no-repeat;}

/* =blockquote */
.three blockquote {padding-top: 0;}
/* =img */
.one img {float: right;padding: 0 10px 10px 10px;}
.three img {float: left;margin-right: 15px ;}

/* =ul */
#nav-main {letter-spacing: 0.028em; position: absolute; right: 0;font-weight: bold; height: 2.09em; font: bold 100% arial; padding: 0 0 0 0;}
#nav-tools {position: absolute; top: -7px;right: 15px; font-size: 0.7em; height: 1.5em;}
.two ul {float: left; width: 49.5%;}

/* =li */
#nav-main li {position: relative; float: left; padding: 0 0.75em;}
#nav-main li.last {margin: 0 10px 0 0;}
#nav-tools li {display: inline; padding: 2px 0 2px 0;}
#nav-tools li:after {content: " | ";}
#nav-tools li.last {padding-right: 0; background: url('../interface/mail-icon.gif') right 0 no-repeat;}
#nav-tools li.last:after {content: " ";}
#nav-sub li {display: inline;}
.two li {list-style: disc; list-style-position: inside;}
/* =dl/dt/dd */

/* =a */
h1 a {display: block; height: 197px; text-indent: -9999px;}
#nav-main a, #nav-main a:link, #nav-main a:visited, #nav-main a:hover, #nav-main a:active {color: white;text-align: center;font-size: 1em;text-decoration: none; display: block; padding: 0 0 2px;}
#nav-main a:hover {color: #00b2d9; cursor: pointer;}
#nav-tools a, #nav-tools a:link, #nav-tools a:visited, #nav-tools a:hover, #nav-tools a:active {padding: 0 5px 0 5px;color: white; text-align: center; text-decoration: none;}
#nav-tools li.last a {padding-right: 20px;}
#nav-tools li.last a:hover {padding-right: 20px;}
#nav-tools a:hover {color: #00b2d9;text-decoration: underline; cursor: pointer;}
a[rel="promise"] {text-align:center;font-size: 0.8em;color: white; text-decoration: none;float: right; width:115px;height: 95px;padding: 90px 0 0 0;background: url('../interface/small-promise-seal.jpg') 0 0 no-repeat;}
a:focus {border-bottom: 1px dotted #eee;}										

/* =layout */
#wrapper {color: white; background: #001; margin: 0; padding: 0;}
.user-tools {background-color: #001;height: 2em;position: relative;}
#content-wrapper {clear: both;margin-top: 50px;border-top: 1px solid white;}
#content {width: 740px; padding: 0 15px;}
.one {height: 21em;}
.two {padding-bottom: 15px;}
.three {height: 10em; clear: both;}

/* =footer */
#footer {font-size: 0.7em;}	

/* =form */
#contact-form li {padding: 5px;}
#contact-form span {padding-right: 10px;}