/*    
# Theme Name: ufe
# Description: A content heavy template designed specifically for UFE 
# Author: Nick Parker 
# Author URI: http://lightcreative.com.au 
# Version: 1.0 
# . 
# */ 

/** zeros out default browser settings for all page elements**/
*{
	margin:0;
	padding:0;
	border:0;
	
}

/**For non-IE browsers**/
html,body {font-size:90%; height:100%; margin-bottom:1px; /**adds scrollbar in Mozilla**/}

/**For IE only**/
*body {font-size:80%; zoom: 1;}

body {
	background:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	min-width:770px;/**not supported in pre-IE7**/
	text-align: left;
}

h1 {font-size:15px; line-height: 1.5; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding:3px 0 4px 12px; margin:0 0 12px 0; font-weight:normal; background-color:#001923; clear:left;}

h2 {font-size:14px; line-height: 1.5; color:#000000; font-family:Arial, Helvetica, sans-serif; padding:6px 0 4px 0px; margin:0 0 6px 0; font-weight:normal; }

p {font-size:11px; line-height:1.3; color:#666666; padding:0 8px 4px 12px; font-weight:normal; letter-spacing:0;}

.p1 {font-size:12px; line-height:1.5; color:#666666; padding:0 8px 4px 12px; font-weight:normal;}

.copyright {font-size:.7em; font-weight:normal; color:#666666;}

a {color:#0082B7; text-decoration:none;}

a:hover {color:#4FBEE7; text-decoration:none;}

.blueLink {color:#0082B7; text-decoration:none;}

.blueLink:hover {color:#4FBEE7; text-decoration:none;}

h3 {
 	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0px 0px;
	font-weight:bold;
	margin:0 0 6px 0;
	color: #EE771D;
	}
	
h4 {
 	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0px 0px;
	font-weight:bold;
	margin:0 0 -6px 0;
	color:#fff;
	}	
	
.white {font-size:11px; line-height:1.3; color:#fff; padding:0 0px 0px 0px; font-weight:normal; letter-spacing:0;}
 
 
.altLink {color:#C4EDFF; text-decoration:none;}

.altLink:hover {color:#ffffff; text-decoration:underline;} 

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
table {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
td {
	padding:4px;
	min-height:36px;
	}	
	
.bodyyellow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFCC00;
	}
	
.bodybold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	}	
	
.bodysmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	}			
	
hr {
	size:80%;
	color:#FFFFFF;
	padding:2px 0 2px 0;
	}
	
.divider {
	padding:50px 0 40px 0;
	}	
		
/**Liquid Header**/

#headerWrapper {
	padding:0;
	line-height:0;
	color:white;
	font-weight:bold;
	margin:0 auto;
	background: #FFFFFF;
}

#header {
	width: 940px;
	height: 120px;
	padding: 0;
	position:relative;
	margin:0 auto;
	text-align:left;
}

.headRight {text-align:right;}
.headRight img {vertical-align:middle;}

.logo {
	padding:20px 0 0 0;
	display:block;
	width:292px;
	}

/**Main Menu**/

#navcontainer {
	border-bottom:1px solid #999999;
	height:40px;
	background-color:#000000;
	}

#navbox {
	width:940px;
	margin:0 auto;
	text-align:left;
	height:40px;
	}

#nav {
	padding: 0;
	margin: 0;
	/*text-align:center;*/
	list-style-type: none;
	list-style:none;
	font: 16px Arial, Helvetica, sans-serif;
	letter-spacing:.5px;
	list-style-position:outside;
	float:left;
	position:relative;
	z-index:102;
}

#nav ul {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.5px;
	list-style-type:none;
	list-style-position:outside;
	/*clear:left;*/
	float:left;
	
	}
	

#nav a {
	padding: 10px 18px 0px 18px;
	height:30px;
	/*width: 10em;*/
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
}

#nav li {
	float: left;
	height:40px;
	position:relative;
	display:inline;
}	

#nav ul li {
	float: left;
	height:40px;
	position:relative;
	display:inline;
	z-index:100;
}

#nav li ul {
	position: absolute;
	background-color:#000000;
	width: 270px;
	font-size:12px;
	left: -999em;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	z-index:101;
	margin:0;
	clear:left !important;
	top:40px;
	
}


#nav li li {
	border-top:#181818 solid 1px;
	clear:left !important;
	/*padding: 10px 18px 0px 18px;
	height:30px;*/
	/*width: 10em;*/
}

#nav li ul a {
	/*width: 10em;*/
	color:#FFFFFF;
	text-decoration:none;
	width: 234px;
	letter-spacing:0em;
	
}


#nav li a:hover{ color: #FFFFFF; background: #EE771D;}	


/*#nav li:hover ul {
	color: #FFFFFF;
	background: #000000;
	left: auto;
}*/

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/**end main menu**/

#contentWrapper {
	width:940px; /**adjust width as needed**/
	background:none;
	padding:0px 0 0em 0; 
	margin:0 auto; /**centers container on screen**/
}

.content {padding: 0px; text-align: left;
}

