/*
	Ex Machina by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/



html, body {
  overflow-x:hidden 
} 


	body,input,textarea,select
	{
		line-height: 1.75em;
		font-size: 11pt;
		letter-spacing: 0;
		 overflow-x: hidden;
	}

	body
	{
		padding-top: 44px;
	}

	h2, h4, h5, h6
	{
		font-size: 1.5em;
	}
h3 {
	font-size: 1.0em;
}
	section,
	article
	{
		clear: both;
		margin: 2em 0 2em 0 !important;
	}

	section > :first-child,
	article > :first-child
	{
		margin-top: 0 !important;
	}

	section:first-child,
	article:first-child
	{
		margin-top: 0 !important;
	}

	.container
	{
		padding: 0em 1em;
	}
	
	.button
	{
		display: block;
		width: 100%;
		text-align: center;
	}

	
		header h2
		{
			font-size: 1.6em;
		}

		header .byline
		{
			font-size: 1em;
		}
		
		#select
			{
				padding: 0.30em 1.2em;
			}
		#select a
			{
				padding: 0.80em 1.2em;
				text-decoration:none;
				background: #ff0000;
				border-radius:0px;
				color: #FFF;
				font-weight:800;
				font-size:0.7em;
			}
			#select a:hover 
			{
				background: #333333;
				border-radius:0px;
				color: #FFF;
			}


			

		.vanresize{
width:80%;
height:auto;
	
	
	
	
}
	
		.stylelist1 {
		width:120px;
		margin-top:-40px;
	}
	
			.stylelist1 a{
	font-size:0.6em;

}

		.stylelist2 {
		width:120px;
		margin-top:-40px;
	}
	

		.stylelistuse {
		width:120px;
		margin-top:-50px;
	}
	
		/* TYPES OF FIRES */

	
	
		.sidebar2
	{
 top:-205px;
left:130px;
width:150px;
font-size:0.9em;
		margin-bottom:-15em!important;
			
	}
		.sidebar2 img {
	width:150px;
	height:auto;
	
		}
		
		
		
	/* TYPES OF FIRE EXTINGUISHERS */
	
	
			.sidebar3
	{
		top:-425px;
		left:128px;
		width:150px;
		font-size:0.9em;
margin-bottom:-30em!important;
	}
	
	
		.sidebar3 img {
	width:70px;
	height:auto;
	
	
}
	
	
	
		
		/* FIRE EXTINGUISHER USE */
	
		.sidebar4
	{
 top:-237px;
left:130px;
width:150px;
font-size:0.9em;
		margin-bottom:-15em!important;
		padding-bottom:50px;	
	}
	
	#loadcontentuse img {
	width:150px;
	height:auto;
	
	}
	
#scroll {
 position:absolute;
    bottom:320px;
  right:30px;
}
	.scrollup{
    /*opacity:0.3;*/
   /* text-indent:-9999px;*/
}



	
/*********************************************************************************/
/* UI                                                                            */
/*********************************************************************************/

	#titleBar
	{
		background: #333333 url(images/irongrip.png) repeat;
	}

	#titleBar .title
		{
			display: block;
			color: #fff;
			text-align: center;
			font-size:0.8em;
			line-height: 44px;
			padding-top:1em;
			padding-left:1.5em;
		}
		#titleBar .toggle
		{
			position: absolute;
			left: 0;
			top: 0;
			width: 80px;
			height: 60px;
		}

			#titleBar .toggle:after
			{
				content: '';
				display: block;
				width: 20px;
				height: 13px;
				position: absolute;
				left: 10px;
				top: 15px;
				background: url(images/toggle.png) 0px 0px no-repeat;
				/*opacity: 0.5;*/
			}

			#titleBar .toggle:active:after
			{
				opacity: 0.75;
			}

	#navPanel
	{
		background: #333333 url(images/irongrip.png) repeat;
		box-shadow: inset -10px 0px 20px 0px rgba(0,0,0,0.5);
		height:700px;
	}

		#navPanel .link
		{
			
			display: block;
			color: #888;
			text-decoration: none;
			height: 44px;
			line-height: 44px;
			border-top: solid 1px rgba(255,255,255,0.1);
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 0 1em 0 1em;
			font-size: 0.8em;
		}
		
			#navPanel .link:first-child
			{
				border-top: 0;
			}
			
			#navPanel .link.depth-0
			{
				color: #fff;
			}
			

			#navPanel .indent-1 { display: inline-block; width: 1em; }
			#navPanel .indent-2 { display: inline-block; width: 2em; }
			#navPanel .indent-3 { display: inline-block; width: 3em; }
			#navPanel .indent-4 { display: inline-block; width: 4em; }
			#navPanel .indent-5 { display: inline-block; width: 5em; }
			#navPanel .depth-0 { color: #fff; }
			
			
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		display: none;
	}
 #buttons {
	 float:right;
	 position:relative;
	 top:0.4em;
	 
 }
	#logo
	{
		display: none;
	
	}
	
	
	#nav
	{
		display: none;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		padding: 6em 0em;
	}


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#page
	{
		padding: 2em 0em 2em 0em;
	}

	#main
	{
		margin-top: -1em;
		padding-top: 0em;
		border-top: none;
	}

	
	.homepage #main
	{
		margin-top: 3em;
		padding-top: 3em;
	}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position:relative;
		padding: 0em 3em 2em 3em;
		
	}
	
/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
	
	#featured
	{
		position: relative;
		padding: 4em 0em 2em 0em;
	}
	
	#featured .divider
	{
		padding: 2em 0em 0em 0em;
	}
	
	#featured .left
	{
		float: none;
		width: 100%;
	}