body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background: url("../images/bck.jpg") top left repeat-x fixed;
}

INPUT
{
    BORDER-RIGHT: #45A5CD 1px solid;
    BORDER-TOP: #45A5CD 1px solid;
    FONT-SIZE: 10pt;
    color: black;
	BORDER-LEFT: #45A5CD 1px solid;
    BORDER-BOTTOM: #45A5CD 1px solid;
    FONT-FAMILY: Arial;
    HEIGHT: 14pt;
    TEXT-DECORATION: none
	
}
INPUT.button
{
	cursor: pointer;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: white;
	height: 14pt;
	border: solid 0px #6AC335;
	background: #45A5CD;
}
TEXTAREA
{
    BORDER-RIGHT: #45A5CD 1px solid;
    BORDER-TOP: #45A5CD 1px solid;
    SCROLLBAR-FACE-COLOR: #45A5CD;
    FONT-SIZE: 8pt;
    SCROLLBAR-HIGHLIGHT-COLOR: #45A5CD;
    BORDER-LEFT: #45A5CD 1px solid;
    SCROLLBAR-SHADOW-COLOR: #dfdfdf;
    SCROLLBAR-3DLIGHT-COLOR: #45A5CD;
    SCROLLBAR-ARROW-COLOR: #677790;
    SCROLLBAR-TRACK-COLOR: #dfdfdf;
    BORDER-BOTTOM: #45A5CD 1px solid;
    FONT-FAMILY: Arial, Verdana, sans-serif;
	color: black;
    SCROLLBAR-DARKSHADOW-COLOR: #45A5CD;
    TEXT-DECORATION: none
}

#obal
{
     width: 920px;
     height: auto;
     float: left;
     margin-left: 0px;    
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 10px;
     margin-bottom: 10px;
     background-color: white;
     border: 0px solid red;
     
}


#obal_out
{
     width: 920px;
     height: auto;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 10px;
     background-color: white;
     border: 0px solid red;
}


#hat
{
	width: 920px;
	height: 15px;
	background: url("../images/hat.jpg") top left no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	position: relative;
	border: 0px solid yellow;
}


#top
{
	width: 900px;
	height: 350px;
	background: url("../images/top_3a.jpg") top left no-repeat;
	position: relative;
	margin-left: 10px;
	border: 0px solid black
}

#top-uisce
{
 	 position: absolute;
	 top: 0px; 
	 left: 19px; 
	 width: 220px; 
	 height: 160px; 
	 background-color: transparent; 
	 border: 0px; 
}

#top-home
{
 	 position: absolute;
	 top: 330px; 
	 left: 380px; 
	 width: 101px; 
	 height: 18px; 
	 background-color: transparent; 
	 border: 0px; 
}

#top-products
{
 	 position: absolute;
	 top: 330px; 
	 left: 526px; 
	 width: 93px; 
	 height: 18px; 
	 background-color: transparent; 
	 border: 0px; 
}
#top-contactus
{
 	 position: absolute;
	 top: 330px; 
	 left: 668px; 
	 width: 112px; 
	 height: 18px; 
	 background-color: transparent; 
	 border: 0px; 
}
#top-gallery
{
 	 position: absolute;
	 top: 330px; 
	 left: 824px; 
	 width: 76px; 
	 height: 18px; 
	 background-color: transparent; 
	 border: 0px; 
}


#banner-products
{
 	 position: absolute;
	 top: 12px; 
	 left: 16px; 
	 width: 75px; 
	 height: 16px; 
	 background-color: transparent; 
	 border: 0px; 
}

#left
{
      width: 653px;
      border: 0px solid black;
      height: auto;
      margin-left: 10px;
      margin-top: 8px;
      margin-bottom: 8px;
      float: left;
      background: white;
      text-align: justify;
      font-family: Arial, Verdana, sans-serif;
      font-size: 11px;
      color: black;
      text-decoration: none;
}

#banner_f
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_floodguards.jpg") left no-repeat;
      
}

#banner_ac
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_airbrick.jpg") left no-repeat;
      
}

#banner_fa
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_floodalert.jpg") left no-repeat;
      
}

#banner_rd
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_rapidam.jpg") left no-repeat;
      
}

#banner_rt
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_rapitank.jpg") left no-repeat;
      
}

#banner_ad
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_accessories.jpg") left no-repeat;
      
}

#banner_gel
{
      position: relative;
      width: 653px;
      border: 0px solid black;
      height: 40px;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 8px;
      float: left;
      background: url("../images/p_gel.jpg") left no-repeat;
      
}

#left-top-pic-1
{
 	 width: 210px;
	 height: 140px;
	 float: right;
	 margin-left: 12px;
	 margin-top: 4px;
}

#left-top-pic-2
{
 	 width: 210px;
	 height: 140px;
	 float: right;
	 margin-left: 12px;
	 margin-top: 4px;
	
}

#right
{
     width: 239px;
     border: 0px solid black;
     height: auto;
     margin-left: 8px;
     margin-right: 10px;
     margin-top: 8px;
     margin-bottom: 8px;
     float: right;
     background: white;
     text-align: center;
}

#footer
{
	width: 900px;
	height: 30px;
	background: url("../images/footer.jpg") left no-repeat;
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	
	
}

#footertext
{
	height: auto;
	text-align: center;
	margin-top: 9px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #304674;
	text-decoration: none;
}

#gal_img_left
{
 	height: 150px;
	width: 200px;
	margin-top: 20px;
	margin-left: 100px;
	float: left;
	border: 0px;

}

#gal_img_right
{
 	height: 150px;
	width: 200px;
	margin-top: 20px;
	margin-right: 100px;
	float: right;
	border: 0px;

}

.bluetext11
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #007198;
text-decoration: none;
}

.bluetext11bold
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #007198;
text-decoration: none;
}

.redtext13bold
{
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: red;
text-decoration: none;
}

.bluetext13bold
{
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #007198;
text-decoration: none;
}

.darkbluetext13bold
{
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #677790;
text-decoration: none;
}

a.bluetext11
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #007198;
text-decoration: none;
}

a.bluetext11:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #007198;
text-decoration: underline;
}

a.bluetext13bold
{
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #007198;
text-decoration: none;
}

a.bluetext13bold:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #007198;
text-decoration: underline;
}

a.footertext
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #304674;
	text-decoration: none;
}
a.footertext:hover
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #304674;
	text-decoration: underline;
}