html, body{
      height: 100%;
      }

html body{
     margin: 0;
     padding: 0; 
     color: #000000;
     text-align: left;
     background: #ffffff;	
     font: x-small verdana, arial, helvetica, sans-serif;
     voice-family: "\"}\""; voice-family: inherit;
     font-size: small;
     }
html>body{
     font-size: small;
     }
 
#container{
	width: 770px;
	padding-bottom: 4.0em;
	position: relative;
	} 
  
div#nav-main{
	float: left;
    width: 14.6em;
    padding-bottom: 3.0em;
    background: transparent url(../images/water_bg.jpg) top right repeat;
     }

div#nav-main img{
	display: block;
    margin: 1.0em auto 0 auto;
    }
	
div#nav-main ul{
     margin: 2.0em auto 0 auto;
     padding: 0 0.1em 0 0.1em;
     width: 16.75em;
     font-size: x-small;
     background: transparent url(../images/water_dark_bg.jpg)  -10.5em  2.8em repeat;

     }
   
div#nav-main li{
     list-style: none;
     margin: 0;
     }

div#nav-main li.last{
	margin-bottom: 0;
	}

div#nav-main li a{
	display: block;
	color: #ffffff;
	margin: 0;
	width: 14.25em;  
	padding: 0.25em 0 0.25em 0.5em;
	font-weight: bold;
	text-decoration: none;
	whitespace: nowrap;
	border-bottom: 0.1em solid #ffffff;
	}

div#nav-main li a:hover{
	color: rgb(255,223,060);
	}

div#nav-main>ul a, div#nav-main ul ul a {width: auto;}

div#nav-main ul ul{
	margin: 0 0 0 1.0em;
	padding: 0 0 0 1.0em;
	width: 12.75em;
	background-image: none;
     }
     
div#nav-main ul ul li a{
	width: 12.25em; 
	text-align: right;
	padding: 0.25em 0.5em 0.25em 0;
	}

#pop{
	z-index: 100;
	position: absolute;
	margin-top: 2.0em;
	margin-left: 2.0em;
	margin-bottom: 2.0em;
	background: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
	text-align: center;
	display: none;
	cursor: pointer;
	}
	
#pop span{
	display:block;
	margin: 0 auto;
	padding-top: 5px;
	font-weight: bold;
	font-size: 80%;
	color: #0033cc;
	}

table{
	float: left;
	display: block;
	width: 448px;
	text-align: center;
	margin: 0 0 0 30px;
	font-size: 0.80em;		
	}

table h2{
	margin: 0;
	color: #0033cc;
	text-align: center;
	width: 100%;
	font-size: 200%;
	padding: 1.0em 0 0.5em 0;
	}

table p{
	text-align: left;
	line-height: 1.3em;
	padding: 0 0 1.0em 0.5em;
	text-indent: 1.0em;
	color: #000000;
	font-weight: bold;
	}

table p.strong{
	text-align: center;
	font-size: 1.25em;
	}

table p.other{
	margin-top: 1.0em;
	}

table ul, table ol, #form ul, #form ol{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	}

table li, #form li{
	margin-left: 4.0em;
	}
	
table tr{
	text-align: center;
	}

table .title{
	background: #ffffff;
	}

table .title td{
	padding: 0;
	}
	
table .image td{
	background: transparent;
	}

table p a{
	text-decoration: underline;
	display: inline;
	}

table a{
	text-decoration: none;
	border: none;
	}
	
table a:hover{
	border:  solid #ffffff;
	border-width: 0;
	}
	
#gallery img{
	border: solid #ffffff;
	border-width: 2px 2px 1px 2px;
	}

#accolades img, #testimonials img{
	border-width: 1px 1px 1px 1px;
	border-color: white;
	}	

#accolades td, #testimonials td{
	padding-bottom: 15px;
	}
		
#gallery .caption td{
	background: #0033cc;
	padding: 2px;
	border: solid #ffffff;
	border-width: 0 2px 2px 2px;
	}

#gallery .caption .multi{
	background: #0099ff;
	}
	
#gallery .caption .blank{
	background: transparent;
	}
	
#gallery td{
	font-weight: bold;
	color: #fff;
	}
	
#gallery a:hover img, #accolades a:hover img, #testimonials a:hover img{
	border-width: 1px 1px 1px 1px;
	border-color: red;
	}

#splash{
	text-align: center;
	background: #ffffff url(../images/water_bg.jpg) top left repeat;
	}

#splash a.splash{
	display: block;
	margin: 0 auto;
	text-decoration: none;
	padding-top: 25px;
	}

#splash img{
	border: none;
	}
	
#mainfooter{
	position: relative;
	width: 475px;
	height: 40px;
	margin-top: 15px;
	border: 1px solid #ffffff;
	border-width: 1px 0;
	font: bold 12px verdana, sans-serif;
	}
	
#mainfooter p{
	position: absolute;
	text-align: center;
	width: 550px;
	left: -37.5px;
	top: 13px;
	font: bold 12px verdana, sans-serif;
	color: white;
	}

#mainfooter p a{
	color:  rgb(255,255,0);
	}
	
#form{
	float: left;
	text-align: left;
	width: 448px;
	display: block;
	margin: 0 0 0 30px;
	padding: 1.0em 0;
	}

#form form{
	margin: 0;
	padding: 0;
	}

#form h2{
	margin: 0;
	color: #0033cc;
	text-align: center;
	width: 100%;
	font-size: 200%;
	padding: 1.0em 0 0.5em 0;
	}

#form h3{
	color: #0033cc;
	font-size: 100%;
	margin: 0;
	padding: 0 0 0.5em 0;
	}

#form input{
	border: 1px solid #060046;
	color: #000000;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 90%;
	}

#form li{
	font-size: 85%;
	}

#form p{
	margin: 0 0 0.9em 0;
	padding: 0;
	line-height: 1.2em;
	text-indent: 0;
	clear: both;
	font-size: 85%;
	}

#form.why p{
	clear: none;
	}

#form.services p, #form.privacy p, #form.thanks p, #form.why p, #form.bid p{
	text-indent: 1.0em;
	}

#form img.left{
	float: left;
	margin-right: 1.0em;
	}
	
#form img.right{
	float: right;
	margin-left: 1.0em;
	}

#form.contact h3{
	color: #000000;
	display: inline;
	padding: 0;
	margin-bottom: 1.0em;
	font-size: 90%;
	}

#form a.top{
	display: block;
	margin-top: 0.6em;
	text-indent: 0;
	}
	
#form p a{
	display: inline;
	margin: 0;
	}

#form textarea{
	margin: 0.2em 0 0 0;
	padding: 0;
	line-height: 1.2em;
	width: 448px;
	clear: both;
	border: 1px solid #040046;
	}

#form .button{
	float: right;
	display: block;
	padding:  0;
	margin: 1.5em 18px 1.0em 12px;					
	}
* html #form .button{
	position: relative;
	margin: 1.5em 9px 1.0em 12px;
	}

#form #submit,
#form #reset{
	vertical-align: middle;
	color: #00008b;
	background: #ffffff;
	height: 1.7em;
	width: 5.1em;
	cursor: pointer;
	}