@charset "UTF-8";
/* CSS Document */
/* for crimsonfoxHOME template */


	  
body {
	background-color:#000;
	background-image:url(../images/wide_bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0;
	padding:0;

	  }

a, img {
	border:none;
	outline:0;
}

  
	  
#wrapper {
	width:1024px;
	margin:0 auto;
	height: 600px;
	  }
	  
#header {
	color:#fff;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:1024px;
	height:381px;
	margin:0;
	padding:0;
	float:left;
}

#header h1{
text-indent:-9999px;
padding:0;
margin:0;
font-size:1px;
}


#navbar{
margin:0;
padding:0;
margin: 110px 0 0 107px;
float:left;

 }
	  
#navbar ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	float:left;
	  }
	  
#navbar li {
	
	list-style:none;
	float:left;
margin:0;
	padding:0 8px 0 0;

}


#navbar a {
	text-decoration:none;
	color:#fff;
float:left;
	
}


#navbar a:hover {
	color:#CCC;
}
		 
		 
		 
#slideshow {
	width:332px;
	height:317px;
	margin:0;
	float:right;

	
}


#online_navbar{
  margin:0 0 0 0;
  padding:0;
  width:540px;
  float:right;

}
	  
#online_navbar ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin:18px 0 0 3px;
	padding: 15px 0 0 0;
}
	  
#online_navbar li {
	list-style:none;
	float:left;
	padding:0 53px 0 0;
	margin:0;
}


#online_navbar a {
	text-decoration:none;
	color:#fff;
	
}


#online_navbar a:hover {
	color:#FF0;
}
		
	
#logo {
	width:127px;
	height:39px
}

#testimonials {
	float:left;
	padding:0 0 0 0;
	margin:20px 0 0 0;
width:440px;
height:210px;
}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0;
	font-size:20px;
	font-weight:100;
	line-height:22px;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:2px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:100;
	
	
}
	
	
	
	
#content {
	margin: 25px 0 0 0;
	width:1024px;
	height:200px;
	float:left;
	
}
		



.national {
	float:left;
	margin: 0 5px 0 0;
}

.national a {
	background-image:url(../images/national_training.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:179px;
	display:block;
	background-position: 0px -179px;
}

.national a:hover {
	background-position: 0 0;
}



.safety {
	float:left;
	margin: 0 5px 0 0;
}

.safety a {
	background-image:url(../images/safety_consultancy.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:179px;
	display:block;
	background-position: 0px -179px;
}

.safety a:hover {
	background-position: 0 0;
}



.emergency {
	float:left;
	margin: 0 5px 0 0;
}

.emergency a {
	background-image:url(../images/onside_emergency.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:179px;
	display:block;
	background-position: 0px -179px;
}

.emergency a:hover {
	background-position: 0 0;
}



.rescue {
	float:left;
	margin:0;
}

.rescue a{
	background-image:url(../images/firesafety_rescue.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:179px;
	display:block;
	background-position: 0px -179px;
}

.rescue a:hover {
	background-position: 0 0;
	}





#companies {
	height:59px;
	background-color:#fff;
	margin:0;
	text-align:center;
}




	#companies_text {
		text-align:center;
	}
	
	#companies_text p {
		font-weight:bold;
		color:#999;
	}
		

#twitterfacebook {
	margin:0 auto;
	height: 40px;
	width:500px;
}


#twitter {
	float:left;
	padding:0 10px 0 0;
	
}

#twitter h2 {
	background-image:url(../images/twitter.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:48px;
	text-indent:-9999px;
	text-align:center;
}


#facebook {
	float:left;
	
}

#facebook h2 {
	background-image:url(../images/facebook.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:48px;
	text-indent:-9999px;
	text-align:center;
}




#footer {
  height:30px;
  background-color:#414142;
  text-align:center;
/*  margin:40px 0; */
  padding:0;
  width:100%;
  float:left;
}

#footer a {
  color:#FFF;
  padding:0;
  margin:0;
}

#footer a:hover {
  color:#CCC;
}

#footer p {
  padding:7px 0 0 0;
  margin:0;
}


/* temporary only, used during shop development */
#text {color:#666666}