/*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, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {	margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-family:'OpenSansLight',Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; text-align:left; }
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */ 
:focus, :active{	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0;} 
A IMG{border:0; outline:0;}

HTML {   height:100%; }
BODY { height:100%; text-align:left; color:#434343; }

#content{text-align:center; width:600px; height:300px; position:absolute; left:50%; top:50%; 
margin-left:-300px; margin-top:-150px;}
 

A.lnkHero, A.lnkHero:link, A.lnkHero:visited, A.lnkHero:active { color:#464646; font-family:'hero',Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; text-align:center; font-weight:normal;text-transform:uppercase;}
A.lnkHero:hover{color:#868686;}
UL.main-menu{padding-top:32px;}
UL.main-menu Li{margin-bottom:28px; text-align:center;}


.spacer{ margin:auto; width:304px; height:35px; line-height:35px; border-top:1px solid #c0c0c0; }

.footer{ text-align:center; position:fixed; bottom:0px; width:100%; padding-bottom:30px; color:#c0c0c0; font-size:10px;font-family:'OpenSansLight',Arial, Helvetica, sans-serif; line-height:12px; text-transform:uppercase;}

SPAN{color:#dfdfdf; font-size:10px;font-family:'OpenSansLight',Arial, Helvetica, sans-serif; line-height:12px; text-transform:uppercase;}
.footer SPAN, .footer A, .footer A:link, .footer A:visited, .footer A:active{color:#dfdfdf; font-size:10px;font-family:'OpenSansLight',Arial, Helvetica, sans-serif; line-height:12px; text-transform:uppercase; padding-left:4px; padding-right:4px; text-decoration:none;}
.footer A:hover{ color:#fff;
background-color:#f05153}
/*needs to be at end of ALL CSS CLASS*/
.clear{visibility:hidden !important; clear:both !important; line-height:0px !important; height:0px !important; font-size:0px !important; margin:0px !important; padding:0px !important;}
.clearfix:before,.clearfix:after { content:"" !important;    display:table !important;}
.clearfix:after {    clear:both !important;}
.clearfix { zoom:1 !important; /* For IE 6/7 (trigger hasLayout) */}
.fleft{float:left !important;}.fright{float:right !important;}
.left{text-align:left !important;} .right {text-align:right !important; }.center{text-align:center !important;}
.justify{ text-align:justify !important;}