/* CSS Document */
body{
	padding:0; margin:0;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
}
/*-----------------------------New Menu Bar -----------------------*/

#menu{
	width:600px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:45%;top:15%; font-family: "arial";	text-decoration:none;
}
/*-------------------------------navigation------------------------*/
#sidebar {
position: absolute; /*absolute*/
left: 41%;
top: 16.3%;
/*float:center;*/
width: 560px;
font-size: 14px;
text-align: left;
font-family: arial;
font-weight: bold; 
/*background-color: #999999;*/
background-color: transparent;
}
#navlist{	
margin: 0; 		/*removes indent IE and Opera*/
padding: 0;		/*removes indent Mozilla and NN7*/
	}

#navlist li {
	float: left;
	list-style-type: none;	/*turns off display of bullet*/
	margin: 0 0 1em 0;
	padding: 0 .5em 0 0 ;
	/*padding-left: 2%;*/
	padding-bottom: 0px;
	/*white-space: nowrap;*/
	text-align: left;
	width: 13%;
	/*width: 16.667%;*/
}
#navlist a, #navlist a:visited {
display: block;			/*declaration enables entire link box to be "clickable"*/
padding: 0px 0px 0px 0px;	/*space between borders and text inside*/
border: 0px solid;
border-color: #ddd #000 #000 #ddd;
background-color: transparent;
text-align: left;
color: #000000;
/*font-weight:bold;*/
text-decoration: none;		/*underlining turned off*/
}
#navlist a:hover {
background-color: transparent;
/*background-image:  url(assets/contactred.jpg); */
font-weight: bold;
color: #FF0000;
/*color: #B55455;      same color as the hydrant at the bottom*/
}
/*provides the ability to mark the link associated with the current page - a "you are here" reminder*/
#sidebar #navlist .uberlink {
/*background-color: transparent;*/
background-color:transparent;
font-weight: bold;
color: #FF0000;
/*color: #B55455;   same color as the hydrant at the bottom*/
cursor: default;
}

/*------------------------------------body-------------------------*/
#main_body{
	/*width:100%; height: 100%;*/ color:#999999; position:absolute;
	background-image: url(assets/background.jpg);
	background-repeat: no-repeat;
	width:1003px; height: 595px;
}
#main_bodyhome{
	/*width:100%; height: 100%;*/ color:#999999; position:absolute;
	background-image: url(assets/backgroundwo.jpg);
	background-repeat: no-repeat;
	width:1003px; height: 595px;
}
#body{
	width:700px;  height: 40px; background-color:#FFFFFF;  color:#000000; position:absolute;
	left:200px;top:400px; font-family: "arial"; font-size: .7em; font-weight: bold;
		
}

#body2{
	width: 680px; height: 100px; background-color:#FFFFFF; color:#000000; position:absolute;
	left:30%;top:45%; font-family: "arial";
}
/*------------------------------- Careers Section ----------------------- */
#careersbody{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:22%;top:40%; font-family: "arial";		
}
#careersbody2{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:60%;top:40%; font-family: "arial";		
}
#careersimg{
	width: 112px; height: 156px; background-color: transparent; color:#000000; position:absolute;
	left:50%;top:40%; background-image: url(assets/career.jpg);
}
#careersword1{
	width: 280px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold;
}
#careersword2{
	width: 240px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold;
}
/*------------------------------- Contact Section ----------------------- */
#contactbody{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:22%;top:40%; font-family: "arial";		
}
#contactbody2{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:43%;top:40%; font-family: "arial";		
}
#contactbody3{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:75%;top:40%; font-family: "arial";		
}
#contactimg{
	width: 432px; height: 165px; background-color: transparent; color:#000000; position:absolute;
	left:30%;top:39%; background-image: url(assets/contact.jpg);background-repeat: no-repeat;
}
#contactword1{
	width: 280px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold;
}
#contactword2{
	width: 240px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold;
}
#contactword3{
	width: 240px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold;
}
/*------------------------------- News Section ----------------------- */
#newsbody{
	width:700px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:22%;top:40%; font-family: "arial";		
}
#newsword{
	width: 280px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold;
}
#newsword2{
	width: 280px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	font-size: .7em; font-weight: bold; left: 50%;
}
#newsimg{
	width: 150px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	left:85%;top:38%; background-image: url(assets/newspaper.jpg);
}

/*--------------------------------Gallery Section ----------------------- */
#gallerywords1{
	width:60px;  height: 89px; background-color: transparent;  color:#000000; position:absolute;
	left: 31%; top:39%; font-family: "arial";font-weight: bold;
		
}
#gallerywords2{
	width:140px;  height: 30px; background-color: transparent;  color:#000000; position:absolute;
	left:55%;top:39%; font-family: "arial";font-weight: bold;
		
}
#gallerywords3{
	width:80px;  height: 30px; background-color: transparent;  color:#000000; position:absolute;
	left:83%;top:39%; font-family: "arial";font-weight: bold;
	}