.contentWhite {
	padding: 0px; 
	text-align: left; 
	background-image:url(../media/content_bg_column.gif);
	background-repeat: repeat-y;
	background-position: 50% 0; 
	width:940px;
}

.contentbg {
	width:100%;
	min-height:650px;
	background-image:url(../media/bg_dark.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#29759c;
}

.contentHeader {
	width:924px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	padding:22px 0px 22px 16px;
	background-image:url(../media/header_banner.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border-bottom:#000000 solid 1px;
	
	}

.contentBox {
	margin:-495px 0 0 270px;
	padding: 0 14px 60px 0;
	min-height:430px;
	clear:none;
	text-align:left;
	
	}
	
.contentText {
	font-size:11px; 
	line-height:1.3; 
	color:#666666; 
	padding:0 8px 0px 0px; 
	font-weight:normal; 
	letter-spacing:0;
	} 		
	
.contentImg {
	text-align:left;
	padding:26px 0 0 0;
	}	
	
.contentImg img {
	border:#666666 solid 1px;
	margin:0px 3px 4px 0;
	}
	
.contentImgWhite {
	text-align:left;
	padding:26px 0 0 0;
	}	
	
.contentImgWhite img {
	margin:0px 4px 0 0;
	}			

.contentList {
	font-size:12px;
	padding:0px 0 0 18px;
	margin:10px 0 0 0;
	color:#333333;
	font-weight:bold;
	background-image:url(../media/orange_box.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	}

.menuContainer {
	width:252px;
	margin:0;
	padding:0;
	float:left;
	background:#606A74 none repeat scroll 0 0;
	height:100%;
	}
	
.leftColumnBox {
	width: 252px;
	margin:20px 0 0px 0;
	padding:0 0 14px 0;
	clear:both;
	background-color: #F5F5F5;
	}	

.subNav {
	font-size:.8em;
	text-decoration:none;
	padding:0px 0px 10px 0px;
	}

.banner {
	padding:26px 0 26px 0;
	}
	
/* SIDEBAR */	

#menu2 {
	width: 250px;
	font-size: 12px;
	font-weight: normal;
	background:#606A74;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	}
	
#menu2 li {
  	float:left;
	position:relative;
	display:inline;
	}

#menu2 li ul {
	position: absolute;
	background:#5d6571;
	width: 140px; 
	border-left: #999999 solid 1px;
	font-size:12px;
	left: -999em;
	z-index:95;
	margin-top: -32px; 
	margin-left: 250px;
}	

#menu2 li a {
  	display: block;
	width: 234px;
	height:24px;
	}
	
#menu2 li a:link, #menu2 li a:visited {
	color: #fff;
	display: block;
	background: url(../media/content_menu.gif);
	padding: 7px 0 1px 16px;
	}
	
#menu2 li a:hover {
	color: #fff;
	background-image: url(../media/content_menu.gif);
	background-position: 0 -32px;
	padding: 7px 0 1px 16px;
	}			
	
#menu2 li a:active {
	color: #fff;
	background-image: url(../media/content_menu.gif);
	background-position: 0 -64px;
	padding: 7px 0 1px 16px;
	}	

#menu2 ul a {
  	width: 140px; 
	}	

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul, #menu2 li li li.sfhover ul {
left:auto;
}



/*#menu2 li:hover ul, #menu2 li.sfhover ul {
	left: auto;
}*/



/*#menu2 li a {
  	height: 24px;
	text-decoration: none;
	}
	
#menu2 li a:link, #menu2 li a:visited {
	color: #fff;
	display: block;
	background: url(../media/content_menu.gif);
	padding: 7px 0 1px 16px;
	}
	
#menu2 li a:hover {
	color: #fff;
	background-image: url(../media/content_menu.gif);
	background-position: 0 -32px;
	padding: 7px 0 1px 16px;
	}
	
#menu2 li a:active {
	color: #fff;
	background-image: url(../media/content_menu.gif);
	background-position: 0 -64px;
	padding: 7px 0 1px 16px;
	}
	*/
	

.infoBox {
	background:#000;
	font-size:10px;
	padding:26px 12px 26px 16px;
	border-bottom:#929caa solid 1px;
	width:222px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	clear:left;
	}
	
.infoBoxTop {
	background:#828d9a;
	font-size:10px;
	padding:26px 12px 26px 16px;
	border-bottom:#929caa solid 1px;
	width:222px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	}	
 

/* CONTACT*/

.contactLeft {
	float:left;
	margin:0 80px 0 0;
	
	}
	
.contactRight {
	float:left;
	padding:0 0 0 0px;
	}
	
#form-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#form-area {
	width: 280px;
	margin-top: 0px;
	
}

#form-area input, #form-area textarea {
	padding: 5px 5px 5px 5px;
	width: 270px;
	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#form-area textarea {
	height: 70px;
}

#form-area textarea:focus, #form-area input:focus {
	border: 1px solid #EE771D;
}

#form-area input.button {
	width: 120px;
	
}

.warning {
    font-weight: bold;
    color: #f00;
}

