/* CSS Document */
html {margin: 0; padding: 0; height: 100%}
body {
font: 11px Arial, Helvetica, sans-serif; 
margin: 0; padding: 0; 
background:  #999;  background-position: top left; background-repeat: repeat-x; 
color: #223344; 
min-height: 100%; height: 100%; 
text-align: center;
}
td {font-size: 11px;}

iframe { width: 770px; height: 500px; border: 0 none; }

.field { border: 1px solid #999; font: 12px arial; }
.txtarea { border: 1px solid #999; height: 80px; font: 12px arial;}
.form-table {background: #ececec; border: 1px solid #ccc; padding: 4px; }
.form-table h1 { color: #cc0000; font-size: 16px; }
.button { padding: 10px; width: 80px ; border: 1px solid #333; background: #ececec; }

/* zero out the spacing around pre, form, body, html as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html { margin:0; padding:0 } 

#content h1 {
margin: 0 0 .5em -2px;
}

h2 {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 0;
padding: 0;
color: #223344;
}
a:link { color: #223344; text-decoration: underline;  }
a:active { color: #223344; text-decoration: underline;  }
a:hover { color: #5B8092; text-decoration: underline;  }
a:visited { color: #223344; text-decoration: underline; }

#wrapper { text-align: left; width: 790px; background: #fff; margin-top: 4px; margin-right: auto; margin-left: auto; padding: 1px;}
#header { background:   url(images/header.jpg); width: 790px; height: 99px; }
.image { border: 4px solid #15A25B; margin: 1em 1em 0 0; }

/*navigation*/
#nwrapper { position: relative; height: 30px; background: #586777; border-bottom: 1px groove #333; width: 790px;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
margin: 7px 0 0 0 ;
color: #fff;
}
#menu dl {
float: left;
width: 120px;
margin: 0 0 0 4px;
border: 1px solid #435262;
background: none;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 1px;
}
#menu dd {
display: none;
display: block;
}
#menu li {
text-align: left;
background: #586777;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: 0 none;
}

#menu dd a:hover {color: #FFF7B5; background: #435262;}

#menu a:hover { color: #FFF7B5; }

/* /navigation */

/*#content { line-height: 1.5em; background: #fff; margin: 1.0em 0 0 0 ; padding: 4px; border: 1px solid black;}*/
#txt {float: left; display: inline; width: 400px; padding: 2px; margin: 20px 0 0 10px; }
#txt li {list-style-type: disc; margin-left: 2.5em; font-size: 11px;}
#right_content { float: right; padding: 2px; margin: 10px 10px 0 0 ; background: #fff; width: 340px;}
#right_content p  { font-size: 12px; font-weight: bold; border: 0; padding: 4px; }
.imglink { border: 0px; }

#right_content_sub { float: right; padding: 2px; margin: .2em 0 2.0em 4.0em; background: #fff; width: 300px;}

.red {color: #CC0000; font-size: 13px;}
.red a{color: #CC0000; font-size: 13px;}
.red a:hover{color: #223344; font-size: 13px;}
.orange {color: #FF9933;}

.tel { font-size: 18px;}

#services { font-size: 14px; font-weight: bold; }
#services a { font-size: 12px; color: #CC0000; text-decoration: none;}
#services a:hover { font-size: 12px; color: #223344;}

#install { background: #ececec; padding: 10px;  line-height: 2.0em; letter-spacing: 0.2px;
			border-top: 1px dashed #999; border-bottom: 1px dashed #999; margin-top: 10px; }

#logos { padding: 0; margin: 3.0em 0 0 0; }

#footer { font-size: 10px; color: #fff; background: #435262; width: 790px; height: 50px; text-align: center; margin: 5px 0 0 0 ; }
#footer a { font-size: 10px; color: #fff; text-decoration: none;}
#footer a:hover { font-size: 10px; color: #223344;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}