body, h2 { font-family: Verdana, Arial, Lucida Sans Unicode, sans-serif;  font-size: 12px; line-height:18px; background:#090909; color:#eee; font-weight:normal;}
img{border:0}
a, a:visited {color:#6df; text-decoration:none;}
a:hover {color:#6df; text-decoration:underline;}

h1 { font-size:12px; line-height:1em; padding:0; margin:0; font-weight:bold; text-transform:uppercase; }
h2 {font-size:12px; background:transparent }
#master {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }
#mainpagecontainer {position:absolute; top:0px; left:50%; margin-left:-420px; width:854px; height:500px;  background:#000; padding:0px;z-index:2}

#mainpageshadow {width:854px; height:100%; background:white url('../images/bg_glow_wide.jpg') repeat-y; padding:0px; z-index:5;}   
#mainpage {position:absolute; top:0px; margin-left:27px; width:800px; height:100%; background:#000 url('../images/bg_content_wide.jpg') repeat-y; padding:0px;z-index:8}

#topbanner {width:800px; height:214px; background:#000;}
#middlecontent {position:relative; width:800px; }

#footer {position:relative; margin-bottom:0px; width:854px; height:103px; background:#000 url('../images/footerbanner_glow.jpg') no-repeat;}
#seno{position:absolute; right:60px; bottom:40px;}

.leftnavfloater { position:absolute; top:-35px; left:8px; background:transparent url('../images/dresser3.gif') no-repeat; width:172px; height:129px;z-index:20; }

.floatcont { height:1% }
.clear { clear:both }

#leftnavcont {position:relative; float:left;  }
.leftnavbox {  width:190px; height:300px; background:transparent; line-height:.8em;}
.leftnavlinks { position:absolute; top:94px; left:8px; color:white;  }

/*  text-align must be left for IE6; margin must be 0 */
#contentcont {position:relative; float:left; top:0px; margin:0px; width:580px; height:100%; text-align:left; }  

/* must have z-index  */
#contentleft { position:absolute; top:10px; left:0px; background:transparent; width:450px; height:290px; z-index:103;  }  
#contentright { position:absolute; top:10px; left:470px; background:transparent; width:110px; z-index:103; }  
#contentwide{ position:absolute; top:10px; left:0px; background:transparent; width:580px; height:290px; z-index:103;  }   

.contentbg { position:relative; top:10px; left:30px; background:#000 url('../images/bg_h.jpg') no-repeat;  width:531px; height:247px; z-index:100 }

.fadeboxcont { position:relative; z-index:105; height:100%;}
.fadebox1 { position:absolute; top:0px; left:0px; background: #333; width:450px; height:310px; text-align:left; border:2px solid #501;	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; opacity:.4; z-index:110;}
.boxtext1 {position:absolute; top:5px; left:0px;  padding:0px 7px 7px 7px; width:440px; background-color:transparent; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity:.7; z-index:111;  }
		
/*** right column content boxes  ***/
.fadebox2 { position:absolute; top:0px; left:0px; background: #333; width:110px; height:110px; text-align:left;	border:2px solid #501; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.40; opacity: .4; z-index:110;}
.boxtext2{ position:absolute; top:0px; left:0px; text-align:left; padding:2px; width:80px; color:#aaa; background-color:transparent; z-index:111; }
 
/**** gallery styles ***/
.thumbhide {display:none;}  
.thumb {}  
.imgbox { margin-top:3px;  }
.galcontent1 {float:left; margin-left:20px; width:70px; height:64px; background:#000; border:1px solid #000;}
.galcontent1:hover { border:1px solid #555; }

/***** text styles ***/
.lgfont, .lgfont h2 { font-size:15px; line-height: 20px; }
.textbox, .textbox h2 { margin-top:15px; }
.highlight1 { color:#9f9; font-weight:normal}
.infobox1 {position:relative; width:500px; visibility:hidden; background:#343434; border:1px solid #a2a2a2; margin:20px 0px 0px 25px;}
.textbox2 { line-height:1.4em;}
.boxheader { background:#656565; color:#fff; width:495px; height:15px; padding-right:5px; text-align:right; line-height:12px; font-size:10px; font-weight:bold;}
.boxcontent { padding:6px; margin:0px; width:494px;}
.closebox { cursor:pointer; cursor:hand; }  
.instrux1 { background:#343434; border:1px solid #a2a2a2; margin:20px 10px 0px 10px; padding:5px;}    
.headerbox1 {margin-top:20px; padding:0; color:#b6fbb6 }
.headerbox2 {margin-bottom: 3px; padding:0; color:#b6fbb6; font-weight:bold; }

/**** page titles ****/
.titleimg { margin-right:15px; }
.titlebox { position:absolute; top:-10px; left:10px; background: #141414; padding:0px 4px 0px 4px; border:2px solid #210006; z-index:500; }

/**** font change box ****/
.fontplus, .fontminus, .fonttext {text-decoration:none; display:inline; cursor:pointer; cursor:hand; width:20px; margin-left:5px;}
.fontbox { position:absolute; top:-18px; right:0px;  border:0px; z-index:500;  height:16px; line-height:10px; }
.fonttext {margin-top:0px; color:#e2cfa3; font-weight:bold; text-transform:uppercase; font-size:10px;  }

/***  height config

this is original fits in 1024x768 window -- keep ratios the same
#mainpagecontainer {height:500px;  }   
#middlecontent   {height:300px;   }
#contentwide {height:290px;  } 

2 column layout
.fadebox1 {width:450px;  } 
.boxtext1 {width:450px;  } 
  
wide layout  
.fadebox1 {width:580px;  } 
.boxtext1 {width:580px;  } 

 ***/

#home #mainpagecontainer, #home.large #mainpagecontainer {height:520px;  }   
#home #middlecontent, #home.large #middlecontent   {height:310px;   }
#home #contentwide, #home.large #contentwide {height:310px;  }
#home .fadebox1, #home.large .fadebox1 {width:450px; height:310px; } 
#home .boxtext1, #home.large .boxtext1 {width:440px; } 
#home .fadebox2, #home.large .fadebox2 { height:110px; } 

#about #mainpagecontainer {height:520px;  }   
#about #middlecontent   {height:320px;   }
#about #contentwide {height:310px;  }
#about .fadebox1 {width:580px; height:310px; } 
#about .boxtext1 {width:570px;  }   

#about.large #mainpagecontainer {height:570px;  }   
#about.large #middlecontent   {height:370px;   }
#about.large #contentwide {height:360px;  }
#about.large .fadebox1 {width:580px; height:370px; } 
#about.large .boxtext1 {width:570px;  }   

#services #mainpagecontainer {height:520px;  }   
#services #middlecontent   {height:320px;   }
#services #contentwide {height:310px;  }
#services .fadebox1 {width:580px; height:310px; } 
#services .boxtext1 {width:570px;  }   

#services.large #mainpagecontainer {height:560px;  }   
#services.large #middlecontent   {height:360px;   }
#services.large #contentwide {height:350px;  }
#services.large .fadebox1 {width:580px; height:350px; } 
#services.large .boxtext1 {width:570px;  }   
  
#contact #mainpagecontainer, #contact.large #mainpagecontainer {height:500px;  }   
#contact #middlecontent, #contact.large #middlecontent   {height:300px;   }
#contact #contentwide, #contact.large #contentwide {height:290px;  }
#contact .fadebox1, #contact.large .fadebox1 {width:450px; height:290px; } 
#contact .boxtext1, #contact.large .boxtext1 {width:440px; } 
#contact .fadebox2, #contact.large .fadebox2 { height:110px; } 

#gallery #mainpagecontainer {height:520px;  }   
#gallery #middlecontent   {height:320px;   }
#gallery #contentwide {height:310px;  }
#gallery .fadebox1 {width:580px; height:310px; } 
#gallery .boxtext1 {width:570px;  }     

#gallery.large #mainpagecontainer {height:520px;  }   
#gallery.large #middlecontent   {height:320px;   }
#gallery.large #contentwide {height:310px;  }
#gallery.large .fadebox1 {width:580px; height:310px; } 
#gallery.large .boxtext1 {width:570px;  }