body {
 font-family: verdana, Georgia, sans-serif;
 margin: 0 ;
 padding: 0 ;
 background: #3264C8 url(http://www.hawaiinetdevelopers.com/img/fadebg.jpg) repeat-x ;
 width:100%;
 position:relative;
}

p {margin:0 2% 5px 2%;}

.clear {
 clear:both;
 line-height:10px;
}

#websitebanner {
 margin:0;
 padding:0;
 position: absolute;
 top: 0;
 background:url(http://www.hawaiinetdevelopers.com/img/banner.jpg) no-repeat ;
 width:99.9%;
 overflow:hidden;
}	

#hawaiinetdevelopers {
 position:absolute;
 top:88;
 left:260;
 font-face:verdana;
 font-size:80%;
}

#languagelinks{
 float:right;
 width:100%;
 position:absolute;
 z-index:2;
 top:0;
 right:0;
 margin:0;
 padding:0;
}

#languagelinks table{
float:right;
}

#languagelinks a{
 font-size:7pt;
 color:white;
 font-weight:bold;
 text-decoration:none;
}

#languagelinks a:hover{
 font-size:7pt;
 color:blue;
 font-weight:bold;
 text-decoration:none;
}

#languagelinks a img{
 border:1px solid white;
}

#main .column {
 display:inline;
 position: relative;
 float: left;
}

#main {
 margin: 0;
 padding: 133px 160px 0 160px;
}

* html #main {width:99.9%;}

#center { 
 margin:5px 2% 0 2%;
 width:95.9%;
 padding:0;
 overflow:hidden;
}


#left { padding:22px 0 0 0; width: 140px; right: 150px; margin:0 0 0 -100%;}

#right { padding:22px 0 0 0; width: 140px; left:10px; margin: 0 -140px 0 0;}

#right img {margin-bottom: 20px;}

#toplinks {
	line-height:12px;
	font-weight:bold;
  color: #336666;
  margin: 0 0 0 2%;
  padding: 0;
  font-size:7pt;
  text-align: left;
}

      .toplinkscurrentpage{
        color:#000000;
      	font-size:105%;
      }
      
      #toplinks a{
       padding: 0 7px 5px 7px;
       text-decoration: none;
       color:#3264C8;
      }
      #toplinks a:hover{
       padding: 0 7px 5px 7px;
       color:#3264C8;
			 text-decoration: underline;
      }

#leftnavmain {
	list-style-type: none;
	list-style-image: none;
	background: #ffffff;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 10pt;
  text-align: left;
}
      #leftnavmain li{
			 border:1px solid #3264C8;
			 padding:0;
			 margin:0 0 3px 0;
			}
			
			*html .leftnavmaincurrentpage{
			 width:99.9%;
			}
			
			*html #leftnavmain a{
			 width:99.9%;
			}
			
			*html #leftnavmain a:hover{
			 width:99.9%;
			}
			
      .leftnavmaincurrentpage{
			  font-weight:bold;
			  display:block;
				line-height:22px;
			  padding:2px 0 2px 5px;
				margin:0;
        color:#ffffff;
        background:#3264C8;
				text-align:center;
      }
      
      #leftnavmain a{
			 font-weight:bold;
		   display:block;
			 line-height:22px;
			 padding:2px 0 2px 5px;
			 margin:0;
			 color:#3264C8;
       background:#FFFFFF;
			 text-decoration: none;
      }
      #leftnavmain a:hover{
			 font-weight:bold;
       display:block;
			 line-height:22px;
			 padding:2px 0 2px 5px;
			 margin:0;
			 color:#000000;
			 background:#AAC8FF;
      }
			
			.linkarrow {
			  margin:3 0 0 0;
				padding:0;
				border:0;
				position:absolute;
				right:5px;
			}
			
			*html .linkarrow {
			 margin:0;
			}

#leftnavsub {
	list-style-type: none;
	list-style-image: none;
	line-height:12px;
	font-weight:bold;
  color: #3264C8;
  margin: 0 0 0 5px;
  padding: 10px 2px 2px 12px;
  font-size:7pt;
  text-align: left;
}

 			.leftnavsubcurrentpage{
        color:#000000;
      }

      #leftnavsub a{
       text-decoration: none;
       color:#3264C8;
      }
      #leftnavsub a:hover{
       color:#3264C8;
			 text-decoration: underline;
      }

.clear {clear:both;margin:0 ; padding:0; line-height:1px;}


      
			
#fluidimage_default {
 padding:0;
 margin:7px 3% 7px 3%;
 width:94%;
 height:204px;
 background: white url(http://hawaiinetdevelopers.com/img/) no-repeat center center;
}
      
#fluidimage_default_container {
 padding:0;
 margin:0 2% 10px 2%;
 float: left;
 width:40%;
 background:white;
 border: 1px solid #0E26EC;
}
      
*html #fluidimage_default{ margin-right: -3%;}


#websitecontentcontainer {
 padding:1px;
 margin: 5px 0 0 0;
 font-size:10pt; 
} 

      #websitecontentcontainer h1 {
       margin:0 0 10px 0;
       padding:5px;
       width:100%;
       font-size:200%;
       text-align:center;
      }
      
      #websitecontentcontainer h2 {
       margin:10px 0 5px 0;
       padding:5px;
       font-size:150%;
      }
      
      #websitecontentcontainer h3 {
       margin:0 0 5px 0;
       padding:5px;
       font-size:120%;
      }
			
