html, body{ 
 margin:0; 
 padding:0; 
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
 } 
 
 #containerall {
 
  margin: 0 auto;
   margin-top: 30;
  width:796px;
  text-align: left;
  }
 

 
 button{border: 1;
 color:white;
 background-color: #996600;
  border-color: #996600;
  padding-left:3px;
  padding-right:3px;}
 
    .about {
display:block;
padding:8px;
padding-left:15px;
}
   .services {
display:block;
padding:8px;
padding-left:15px;
}
  
  .gallery {
display:block;	
padding:8px;
padding-left:15px;
}

  .contact {
display:block;
padding-top:8px;
padding-left:15px;
}


td.tagline {
  vertical-align:top;
  font-size: 24px;
  
  color: #c6c6c6;
  padding-bottom:20px;
    padding-left:50px;
  }
 
 
  tr.contactform {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  color: #999966;
  }
  
  
  tr.middlecontainer td.maincontent{vertical-align: top;padding:0px;padding-top:25px;padding-left:10px;}
  tr.middlecontainer td.subnavigation{vertical-align: top;padding: 0px;height: 400px;padding-top:25px;}
    tr.middlecontainer td.gallerynavigation{padding-top:10px;padding-left:0px;}
 
 div.float {
  float: left;
  width: 200px;
  padding: 8px;
  }
  
div.float p {
   text-align: center;

   }
   
   div.float img.thumbnails {
   	width: 72px;
	height: 72px;
	border: 0;	
   }

   
     td.thumb{
	 padding:0;
	    	width: 72px;
	height: 72px;
 background-color: #c6c6c6;
 font-size: 10px;


}

     td.thumb a{
 color:white;
}
   
       div img.large {
	  border: 0px solid #000;
   	width: 400px;
   }
   
         div.imagetext {
   	width: 300px;
	  font-size: 12px;
  
  color: #996600;
  padding-bottom:3px;
   }
   
	div.float img.expand {
	  border: 0px solid #000;
   	width: 300px;
   }

 
#pagewidth{ 
 width:800px;  
 min-width:760px;  
 margin-left:5%;
 margin-right:5%;
}

 
.textnormal{
font:9px;
}



td.topnav{width:800px;
	vertical-align: top;
	padding-bottom: 4px;

}





td.emailform{
	padding:0;
	width:80%;
	vertical-align: bottom;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color:   #996600;

}



td.container {

border-top: solid 1px #996600;
}

td.topline {
border-bottom: solid 1px #996600;
font: 1px Verdana, Geneva, Arial, Helvetica, sans-serif;
}




 
	ul.topbar{position:relative;top:17px;width: 100%;height:1px;border-bottom: solid 1px #996600;}    
	
	div.topnavcontainer{
	display:block;

	width: 95%;
	}
    ul.topnav{position:relative;width: 100%;height:25px;border-bottom: solid 1px #996600;}



    ul.topnav li {
		display:inline;
      list-style: none;

	  margin-right: 10px;
	  				position:relative;
	  top:-20px;
	  
    }
	
	    ul.topnav li.gallerymain  {
				position:relative;
	  top:-10px;
    }
	
	img#stargallerymain  {
				position:relative;
	  top:-5px;
    }
	
	img#gallerymain  {
				position:relative;
	  top:10px;
    }
	
	 a img.star {
			visibility:hidden;
    }
	
	a img.staron {
			visibility:visible;
    }
	
	
	.topnav a
{

padding-right: 5px;

font-weight: bold;
text-transform: uppercase;
text-decoration: none;

}

div#imagecontainer
{

margin-top:35px;
margin-left: 5%;
margin-right: 5%;

}
	
 
#leftcol{
 width:20%; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }
 
#twocols{
 width:80%; 
 float:right; 
 position:relative;

} 

 
#rightcol{
 width:100%; 
 float:right; 
 position:relative; 
 background-color:#091636;
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:0%; 
 }
 
#footer{
clear: both;
margin: 0;
padding: .5em;
}


td.footer{
width: 100%;
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
clear: both;
background-image: url(../images/footercircle.jpg);
padding: .5em;
color:white;
}

 
 td#header{
 display: inline;
 width:100%;
 padding:5px;
} 
 

#header ul
{
list-style-type: none;
text-align: left;
list-style: none none;
}

 #header li
{
height:45px;
list-style: none none;
bottom-border:10px;
}

 #navlist ul
{
list-style-type: circle
text-align: left;
list-style: none none;
}
 
 #navcontainer ul
{
list-style-type: none;
text-align: left;
list-style: none none;
}

 #navcontainer ul#subnavlist
{

list-style: none none;

}
 #navcontainer ul#subnavlist li
{
margin-bottom:10px;

}

#navcontainer ul li a
{

background: transparent url(images/list-off.gif) left center no-repeat;

padding-left: 0px;
text-align: left;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #996600;


}



#navcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #999966;
}

#containingbox
		{
			border: 0px solid #000;
			padding:0;
			margin:0;
			margin-left:-9;
			margin-bottom:40px;
			font: normal 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
            color: #999966;
			width:550px;
		}
		
.containingboxthumbs
		{
			width: 100%;
			height: 400px;
			border: 0px solid #000;
            
		}		
		
.floatleft img
		{
			float: left;
			width: 110px;
			height: 140px;
			margin-right: 12px;		
			background-color: #cbcbcb;
			border: .05em solid #d8d8d8;
		}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}