﻿HTML { margin : 0px; padding : 0px; height : 100%; min-height : 100%; }
BODY { margin : 0px; padding : 0px; background-color : #d7dadd; /*url('i/bg/scanlines.png');*/ font-family : Arial; font-size : 14px; height : 100%; min-height : 100%; }

.clr { clear : both; }
.no-rm { margin-right : 0px !important; }
.hr { height : 1px; line-height : 1px; overflow : hidden; background : url(i/bg/horiz-dot.png) 0 0 repeat-x; margin : 10px 0px; }
.hr hr { display : none; }

/* CONTAINERS */
#c-background { width : 100%; height : 990px; background-position : center 0px; background-repeat : no-repeat; position : absolute; z-index : 1;}

.c-bg1 { }
.c-bg2, .c-bg4, .c-bg5 { background : #000; }
.c-bg3 { background : url(i/bg/crazy3-sl.jpg) 50% 0 repeat-y; }
 
.c-bg1 #c-background { background-image : url(i/bg/crazy1.jpg) !important; }
.c-bg2 #c-background { background-image : url(i/bg/crazy2.jpg) !important; }
.c-bg3 #c-background { background-image : url(i/bg/crazy3.jpg) !important; }
.c-bg4 #c-background { background : url(i/bg/crazy4.jpg) 50% 100% no-repeat !important; }
.c-bg5 #c-background { background : url(i/bg/crazy5.jpg) 50% 100% no-repeat !important; }

.c-site { background : url('i/bg/topbar.png') 0 0 repeat-x; display : block; text-align : center; min-height : 100%; position : relative; z-index : 2;}
#c-wrapper { width : 960px; margin : 0px auto; text-align : left; padding-bottom : 140px; }

#c-top { height : 108px; width : 100%; }

#c-nav { height : 50px; background : url('i/bg/navglass.png') 0 0 no-repeat; position : relative; z-index : 66;}
#c-navelements { width : 920px; margin-left : 20px;  background : url(i/bg/navbg.png) 0 0 repeat-x; height : 30px; position : absolute; }

#sitelogo { background : url('i/logo/sitelogo.png') 0 0 no-repeat; height : 57px; width : 229px; display : block; float : left; margin : 0px; padding :0px;}
#sitelogo a { display : block; height : 57px; width : 229px; cursor : pointer; } 
#sitelogo a span { display : none; }

#c-footer { font-size : 0.8em; width : 960px; margin : 0px auto; text-align : left; margin-top : -139px; position : relative; z-index : 3;}
.footer-top { background : #525252; /*url(i/bg/footer-top.png) 0 0 repeat-x;*/ height : 41px; }
.footer-bottom { background : url(i/bg/footer-bottom.png) 0 0 repeat-x; height : 60px; overflow : hidden;  }

.footer-bottom a { color : #fff; text-decoration : none; }
.footer-bottom a:hover { text-decoration : underline; }
.copyright, .footer-bottom div { color : #fff; padding : 14px; padding-left : 24px; float : left; line-height : 20px !important;}
.copyright span { display : block; background : url(i/logo/footerlogo.png) 0 2px no-repeat; padding-left : 35px; }

#c-footer .content { padding : 0px; }

.glass-box { margin-top : 20px; }
.glass-box .top { background : url(i/bg/glasstop.png) 0 0 no-repeat; height : 18px; overflow : hidden; }
.glass-box .bottom { background : url(i/bg/glassbottom.png) 0 0 no-repeat; height : 18px; overflow : hidden; }
.glass-box .main { background : url(i/bg/glasssl.png) 0 0 repeat-y;  }
.glass-box .content { background : #fff; margin : 0px 20px; padding : 15px; padding-top : 35px; position : relative; }

.glass-box .main .content { background : #fff url(i/bg/site-dashes.png) 15px 8px no-repeat; }

.pager { font-size : 0.8em; }
.pager a { padding : 4px 6px; border : 1px solid #666; background-color : #ccc; text-decoration : none; color : #666; margin-right : 4px;}
.pager a:hover { background-color : #666; color : #fff; }
.pager a.active { background-color : #ff6600; color : #fff; }