@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style: none; }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:1.125em; }




/* *************************************************************************************** */
/* ********************************** REUSABLE SHIT ************************************** */
/* *************************************************************************************** */

hr { margin: 25px 0; border-color: #ccc;  border-style: solid;  border-width: 1px 0 0;  clear: both;  height: 0; }




/* *************************************************************************************** */
/* *************************************** hide ****************************************** */
/* *************************************************************************************** */
#weaponbomb, #weaponroo, #nav { display: none; }



/* *************************************************************************************** */
/* ********************************** MAIN CONTENT *************************************** */
/* *************************************************************************************** */

/* This container style is use if there  is a hero image */
#hero_image {  width:865px; margin: 20px auto 0; }

/* There are 2 different layout 1 and 2 col */
.content_1col { width:870px; margin: 10px auto 0; color: #333; }
.content_2col { width:870px; margin: 10px auto 0; color: #333; }


/* both cols have the same header, paragraph, list and link styles */ 

/* Link Style */
.content_1col a, .content_2col a { color:#999; text-decoration: none; padding: 1px;  border-bottom: 1px solid #CCC;}

/* <h1> */
h1 a { color:#999; font-size: 2.1em; display: block; margin: 0 0 5px; line-height: 90%; text-decoration: none; }

/* <h2> */
.content_1col h2, .content_2col h2 { font-size: 1.8em; display: block; margin: 0 0 5px; line-height: 90%; }

/* <h3> */
.content_1col h3, .content_2col h3 { color: #ccccff; font-size: 1.1em; margin: 0 0 25px; display: block; }

/* <h4> */
.content_1col h4, .content_2col h4 { font-size: 0.9em; margin: 0 0 10px; display: block; }

/* <p> */
.content_1col p, .content_2col p { font-size:0.85em; line-height: 140%; margin: 0 0 25px; }

/* unordered list */
.content_1col ul, .content_2col ul { font-size:0.75em; line-height: 140%; margin: 0 0 25px; display: block; }
.content_1col ul li, .content_2col ul li { margin: 0 25px 5px 0; display: block; 0; padding: 0 0 0 10px;  list-style: square; }


/* *************************************************************************************** */
/* ************************************* FOOTER ****************************************** */
/* *************************************************************************************** */


#footer { padding: 10px 0; color: #FFF; letter-spacing: -0.3px; margin: 35px 0 0; font-size: 0.75em;  line-height: 120%;   }
#footer ul { display: block; }
#footer ul li {  display: block; margin: 0 0 25px;}

/* Link Style */
#footer ul li a { color:#999; text-decoration: none; border-bottom: 1px solid #CCC;}


/* *************************************************************************************** */
/* *********************************** Clear Floats ************************************** */
/* *************************************************************************************** */

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.clear {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
	}
	
.clear {
	display: block;
	}
/* End hide from IE-mac */