BODY 		{scrollbar-base-color: #367BA7;
		scrollbar-track-color: #367BA7;
		scrollbar-face-color: #367BA7;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #FFFFFF;
		scrollbar-darkshadow-color: #FFFFFF;
		scrollbar-shadow-color: #FFFFFF;
		scrollbar-arrow-color: #FFFFFF; }

a:link		{ color: #3333FF; text-decoration: none }

a:visited	{ color: #3333FF; text-decoration: none }

a:active	{ color: #3333FF; text-decoration: none }

a:hover		{ color: #FF6600; text-decoration: none }


 /* THE NEXT LINE CONTROLS THE DEFAULT FONT SIZE */

TABLE		{ COLOR: #666666; FONT: 11px geneva, verdana, arial, sans-serif; font-weight: normal }

.title 		{ COLOR: #333366; FONT: 12pt verdana, arial, sans-serif; font-weight: bold }

.subtitle 	{ COLOR: #339999; FONT: 13px verdana, arial, sans-serif; font-weight: bold }

.phonetitle 	{ color: #339999; font: 12px verdana, arial, sans-serif; font-weight: bold }

.copytext 	{ COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: bold }

.quotechoice 	{ COLOR: #003333 }

.sidetexttitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.sidetext	{ color: #FFFFFF; FONT: 12px arial, verdana, sans-serif;
		  font-weight: normal;
		  border: #FFFFFF 1px solid }

.just 		{ text-align: justify}

.faq 		{ line-height: 16px }




.headermenu	{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold }



#date-location { left: 135px; POSITION: absolute; TOP: 116px }


.button { 	background-image: url("picts/button.gif");
		background-color:#FFFFFF;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #367BA7;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #367BA7 1px solid }

.buttonon { 	background-image: url("picts/buttonon.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #666666 1px solid}

.quoteform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		BORDER: #000066 1px solid}

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 125PX;
		BORDER: #999999 2px solid}

.dropdown 	{ COLOR: #333333;
		WIDTH: 200PX;
		FONT: 11px geneva, verdana, arial, sans-serif }


.searchbutton {	background-image: url("picts/button.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 20px;
		width: 35px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }

.searchform 	{ background-image: url("picts/shadeform.gif");
		  WIDTH: 85PX;
		  HEIGHT: 20PX; FONT: 11px arial, verdana, sans-serif;
		  BORDER: #000000 1px solid }


.searchdrop	{ WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }




 /* START CODE FOR THE GALLERY */



.picturetitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.picturedesc 	{ COLOR: #7D8FB1; FONT: 11px arial, verdana, sans-serif; font-weight: bold }


.button-popups  { background-image: url("picts/button.gif");
		background-color:#FFFFFF;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #367BA7;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #367BA7 1px solid }

.buttonon-popups { background-image: url("picts/buttonon.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }


.rollover 	{ background-color: #7D8FB1 }

.rolloveron 	{ background-color: #000000; Filter: Alpha(Opacity=60) }

.gallery_nav	{ FONT: 12px arial, verdana, sans-serif;
		  font-weight: bold;
		  background-image: url("picts/background_gallery_nav.gif") }

.cartamount	{ FONT: 13px arial, verdana, sans-serif;
		  background-image: url("picts/cart-shadeform.gif");
		  text-align: center;
		  WIDTH: 20PX;
		  BORDER: #000000 1px solid}

.price	 	{ COLOR: #FF6600; FONT: 12px verdana, arial, sans-serif; font-weight: bold }




 /* START THE CODE FOR THE VERTICAL MENUS */




.menu-location  { position:absolute; visibility:show; left:0px; top:0px; z-index:2 }


.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 9pt;
		  height: 25px;
		  width: 125px;
		  cursor:hand;
		  font-weight: bold;
		  text-indent: 8px;
		  line-height: 16pt;
		  text-align: left;
		  display: block;
		  border: #FFFFFF 0px solid; }


a.menu:link 	{ color: #FFFFFF;
		  background:#367BA7;
		  background-image: url("picts/menu.gif");}


a.menu:visited 	{ color: #FFFFFF;
		  background:#367BA7;
		  background-image: url("picts/menu.gif");}


a.menu:active 	{ background:#367BA7;
		  background-image: url("picts/menu.gif");
		  color: #FFFFFF; }


a.menu:hover 	{ background:#FFFFFF;
		  background-image: url("picts/menuon.gif");
		  color: #000000; }



 /* START THE CODE FOR THE HORIZONTAL MENUS */


.menuhorz	{ font-family: arial, verdana, helvetica, sans;
		  font-size: 7pt;
		  height: 18px;
		  cursor:hand;
		  font-weight: bold;
		  line-height: 11pt;
		  padding-left: 9px;
		  padding-right: 9px;
		  text-align: center;
		  display: block;
		  border: #FFFFFF 1px solid; }


a.menuhorz:link { 
		  background-color:#367BA7;
		  color: #FFFFFF; }


a.menuhorz:visited { 
		  background-color:#367BA7;
		  color: #FFFFFF; }


a.menuhorz:active {  
		   background-color:#367BA7;
		   border: #000000 1px solid;
		   color: #FFFFFF; }


a.menuhorz:hover { 
		  background-color:#FFFFFF;
		   border: #FFFFFF 1px solid;
		  color: #367BA7; }

/* Custom styles */

#about		{ text-align: center;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: bold;
		  color: #336;  }

.energy		{ text-align: left;
		  margin-left:10px;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: bold;
		  color: #336;  }

.copy		{ text-align: left;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: normal;
		  font-size: 10pt;
		  color: #444;  }

.copyalt	{ text-align: left;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: normal;
		  font-size: 10pt;
		  color: #444;  
		  background-color: #eee;  }

.quote		{ text-align: left;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: normal;
		  font-size: 10pt;
		  font-style:italic;
		  color: #333;  }

.pullquote	{ text-align: center;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: normal;
		  font-size: 10pt;
		  font-style:italic;
		  border: 1px solid #336;
		  float: left;
		  width: 100px;
		  padding: 4 4 4 4;
		  margin: 0 10px 0 0;
		  color: #336;  }

.vip		{ text-align: left;
		  font-family: arial, verdana, helvetica, sans;
		  font-weight: bold;
		  font-size: 10pt;
		  font-style:normal;
		  color: #333;  }

li		{ padding-bottom: 20px; }

img		{ border: none;  }

.italic		{ font-style: italic;  }

.bold		{ font-weight: bold;  }

.center		{ text-align: center;  }

.blue		{ color: #336;  }

.inlinehead	{ color: #336;
		  font-weight: bold;  }
		  
#intersite	{  font: 10pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: right;
		   color: #336;  }

.enginhead	{ color: #336;
		  font-family: arial, verdana, helvetica, sans;
		  font-size: 12pt;
		  font-weight: bold;
		  clear: left;
		  display: block;  
		  padding-top: 20px;  }	
		  
div#corpinfo	{  text-align: center;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 10pt; }

div#directions	{  text-align: left;  
		   font-family: verdana, arial, sans-serif;
		   font-size: 10pt; 
		   margin-top: 10px;  }
		   
h3#dirhead	{  font: 10pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: center;
		   color: #000;  }

.portcat	{  font: 10pt verdana, arial, sans-serif; 
		   font-weight: bold;
		   text-align: left;
		   color: #336;  }

#gallerynote	{  font: 9pt verdana, arial, sans-serif; 
		   font-weight: normal;
		   font-style: italic;
		   text-align: center;
		   color: #000;  }		  
		   
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.moveright:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 20;
left: 60px; /*position where enlarged image should offset horizontally */
}

.movecenter:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 20;
left: -150px; /*position where enlarged image should offset horizontally */
}

.moveleft:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 20;
left: -350px; /*position where enlarged image should offset horizontally */
}		   
		   

.homeright:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -120;
left: 0px; /*position where enlarged image should offset horizontally */
}

.homeleft:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -50px; /*position where enlarged image should offset horizontally */
}		   

.prodtop:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;
left: 50px; /*position where enlarged image should offset horizontally */
}

.prodbot:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -400;
left: 50px; /*position where enlarged image should offset horizontally */
}

h4	{  	color: #336;
	   	font-family: verdana, arial, helvetica, sans;
	   	font-size: 12pt;
	   	font-weight: bold;
	}