/*  clean start inspired by eric meyer: 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;font-size:100%;font-family:inherit;vertical-align:baseline;
}

ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes: "" "";}

/* ------------------------------------------ */

body {font:14px/1.5 'HelveticaNeue-Light','helvetica neue',helvetica,arial,sans-serif; background:#fff;color:#333;}

#header {background:url(/images/fade.gif) 0 100% repeat-x;padding-bottom:32px;}
#header h1 {background:#08d url(/images/blue_fade.png) repeat-x;padding:2.5em 0 2.5em 53px}
#header h1 a {font:bold 2em/.8 impact,sans-serif;letter-spacing:2px;color:#fff;text-transform:uppercase;text-decoration:none}

#content {margin:2em 25px 0;min-height:300px;padding-bottom:25px;border-bottom:1px solid #08d;background:url(/images/flag.png) 5% 100% no-repeat;position:relative;}
/*
#deco1 {position:absolute;bottom:0;left:10%;background:url(/images/flag90.png) no-repeat;width:196px;height:195px}
#deco2 {position:absolute;bottom:0;left:10%;background:url(/images/flag.png) no-repeat;width:196px;height:195px}
*/
#primary {margin:0 10% 0 345px;}

#primary h2 {font-size:2em;line-height:.8;letter-spacing:-2px;margin-bottom:25px;font-weight:normal}
#primary p {margin-bottom:1.5em;}
#primary p img.inset {float:left;margin:0 1em 0 0}
#primary blockquote {padding:0 1.5em;border-left:2px solid;}
#primary blockquote .source {font-style:italic}

#footer {margin:0 25px;color:#999;font-size:.8em;clear:both}

#nav {font-size:2em;line-height:.8;letter-spacing:-2px;width:345px;float:left;}
#nav li {text-transform:lowercase}
#nav li a {text-decoration:none;display:block;padding:0 25px;border-left:3px solid;outline:none}
#nav li a:hover {color:#d80;}
#nav li.active a {color:#000;cursor:default;}

a {color:#08d;}
a:hover {color:#d80;}

hr {clear:both;visibility:hidden}