#defaultcontentsubcontainer{
 margin:0;
 pading:0;
 background:#FFFFFF;
 border: 1px solid #3264C8;
 position:relative;
 width:95%;
}

#hinetdevcontainer{
 margin:0;
 pading:0;
 background:#FFFFFF;
 border: 1px solid #3264C8;
 position:relative;
 width:95%;
}

#hinetdevcontainer img{
 margin:5px 15px 10px 5px;
 padding:0;
 border:1px solid #3264C8;
}

#hinetdevcontainer h2{
 text-align:center;
 font-size:95%;
 margin:0 0 15px 0;
 padding:10px;
 background:#AAC8FF;
}

#hinetdevleft{
	float:left;
	width: 44%;
	margin: 0 0 10px 4%;
	padding:5px 0 0 0;
}

#hinetdevright{
  float:right;
	width: 44%;
	margin:0 4% 10px 0;
	padding:5px 0 0 0;
}

#hawaiiwaterfall {
 padding:0;
 margin:0;
 width:100%;
 height:100px;
 background: white url(http://hawaiinetdevelopers.com/img/palilookout.jpg) no-repeat center center;
}
      
#hawaiiwaterfallcontainer {
 padding:0;
 margin:0 2% 10px 2%;
 width:96%;
 background:white;
 border: 1px solid #3264C8;
}
      
*html #hawaiiwaterfall{ margin-right: -3%;}


#servicecontainer{
 margin:0;
 pading:0;
 background:#FFFFFF;
 border: 1px solid #3264C8;
 position:relative;
 width:95%;
}

#servicecontainer h2{
 text-align:center;
 font-size:95%;
 margin:0 0 0 0;
 padding:10px;
 background:#AAC8FF;
}

#servicecontainer a{
 text-decoration:none;
 color:#3264C8;
}

#servicecontainer a:hover{
 text-decoration:underline;
 color:#3264C8;
}

#servicecontainer p{
 width:95%;
 margin:30px 0 0 4%px;
 padding:0;
}

#servicecontainer img{
 border:1px solid #3264C8;
 margin: 0 10%px 0 0;
 padding:0 0 0 0;
}

.servicebox{
 position:relative;
 margin:15px 0 0 0%;
 pading:0;
 background:#FFFFFF;
 width:95%;
}

.serviceheadline {
 font-size:85%;
 display:block;
 width:300px%;
 margin:0;
 padding:10px 10px 10px 20px;
 background: #FFFFFF url(http://www.hawaiinetdevelopers.com/img/headlinefade.jpg) repeat-y ;
}

.servicetext{
 padding:8px;
}

#contactcontainer{
 margin:0%;
 pading:0;
 background:#FFFFFF;
 border: 1px solid #3264C8;
 position:relative;
 width:90%;
}

#contactcontainer h2{
 text-align:center;
 font-size:95%;
 margin:0 0 15px 0;
 padding:10px;
 background:#AAC8FF;
}

.contacttable{
 width:80%;
 margin:0 0 0 10%;
 font-size:80%;
}

#contacttextarea{
 width:95%;
 height:100px;
 margin:0;
 padding:0;
}

#contactimage {
 padding:0;
 margin:0;
 width:100%;
 height:225px;
 background: url(http://hawaiinetdevelopers.com/img/contact%20Hawaii%20Net%20Developers.jpg) no-repeat center center;
}
      
#contactimagecontainer {
 padding:0;
 margin:0 0 10px 5%;
 width:92%;
 border: 1px solid #3264C8;
}

#portfoliocontainer{
 margin:0%;
 pading:0;
 background:#FFFFFF;
 border: 1px solid #3264C8;
 position:relative;
 width:90%;
}

#portfoliocontainer h2{
 text-align:center;
 font-size:95%;
 margin:0 0 15px 0;
 padding:10px;
 background:#AAC8FF;
}

.webclient{
 position:relative;
 margin:15px 0 0 2%;
 pading:0;
 background:#FFFFFF;
 width:95%;
}

.webclient h3 {
 font-size:75%;
 display:inline;
 width:90%;
 margin:0;
 padding:10px 10px 10px 20px;
 background: #FFFFFF url(http://www.hawaiinetdevelopers.com/img/headlinefade.jpg) repeat-y ;
}

.webclientheadline a {
color:#3264C8;
font-size:80%;
position:absolute;
right:0;
text-decoration:none;
margin:0 5% 0 0;
}

.webclientheadline a:hover {
 text-decoration:underline;
}

.webclient img {
 border:1px solid #3264C8;
}

#bottomlinks {
	line-height:12px;
	font-weight:bold;
  color: #ffffff;
  margin: 0 0 15px 0;
  padding: 0;
  font-size:7pt;
}

      .bottomlinkscurrentpage{
        color:#000000;
      	font-size:105%;
      }
      
      #bottomlinks a{
       padding: 0 7px 5px 7px;
       text-decoration: none;
       color:#ffffff;
      }
      #bottomlinks a:hover{
       padding: 0 7px 5px 7px;
       color:#ffffff;
			 text-decoration: underline;
      }



#footer {
  position:relative;
  clear: both;
  display:block;
  padding: 20px 0 0 0;
  text-align: center;
}

*html #footer {margin-top:-133px;}


#copyright {
  clear:both;
  margin:0;
  padding:10px 0 10px 0;
  color: #ffffff;
  font-size: 7pt;
	font-weight:bold;
}

#copyright a{
 text-decoration: none;
 color:#ffffff;
}

#copyright a:hover{
 text-decoration: underline;
 color:#ffffff;
}