#gallery{
	width:242px; height:140px; left: 200px; top: 300px; background-color:#000000;  color:#999999; position:relative;
	}
#gallery2{
	width:242px; height:140px; left: 450px; top: 300px; background-color:#000000;  color:#999999; position:absolute;
	}
#gallery3{
	width:242px; height:140px; left: 700px; top: 300px; background-color:#000000;  color:#999999; position:absolute;
	}
#gallery_body{
	width:100%;  height:600px; background-color: transparent;  color:#999999; position: absolute;
	font-family: "arial";		
}

/*------------------------------- AboutUS Section ----------------------- */
#aboutus_body{
	width:100px;  height: 40px; background-color:transparent;  color:#000000; position:absolute;
	left:20.5%;top:38%; font-family: "arial"; font-size: .7em; font-weight: bold;		
}
#aboutus_body2{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:45%;top:40%; font-family: "arial"; font-size: .7em; font-weight: bold;	
}
#aboutus_body3{
	width:100px;  height: 40px; background-color: transparent;  color:#000000; position:absolute;
	left:75%;top:40%; font-family: "arial"; font-size: .7em; font-weight: bold;	
}

#aboutusimg{
	width: 650px; height: 155px; background-color: transparent; color:#000000; position:absolute;
	left:35.2%;top:38%; background-image: url(assets/aboutus.jpg);
}
#aboutusword1{
	width: 180px; height: 155px; background-color: transparent; color:#000000; position:absolute;
}
#aboutusword2{
	width: 240px; height: 155px; background-color: transparent; color:#000000; position:absolute;
}
#aboutusword3{
	width: 240px; height: 155px; background-color: transparent; color:#000000; position:absolute;
}	
/*--------------------------------------------------------------------------*/
#homeimg{
	width: 841px; height: 267px; background-color: transparent; color:#000000; position:absolute;
	left:162px;top:168px; background-image: url(assets/hydrantlogo.jpg);
}
/*------------------------------ Photo Gallery ---------------------------- */

#photo_body{
	width:600px;  height: 155px; background-color:transparent;  color:#000000; position:absolute;
	left:21%;top:38%; font-family: "arial"; font-size: .7em; font-weight: bold;	
}

#photo_cartoonlink{
	width:125px;  height: 50px; background-color:transparent;  color:#000000; position:absolute;
	text-align: left; font-family: "arial"; font-size: 1em; font-weight: bold;top: 0px;
}


#photo_cartoonbody{
	width:500px;  height: 155px; /*background-color:#FF0400;*/background-color:transparent;  color:#000000; position:absolute;
	left: 150px; top: -12px; 
}
#photo_cartoonimg1{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/1.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 0px; top: 10px; 
}
#photo_cartoonimg2{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/2.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 50px; top: 100px; 
}
#photo_cartoonimg3{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 200px; top: 10px; 
}
#photo_cartoonimg4{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/4.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 240px; top: 90px; 
}
#photo_cartoonimg5{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/5.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 410px; top: 10px; 
}
#photo_cartoonimg6{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/6.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 460px; top: 95px; 
}
#photo_viseffectslink{
	width:125px;  height: 50px; background-color:transparent;  color:#000000; position:absolute;
	text-align: left; top: 55px; left: 0px;font-family: "arial"; font-size: 1em; font-weight: bold;
	background-image:  url(assets/images/button.jpg);background-repeat: no-repeat;
}

#photo_viseffectsbody{
	width:500px;  height: 155px; background-color:transparent;  color:#000000; position:absolute;
	left: 140px; top: -72px; display: none;
}
#photo_effectsimg1{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/1.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 0px; top: 20px; 
}
#photo_effectsimg2{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/2.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 50px; top: 100px; 
}
#photo_effectsimg3{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 200px; top: 18px; 
}
#photo_effectsimg4{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/4.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 240px; top: 98px; 
}
#photo_effectsimg5{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/5.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 410px; top: 20px; 
}
#photo_effectsimg6{
	width:174px;  height: 90px; /*background-color:#FF0400;*/background-color:transparent; 
	background-image: url(assets/cartoon/6.jpg); background-repeat: no-repeat;
	color:#000000; position:absolute;
	left: 460px; top: 95px; 
}
#photo_gaminglink{
	width:125px;  height: 50px; background-color:transparent;  color:#000000; position:absolute;
	text-align: left; top: 110px; left: 0px;font-family: "arial"; font-size: 1em; font-weight: bold;
	background-image:  url(assets/images/button.jpg);background-repeat: no-repeat;
}



#photo_gamingbody{
	width:400px;  height: 155px; background-color:transparent;  color:#000000; position:absolute;
	left: 200px; top: -100px; display: none;
}



/*-----------------------------------   Image Viewer ------------------------------*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}