/** 
* Soma HTML5 CSS Reset. Assumed an HTML5 shiv for IE < 9
* Builds from http://meyerweb.com/eric/tools/css/reset/
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,big,cite,code,del,em,font,img,ins,small,strong,sub,sup,tt,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a:focus{outline:1px dotted;}
a.ir:focus{overflow:hidden;} /* Elements with negative text-indent image replacement won't have wonky outlines */
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
strong,b{font-weight:bold;}
em,i{font-style:italic;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
sup,sub{font-size:.75em;}

/*** Main ***/
Body { background:url(images/bg_mainBg.gif) top left repeat-x; width:100%; font: 75% Arial, Helvetica, sans-serif }

#wrapper { width:900px; height:autp; margin:0 auto; background:#FFF; }


/*** Header ***/
header { height:200px; position:relative}
header .logo { background: url(images/mainLogo.gif) top left no-repeat; width:148px; height:48px; text-indent: -9999px; margin: 22px 0 0 22px; display:block; float:left; position:relative; clear:both }
nav { background: url(images/bg_mainNav.gif) 0 0 repeat-x; clear:both; width:100%; height:47px; } 


/*** Content ***/
section { min-height:300px; height: auto; position:relative; clear:both; text-align:center; margin:0px auto; padding:10px 0;} 
h1 { color: #009CCF; font-size: 1.5em; }

/*** Footer ***/
footer { position:relative; clear:both; text-align:left }
footer ul { float: left; position:relative; margin:20px 0; }
footer ul li{ display: inline; margin: 0; padding: 0 10px; list-style: none; border-right: 1px solid #C7C7C7;}
footer ul li a{ color: #AAA; text-decoration: underline;}
footer ul li a:hover { text-decoration: none; }
.last { border:0; }