/* @SECTION: RESET ALL */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* @SECTION: CLEARFIX */
.clearfix:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

/* @SECTION: GLOBAL BASE CSS */
body { font: 75% arial, helvetica, sans-serif; text-align: left; color: #AAA; background: #0D1015 url(images/img-bg-body.jpg) top center repeat; padding-bottom: 15px; }

div#iPage   { width: 776px; margin: 0 auto; position: relative; z-index: 2; }
div#iHead   { margin: 20px 0 0 30px; }
body.home div#iHead   { margin: 75px 0 0 30px;}
div#iBody   { width: 776px;  }

div#iPrimary { margin: 20px 0 0 30px;  width: 450px; }
div#iSecondary { }
div#iFoot { padding: 15px 0; }

div#iFooter { color: #666; width: 766px; margin: 0 auto; position: relative; z-index: 2; }
div#iFooter li { line-height: 1.8em; margin-left: 25px; width: 200px;}

div#iFooter li.email { width: 260px; float: right; margin: 22px 120px 0 0; }
li.email a { display: block; font-size: 0; background: url(images/img-bg-h3.png) top left no-repeat; width: 259px; height: 16px; text-indent: -99999em; margin: 0; border: none; }
li.email a:hover,li.email a:focus { background-position: top right;  border: none; }

ul.nav li a { text-transform: uppercase; letter-spacing: .3em; border: none; }
ul.nav li a:hover,ul.nav li a:focus { border-bottom: none; }

ul.list { padding: 12px 0 12px 0; }
ul.list li { margin-bottom: 5px; background: url("images/img-bg-blt-list.png") 0 5px no-repeat; padding-left: 12px; }
ul.list li ul li { color: #999; background-image: none; padding-left: 5px; }

h1 { font-size: 0; background: url(images/img-bg-h1.png) top center no-repeat; width: 317px; height: 150px; text-indent: -99999em; margin-left: 125px;}
h1 a { display: block; width: 317px; height: 113px; border: 0!important; }
h2, h3 { color: #FFF; line-height: 2.4em; text-transform: uppercase; letter-spacing: .1em; margin: .8em 0;}

/* @SECTION05: Typography @05 */
p { margin-bottom: .8em; line-height: 1.6em; }
p.head { font-weight: bold; }
strong { font-weight: bold; color: #000; }

.volicol { letter-spacing: .3em; font-size: .9em; padding-left: .3em; }

div#iLogo { float: left; margin-top: 11px;}
/*div.ribbon { background: url(images/img-bg-iPage.png) top right no-repeat; position: absolute; top: 0; height: 747px; width: 412px; right: -10%; overflow: hidden; }*/
div.ribbon { width: 100%; height: 747px; position: absolute; top: 0; background: url(images/img-bg-iPage.png) top right no-repeat; z-index: 0; }

/* @SECTION06: Base Link Styles @06 */
a, a:active, a:link { text-decoration: none; color: #CCC; border-bottom: 1px dashed #666; }
a:visited { text-decoration: none; color: #990000; }
a:hover, a:focus { color: #FF0000; border-bottom: 1px dashed #990000; }

a.flash-button { border: none; float: right; margin-left: 10px;}