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

* { margin: 0; padding: 0; list-style: none; }
body { background: url(../images/header_bg.jpg) repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:1.125em; }





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

.center { width:890px; margin: 0 auto;  position: relative; z-index: 50; }
hr { margin: 0 0 25px 0; border-color: #ccc;  border-style: solid; display:block;  border-width: 1px 0 0; height: 0; clear:both; }




/* *************************************************************************************** */
/* *************************************** Logo ****************************************** */
/* *************************************************************************************** */

h1, h1 a { z-index: 20; position: absolute; top: 20px; left: 0; height: 265px; width:396px; background: url(../images/logo.png) no-repeat; text-indent: -99999px; display:block;}




/* *************************************************************************************** */
/* *************************************** Anav ****************************************** */
/* *************************************************************************************** */

#nav { font-weight:bold; background: url(../images/nav_bg.png) repeat; padding: 15px 0; color: #FFF; font-size: 0.71em; letter-spacing: -0.05em; width: 100%;  }
#nav ul {float: right; }
#nav ul li {float:left; padding: 2px;  }

#nav ul li a { color: #FFF; text-decoration: none; padding: 2px; }
#nav ul li a:hover { background: #141414; color: #FFF; text-decoration: none; border-bottom: 1px solid #CCC; }




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

/* This container style is use if there  is a hero image */
#hero_image { background:url(../images/hero_bg.png) no-repeat; padding: 15px 10px 10px 15px; width:865px; margin: 20px auto 0; }

/* There are 3 different page layouts 1 col, 2 col with lrg image 2 col with listed content  */
.content_1col, .content_2col,  .content_2col_list{ width:870px; margin: 10px auto 0; color: #333; }
.content_2col { width:865px; padding: 150px 0 0; }
.content_2col_list { width:880px; padding: 150px 0 0;  }

/* Structure 2 col with hero image  */
.twocol,  .twocol_img { float: left; width: 420px; margin: 0 5px; }
.content_2col .twocol_img { width: 400px;  margin: 20px 10px 10px; }

/* Structure 2 col with listed images  */
.content_2col_list ul li { float:left; width:430px;  margin: 0 5px;  display: inline; }
.content_2col_list ul li span { width: 210px; float: right;  }
.content_2col_list ul li img { float:left; margin: 0 0 20px;  }


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

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

.content_2col_list h2,  .content_2col_list h3  { padding: 0 0 0 440px; }

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

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

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


/* <p> img */
.content_2col p img { float: left; margin: 0 10px 10px 0; }

/* 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; background: url(../images/bullet.gif) 0 6px no-repeat; padding: 0 0 0 10px; }




/* Buttons */
a.btn_findoutmore  { margin: 0 5px 25px 0; height: 18px; width: 95px; font-size: 0.2em; background: url(../images/btn_findoutmore.jpg) 0 0 no-repeat; text-indent:-99999px; display:block; border: none; }
a:hover.btn_findoutmore { margin: 0 5px 25px 0;background: url(../images/btn_findoutmore.jpg) 0 -23px no-repeat;  border: none; }


a.btn_back { margin: 0 5px 25px 0; height: 18px; width: 41px; font-size: 0.2em; background: url(../images/btn_back.jpg) 0 0 no-repeat; text-indent:-99999px; display:block; border: none; }
a:hover.btn_back { margin: 0 5px 25px 0; background: url(../images/btn_back.jpg) 0 -23px no-repeat;  border: none; }


a.btn_order { margin: 0 5px 25px 0;  height: 18px; width: 134px; font-size: 0.2em; background: url(../images/btn_order.jpg) 0 0 no-repeat; text-indent:-99999px; display:block; border: none; }
a:hover.btn_order { margin: 0 5px 25px 0;  background: url(../images/btn_order.jpg) 0 -23px no-repeat;  border: none; }

.btn_float { float: left; }


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


#footer { background: #000; padding: 10px 0; color: #FFF; letter-spacing: -0.3px; margin: 75px 0; font-size: 0.6em;  line-height: 120%; background:url(../images/header_bg.jpg) repeat-x;   }
#footer ul { display: block; margin: 0 0 0 5px; }
#footer ul li { float: left; width: 210px; padding: 0 0 0 220px; display: block; margin: 0 5px;}

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

/* Footer Logos */
#weaponbomb { background: url(../images/logo_bomb.png) no-repeat 50% 50%; text-indent: -99999px; height: 190px; width: 210px; position: absolute; left: 0; top: -70px; }
#weaponroo { background: url(../images/logo_roo.png) no-repeat 50% 50%; text-indent: -99999px; height: 190px; width: 210px; position: absolute; left: 450px; top: -70px; }

/*content 1 col 2 gallerys */
.content_1col_gal { display: block;!important; margin: 0!important; padding:0!important; }
.content_1col_gal li {	background-color: none!important; margin: 0!important; padding:0!important; float: left; display: inline;}



/* slideshow */
.gallery {  padding: 0!important; width: 430px; }
.gallery li  { padding: 0!important; float: left!important; display:inline!important;  margin: 0!important; }
.gallery li a { display: block; background: url(../images/thumb_bg.png) 0 0 no-repeat!important; padding: 3px 5px 3px 3px!important;  border:none!important; zoom:1; }


/* *************************************************************************************** */
/* ********************************** Slideshow ****************************************** */
/* *************************************************************************************** */
#slideshow { position:relative; height:402px;  }
#slideshow img { position:absolute;top:0;left:0; z-index:8;opacity:0.0;}
#slideshow img.active {  z-index:10;  opacity:1.0;}
#slideshow img.last-active { z-index:9;}



/* *************************************************************************************** */
/* ********************************** Slideshow ****************************************** */
/* *************************************************************************************** */
#map_canvas { height: 100%; width: 100%; }


/* *************************************************************************************** */
/* *********************************** 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 */