form h2 {
    color: #036;
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 5px 0px;
}

label {
    font-weight: bold;
    color: #000000;
    display: block;
}	

.map {
	margin:4px 0px 12px 0px;
	}	
	
	
/* RIGHTBAR */

#rightbar {
	float: right;
	width: 230px;
	padding:4px 4px 4px 4px;
		}
		
.rightbarImg {
	padding:0px 0px 4px 0px;
		}		
		
#rightbar p {
	padding-bottom: 10px;
	margin-right: 10px;
		}
		
#rightbar a {
	color: #66749A;
	text-decoration: none;
	border-bottom: 1px dashed #66749A;	
	font-weight: 500;	
		}
		
#rightbar a:hover{
	color: #566590;
	text-decoration: underline;
	border-bottom: none;	
	font-weight: 500;	
		}
	

/* HOME BUTTONS */
	
#homeButtons {
	width:940px;
	height:140px;
	padding:0 0 10px 2px;
	}
	
#contentButtons {
	width:230px;
	background:#0F0F0F;
	min-height:550px;
	}	
	
	
.buttonOneWrapper a {
	width:141px;
	min-height:43px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_portequip.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	overflow:hidden;
	}		
	
.buttonOneWrapper a:hover {
	background-position: -240px 0;
	
	
	}
	
.buttonTwoWrapper a {
	width:141px;
	min-height:38px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_shipping.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	
	}		
	
.buttonTwoWrapper a:hover {
	background-position: -240px 0;
	
	}	
	
.buttonThreeWrapper a {
	width:141px;
	min-height:43px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_supress.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	}		
	
.buttonThreeWrapper a:hover {
	background-position: -240px 0;
	
	}						

.buttonFourWrapper a {
	width:141px;
	min-height:43px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_sprinkler.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	}		
	
.buttonFourWrapper a:hover {
	background-position: -240px 0;

	}	
	
.buttonFiveWrapper a {
	width:141px;
	min-height:43px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_alarms.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	}		
	
.buttonFiveWrapper a:hover {
	background-position: -240px 0;
	
	}	
	
.buttonSixWrapper a {
	width:141px;
	min-height:38px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_training.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	}		
	
.buttonSixWrapper a:hover {
	background-position: -240px 0;
	
	}	
	
.buttonSevenWrapper a {
	width:141px;
	min-height:43px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_emergency.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	}		
	
.buttonSevenWrapper a:hover {
	background-position: -240px 0;
	
	}
	
.buttonEightWrapper a {
	width:141px;
	min-height:38px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../media/img_butt_spill.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:15px 20px 10px 74px;
	text-align:left;
	letter-spacing:.5px;
	}		
	
.buttonEightWrapper a:hover {
	background-position: -240px 0;
	
	}
									

.light {
	padding:0 0 6px 12px;
	}	

/**Home White Boxes**/	

.whiteBoxWrapper {
	width:940px;
	min-height:144px;
	
	padding:6px 0px 30px 0px;
	
	}


.whiteBoxOne {
	width:467px;
	min-height:195px;
	
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:0px 0px 8px 0px;
	margin:0 6px 0 0;
	text-align:left;
	letter-spacing:.5px;
	
	
	}
	
.whiteBoxTwo {
	width:229px;
	min-height:195px;
	
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:0px 0px 8px 0px;
	margin:0 6px 0 0;
	text-align:left;
	letter-spacing:.5px;
	
	
	}	
	
.whiteBoxEnd {
	width:229px;
	min-height:195px;
	height:144px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	padding:0px 0px 8px 0px;
	text-align:left;
	letter-spacing:.5px;

	
	}	

.partnerWrapper {
	width:216px;
	padding:16px 6px 4px 6px;
	text-align:center;
}		
	
.partner {
	padding: 0 4px 4px 4px;
	float:left;
	}	

/**Slideshow**/

#slideshow {
    position:relative;
    height:205px;
	padding:26px 0 26px 0;
}

#slideshow IMG {
    position:absolute;
   
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



/**Lists**/
/*ul {list-style: url(../Images/linkarrow.gif);}
li {line-height:1.7em; margin-left:30px; padding-left: 10px;}*/

/**Menu2**/

/**Misc classes**/
.left {text-align: left}
.center {text-align: center}
.right {text-align: right}

/**Floats**/
.floatRight {float:right; height:auto; margin:0;
}
.floatLeft { float: left; height:auto; margin:0}
.clearfloat {clear:both; height: 1px; width: 100%}


/**begin Liquid Footer**/
#footerWrapper {
	width:100%;
	background: #000000;
	line-height: 1.5px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	border-top:#CCCCCC solid 1px;
	text-align:center;
	clear:both;
}


/**remove #Myfooter from your page**/

#Myfooter {
	text-align:left;
	width:940px;
	padding:10px;
	color:#898989;
	background:#000000;
	margin:0 auto;
}
#Myfooter p {line-height:1.2}
#Myfooter h3 {font-size:1.2em; line-height:1}

.footertext {
	
	font-size:0.85em;
}