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


body {	margin: 0;	padding: 0; 
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
		background-color: #060a0d; color:inherit;	}
		
			
p    {	margin:  0 0 1em 0;    padding:  0; padding-right: 15px;
		font-size: .9em;  letter-spacing: 1px;
		line-height: 130%;	text-align:left;
		color: #ffffff /*492033*/;  background-color:inherit;		  		}
		
h1 	{	margin: 40px 0px  0px 40px; 
		color: #ffffff ;  background-color:inherit;
    	font-size: 38px;     font-weight:bold;  font-family: Georgia, "Times New Roman", Times, serif;
	    text-align:left;      }
    
h2  {	margin: -6px 0px  20px 50px; 
		color: #ffffff ;   background-color:inherit; 
    	font-size: 1.3em;   
	    text-align:left;    letter-spacing: 2px;       }

      
h3 {font-size: 1.3em; 	color: #ffffff ;   background-color:inherit;
    font-weight:bold;
    text-align:left;       letter-spacing: 1px;      }
	
.boldtext  {	font-weight: bold;	font-size: 1.15em;}	
      


img {border:none;}

a {	text-decoration: none;	}	
a:link {	color: #d1d1d1 ;	background-color:inherit;} 
a:visited {	color: #d1d1d1 ;	background-color:inherit;}
a:hover {	color: #ffffff;	background-color:inherit;}
a:active {	color: #ffffff;	background-color:inherit;}




#mosaiccontainer{ position:absolute; top:0px;
 	width: 1000px;  left:50%; margin-left: -500px;   z-index: 10;	}
 	
 
#mosaictop, #mosaicbase {float:left; width: 100%;
		 height: 105px;   
		 background-repeat: no-repeat;		}
			
#mosaictop	{background-image: url(frametop8.jpg);}
#mosaicbase {background-image: url(framebase8.jpg);}
		 
#outercontainer {float:left; width: 100%; 	background-image: url(background4.jpg); }
#bugcontainer { width: 100%;}


#mosaicleft  {float:left; width: 107px; 
	background-image: url(frameleft7.jpg); background-repeat: repeat-y;	}


#mosaicright {margin-left: 900px;  
	background-image: url(frameright8.jpg); background-repeat: repeat-y;	}


	
#center {float:left; width: 790px;	}

	
#container{ position:relative;	width:790px; 
   	background-color: #339966  ; 	 color:inherit;
    background-image: url(background4.jpg); 	}
  	
	
#nav{  	width: 790px;  height: 40px;
	padding: 22px 0px 8px 0px;  
	text-align:left;  
	font-size:13px;
	border-top: 1px solid #000000;	
	background-repeat: repeat-x; 	background-image: url(menuback4.jpg);	}		

#nav a {	font-weight: bold;	font-size: 14px;
	letter-spacing: 2px; margin-left: 52px; /*margin-right: 30px;*/}	

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;}

li { /* all list items */
	float: left;
	position: relative;/* margin-right: 15px;*/}	
	
li ul { /* second-level lists */
	display: none;
	position: absolute;	top: 18px;	left: 27px; 
	width: 105px;
	border-top: 1px solid #141f14;	 }
	
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left , but screws up IE7
	top: auto;
	left: auto;*/}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;}

#nav li li  {		display: block; width: 105px;
	text-align:left;  background-repeat: repeat-x; 	background-position: bottom; background-image: url(menuback-drop4.jpg);
	padding-top: 6px; padding-bottom: 6px;
	border-bottom: 1px solid #141f14;	border-left: 1px solid #000000; border-right: 1px solid #000000;}


#nav li li a{  font-size: 11px; margin-left: 22px;}

.droplink {color: #d1d1d1; background-color:inherit;}

#nav li li a:hover { padding: 5px; color: #ffffff; background-color:inherit;	}




	
#header {position:relative;	width:300px; 
	text-align:left;}
	
#header img {margin: 40px 0px 0px 30px;}	
	
		


#content {position:relative;   width: 750px; 
		padding: 10px 10px 10px 30px;
		margin: 0px 0px 2px 2px;   }
		
.float1 {	 margin: 0px 15px 5px 30px;  }
.floatr {	float: right; margin: 0px 0px 15px 15px; }				
.lauriepic {position: absolute; top: -40px; left: 545px;}		

#aboutcolumn {float:left; width: 420px; padding-left: 50px;}
#commissioncolumn {float:left; width: 650px; padding-left: 50px;}
#leftcolumn {float:left; width: 80px; }
#rightcolumn{  margin: -10px 210px 0px 140px; }


/* ------------------------------------------ portfolio styles ------------------------------------------------------ */


#portcolumn {float:left; width: 260px; }
#portcolumn td {padding: 3px;}
#layercontainer {position:relative; }

#Layer0 {	position:absolute;	width:400px;	height:400px;
	left: 340px;	top: -10px;
	visibility: visible; 	}

#Layer1, #Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11, #Layer12,
#Layer13, #Layer14, #Layer15, #Layer16, #Layer17, #Layer18, #Layer19, #Layer20, #Layer21  {
	position:absolute;	width:400px;	height:400px;
	left: 340px;	top: -10px;
	visibility: hidden; }	
	
#rightcolumn2{  margin: -10px 60px 0px 270px; }


/* --------------------------------------------------------------------------------------------------------------------- */


     
#footer  { width: 900px;  
	padding:20px 0px 0px 0px;}

#footer p{ 	font-size: 14px; font-weight: bold; text-align:right;
	color: #ffffff; background-color: inherit;    }
	
#footer a {color:#ffffff;}	
#footer a:hover {	color: #d1d1d1 ;	background-color:inherit;}