
/* Reset All */

* {margin:0; padding:0; border:0;} 

body  
{  
background-color: #1e3969;  
color: #0a1857; 
font-family: verdana, Arial, sans-serif; 
font-size: 13px; 
text-align: center; /* horizontal alignment in Internet Explorer */
background: url(images/bgtile.gif);

background-repeat: repeat;
} 


#horizon        
{

background-color: transparent;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}


#wrapper
{

text-align: left; 
width:765px;
margin-left: -382px;
position: absolute;
top: -236px;
left: 50%;
height: 472px;
visibility: visible


}


#header 
{  
background: url(images/head.gif);  
background-repeat: no-repeat;
width: 765px;
height:121px;
}


/* NAVIGATION */

#navigation
{
width:250px;
position: relative;
top:66px;
left:519px;
}

#nav 
{
margin: 0;
padding: 0;
height: 22px;
list-style: none;
display: inline;
overflow: hidden;
}


#nav li 
{
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}

#nav a 
{
float: left;
padding: 22px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:22px; /* for IE5/Win only */
}

#nav a:hover 
{
background-position: 0 -23px;
}

#nav a:active, #nav a.selected, #nav a.selected:hover
{
background-position: 0 -46px;
cursor: default;
}

#prods a  
{
width: 145px;
background: url(images/prodbut.gif);
background-position: 0 0; 
background-repeat: no-repeat;
}

#contact a  
{
width: 80px;
background: url(images/contbut.gif);
background-position: 0 0; 
background-repeat: no-repeat;
}

#content
{  
width: 765px; 
height: 315px;
background: url(images/body.gif);  
background-repeat: repeat-y;
padding:0 0 0 55px;
}

#leftcol
{  
width:370px;
height:240px;
margin:0 5px 0 0;
float:left;
}

#subhome
{  
margin:55px 0 10px 0;

}

#subprod
{  
margin:49px 0 10px 0;
}

#subcont
{  
margin:49px 0 10px 0;
}

.trisquares
{  
display: inline;
position: relative;
top:7px;
left: 4px;
}


#rightcol
{  
width:300px;
height:240px;
margin:47px 5px 0 0;
float:left;
}


#rightcol img
{  

margin:0 0 0 94px;

}

#footer
{  
background: url(images/foot.gif);  
background-repeat: no-repeat;
width: 765px;
height:36px;
}



#home
{  
padding: 8px 0 0 19px;
font-size: 9px;
color:#1e3969;
float: left;

}



#copy
{  
padding: 8px 19px 0 0;
font-size: 9px;
color:#3a5b97;
float: right;

}

#home a
{  
text-decoration: none;
color:#1e3969;
}

#home a:hover
{  
text-decoration: none;
background:#1e3969;
color:#ffffff;
}

p
{
margin:0 0 0 0;

}


br
{
line-height:9px;
}

a
{
text-decoration: underline;
color:#0a1857;
}


a:hover
{

text-decoration: underline;
color:#ff0000;
}

a.map
{
text-decoration: none;
color:#0a1857;
font-size:11px;
}

a.map:hover
{
text-decoration: none;
color:#ff0000;
}
