*
{
	padding:0px;
	margin:0px;

}
html,body
{
	
	padding:0px;
	margin:0px;
	height:auto;
	border:none;
	background-color:#FFF;
	

}

#page
{
	text-align:center;
}

body,table {
	font-family:Arial, Helvetica, sans-serif;
	color: #444444;
	font-size:12px;
	
}

table 
{
	border-collapse: collapse;
	width: 100%;
}

img, fieldset 
{
	border: none;
}
.clr 
{
clear: both;
}

p {
	
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
	color: #444444;
	font-size:23px;
}






/*@font-face{ 
        font-family: "Futura-Condensed-Normal";
        src: url('../fonts/futura-condensed-normal.eot');
        src: local("Futura-Condensed-Normal"), url('../fonts/futura-condensed-normal.ttf') format("truetype");
		
}
    .fontsforweb_fontid_1228 {
        font-family: "Futura-Condensed-Normal";
		font-weight:normal;
}*/


@font-face {
	font-family: 'Futura-Condensed-Normal';
	src: url('../fonts/futura-condensed-normal.eot');
	src: local('Futura-Condensed-Normal'), 
	url('../fonts/futura-condensed-normal.woff') format('woff'), 
	url('../fonts/futura-condensed-normal.ttf') format("truetype"),
	url('../fonts/futura-condensed-normal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


h5
{
	
	font-size:31px;
	
	color:#000;
	font-family: "Futura-Condensed-Normal";
	font-weight:normal;

	
}



h3
{
	

	font-size:60px;
	color:#000;
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;

	
}

h2
{
	font-size:45px;
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
	color:#f8d240;
	font-weight:normal;

	
}




h1
{
	font-size:50px;
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;

	
}









a,object
{
	color:#207ad4;
	text-decoration:none;
	outline: none;
	border:none;
}



#wrapper
{
	width:930px;
	margin:0px auto;
	text-align:left;
	position:relative;
	overflow:hidden;
	
}

#wrap
{
background: #8AA34B;
width: 100%;
float: left;
height: 500px;
}


ul li a { background: #8AA34B;
}

/*=======================================TOP HEADER START HERE====================================================*/
#header
{
	float:left;
	width:930px;
	height:116px;
	background:url(../images/top_header_bg.png) no-repeat;
	margin-top:35px;

}


#header_logo
{
	float:left;
	width:320px;
	height:116px;
}


#header_logo_right
{
	float:right;
	height:76px;
	padding-right:30px;
	width:555px;
	padding-top:40px;
}



#header_logo_right_copy
{
	float:left;
	font-size:38px;
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	padding-left:23px;
	margin-top: 3px;
	
}



#header_logo_right_copy2
{
	float:left;
	font-size:24px;
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff; margin-left:52px;
	margin-top:17px;
}







#header_top2
{
	float:left;
	width:930px;
	height:305px;
	background-color:#8aa34b;
	
	
}






#header_top2_pic
{
	float:left;
	width:217px;
	height:305px;
	

}


#header_top2_right
{
	float:right;
	width:712px;
	height:305px;
	background-color:#8aa34b;

}



#header_top2_right_top_heading
{
	float:left;
	width:712px;
}



#header_top2_right_menu
{
	float:right;
	width:712px;
	height:305px;
	background-color:#8aa34b;

}



#middle_wrapper
{
	float:left;
	width:930px;
	padding-bottom:20px;
	background-color:#8aa34b;
	
	
}

#middle_wrapper_container

{
	float:left;
	width:890px;
	padding:0px 20px 5px 20px;

}


#middle_wrapper_left
{
	float:left;
	
}


#middle_wrapper_left_links
{
width: 150px;
height: 200px;
float: left;
position: absolute;
margin: 300px 40px;}


#middle_wrapper_left_links ul
{
	list-style:none;
}




#middle_wrapper_left_links ul li
{
	margin-bottom:5px;
}


#middle_wrapper_left_links ul li a
{

  text-decoration: none;
  color: #000;
 
  font-size:22px;
  font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
  font-weight:normal;
}



#middle_wrapper_left_links ul li a:hover { color: white; }





#middle_wrapper_right
{
	float:right;
	margin-right:20px;
	width:350px;
	min-height: 130px;


	
	
}






/







/* MENU */
ul {
  font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
  font-size: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight:normal;
}

ul li {
  display: block;
  position: relative;
  float: left;
}


ul li a {
  display: block;
  text-decoration: none;
  color: #000;
 

  padding: 1px 25px 1px 25px;
  
  margin-left: 1px;
  white-space: nowrap;
  font-size:35px;
  font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
  font-weight:normal;
}

li ul {
  display: none;
  position:absolute;
  /*width:100px;*/
}



/* START CUSTOM CSS */
li .open {display: block; }


li ul a {
 
  font-size:25px;
  margin-left:15px;

}

li li {
  float: none;
  font-size: 11px;
}

li a:hover { color: white; }

.active { color: white; }

/* GENERAL */
#box { 
	width: 608px;
	height: 240px;
	display: block;
	margin: 140px auto auto 250px;
	text-align: center;
	}
#box div { 
	width: auto;
	vertical-align: middle;
	margin: 10px;
	display: none; 
	}

#box div p { 

	margin: 25px 50px; 
	text-align:left; 
	font-family:Futura-Condensed-Normal; 
	font-size:15px; 
	color:#000000; }



#box .cool { 
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 25px; 
	margin: 0 20px 0 35px;
	}




/*Image Containers */
#box  .double { 
	max-width: 250px;
}
#box  .triple { 
	max-width: 170px;
	max-height: 170px;
}
#box  .quad { 
	max-width: 125px;
	margin-left: 10px; 
}
#articles .thumbs {
	height:200px;  }

#software .thumbs { height: 170px; margin-top: 40px; }

#box .thumbs {
	height: 170px; 
	margin: auto;
	display: table;
	float: left;
 }
 
#box .sample { 
	display: block;
	float: left;
}

#articles { margin-top: -50px; }

#box #comic p { margin-top: 0; font-size: 19px; float: left; }

#box #comic img { width: auto; }

	
/*Images*/
.sample img { 
	margin: 12px;
	float: left;
	text-align: center;
	display: table-cell;
	max-height: 180px;
 }


/*Important*/
ul .active li { display: block; }
#footer_logo {
	width: 300px;
	height: 75px;
	float: right;
	margin: 425px 35px 35px 600px;
	position: absolute;
	overflow: hidden;
	background: url('/images/BombGuyQuarter.png') no-repeat;
	 }
	 
#footer_wrapper
{
	float:left;
	width:930px;
	height:100px;
	background:url(../images/bottom_header_bg.png) no-repeat;
	text-align:center;
	padding-top:5px;
}

#footer_wrapper p {
	margin-top: 50px; 
	font-size:18px;
	color:#000000;
	font-family:"Futura-Condensed-Normal", Arial, Helvetica, sans-serif;	
	}
	

#box .thumbs a {
	vertical-align: bottom;
	display: table-cell;
}

#box .sample p {
	 width: inherit;
	 margin: 5px; 
	 float: left; 
	 font-size: 19px;
	 }
