/* ----======== Reseting All Browsers ========---- */		
        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;
	color: #CCC;
    }
    
    fieldset, img { border:1px; border-style:solid; color:#000 }
    
    ul { list-style:none; }
    
    caption, th { text-align:left; }
    
    h1, h2, h3, h4, h5, h6
    {
     font-size:100%;
     font-weight:normal;
    }
    
    abbr, acronym { border:0; }
    
    /* ----======== HTML Selectors ========---- */
        
        body
    {
	text-align: center;
	font: normal 12px Verdana, Geneva, sans-serif;
	line-height: 1.8em;
	margin: 0; padding: 0;
	background:#141414;
    }
    
    a
    {
     color: #CC0000;
     text-decoration: none;
     outline: none !important;
    }
    
    a:hover
    {
     color: #000;
     text-decoration: underline;
    }
    
    h1
    {
	color: #000;
	font-size: 33px;
	margin-bottom: 0px;
    }
    

        
    h3
    {
     color: #000;
     font-size: 16px;
     line-height: 22px;
     margin-bottom: 13px;
    }
    
    h4
    {
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 5px;
    }
    
    h5 { color: #000; }
    
    p
    {
     //margin-bottom: 13px;
     //line-height: 22px;
    }
    

img {border: none;}
h2 {font: normal 5em Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;}
.container {padding: 20px;}
.box {width: 700px; margin: 100px auto;	padding: 10px;}
.box0 {width: 700px; margin: 100px auto;	padding: 0px;}
#dark {	background: #222; color: #fff;}
#pressed {
	color: #fff;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
#shadow { 
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
#beveled img {margin: 20px 20px 20px 0;}
img.light {
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 10px;
	background: #f0f0f0;
}
img.dark {
	outline: 1px solid #111;
	border-top: 1px solid #555;
	padding: 10px;
	background: #333;
}
#indented ul{
	margin: 20px 0; padding: 0; 
	list-style: none;
}
#indented ul li {
	border-top: 1px solid #333; 
	border-bottom: 1px solid #111;
}
#indented ul li:first-child {border-top: none;}
#indented ul li:last-child {border-bottom: none;}
#indented ul li a {
	padding: 10px;	
	display: block;
	color: #fff;
	text-decoration: none;
}
#indented ul li a:hover {background: #111;}
  

    #feature
    {
	overflow: hidden;
	padding: 10px; width:700px; height:450px; border: outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 10px;
	background: #f0f0f0;
		border: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
    }


    
    .panel {  }

    .panel img{width:700px; height:450px;}
    
    #featurePages
    {
     position: relative;
     display: block;
     top: 620px;
     //left: 0px;
     z-index: 999;
     text-align: center;
    }
    
    #featurePages a
    {
     display: inline-block;
     background: url(../assets/splash/70_percent_black.png);
     color: #b0d551;
     padding: 4px 8px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     //float: left;
     margin-right: 1px;
     background: #292929;
    }
    
    #featurePages a:hover
    {
     color: #fff;
     background: #222;
     text-decoration: none;
    }
    
    #featurePages a.activeSlide
    {
     color: #fff;
     background: #CC0000;
    }
    
    .featureImage
    {
     //float: left;
     margin-right: 0px;
    }
    
    #feature h1 {
	font-size: 20px;
	padding: 5px 5px;
}
    
    #feature h1, #feature a {
	color: #FFF;
}
    
    #feature .inner
    {
     border: none;
     //background: #c00;
     background: #000;
     padding: 5px 5px 10px 10px;
     //height: 100px;
     width: 386px;
    }

    #feature .inner_rt
    {
     border: none;
     //background: #c00;
     background: #000;
     padding: 5px 5px 10px 10px;
     //height: 100px;
     width: 386px;

    }
    
    #feature p {
	line-height: 10px;
	padding: 5px 5px 0px 5px;
}

    /* ----======== User  ========---- */
    
#header_logo_icon {background:url(../assets/images/pagetitles.png) no-repeat;height:54px; border:0px solid #1a1a1a;margin-top: 23px;margin-left:10px;background-position:left 0px;}

.footnote {top:150px;position:relative;z-index:9000;}
.footnote .col4{width:120px;float:right;}
.footnote a{color:#888;text-decoration:none;}
.footnote ul{float:left;list-style:none;padding:5px 0 0;width:100%;}
.footnote li{margin:0;padding:0;width:100%;}

.footnote li:first-child{font-size:1.5em; background:#202020}

.footnote li a{background:url(../assets/images/bullet_arrow.gif) no-repeat left 9px;display:block;padding:2px 5px 2px 12px;}
.footnote li a:hover{background-position:5px 9px;color:#b0d551;padding-left:17px;background-color:#30302f;}


#preloader2{margin-left:-80px; overflow: auto; position:fixed;z-index:9999; width:140px; 
padding:20px; top:50%; left:50%; background:#000; color:#666; 
font-family:graublauweb-webfont, Helvetica, Arial, sans-serif; font-size:14px; 
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#preloader2 img{margin-right:20px;}