﻿body 	{
	margin: 0px;
	padding: 0px;
	border: #CCCCCC 0px solid;
	
	}



.maintable	{
		background-color:black;
		background-repeat:repeat;
		background-position: 0px 0px;
		margin-bottom:auto;
		margin-left:auto;
		margin-right:auto;
		margin-right:auto;
		
		}



/* LINK COLORS */

a:link		{ color: blue; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration:none; font-weight:500;}

a:visited	{ color: blue; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration: none; font-weight:500;}

a:active	{ color: blue; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration: none; font-weight:500;}

a:hover		{ color: #000066; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration: none; font-weight:500;}




/* THE NEXT LINE IS THE MAIN PAGE FONT */

table 		{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;}

.paragraph 		{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;}

.title 		{ color: #000000; font: 14pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:500; font-style: normal; font-variant:small-caps; }

.subtitle 	{color: #000000; font: 12pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:500; font-style: normal; font-variant:small-caps; }

.info       { color: #000000; font: 12pt Lucida Sans Unicode, Lucida Grande, sans-serif; }

.careers 	{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;}

.li 		   { color: #FFFF99; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;}

.contacttitle 	{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; }

.contacttext 	{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; }

.formmargin	{ margin: 0px; }

.just 		{ text-align: justify; }



/* NON-GALLERY IMAGE BORDERS */

.borders	{ BORDER: #FFFFFF 1px solid; }

.bordersother	{ BORDER: #FFFFFF 1px solid; }



/* CONTACT AND QUOTES PAGE */

.phonetitle 		{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal; }

.quotechoice 		{ COLOR: #000000; FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal; }

#contactlocation	{ z-Index:4; visibility: visible; position: absolute; left: 145px; top: 3px; width: 350px; text-align: left; }

.shadeform	{
		font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		color: #000000;
		background-image: url("website/shadeform.gif");
		width: 300px;
		border: #000000 1px solid;
		}
		
.dropquotes 	{
		color: #000000;
		background-image: url("website/shadeform.gif");
		width: 300px;
		font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		border: #000000 1px solid;
		}

		
.textarea	{
		FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		background-image: url("website/shadeform.gif");
		text-align: left;
		WIDTH: 275px;
		HEIGHT: 125px;
		BORDER: #000000 1px solid;
		}

.quoteform	{
		FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		background-image: url("website/shadeform.gif");
		text-align: left;
		BORDER: #000000 1px solid;
		}

.dropdown 	{
		COLOR: #000000;
		background-image: url("website/shadeform.gif");
		WIDTH: 200px;
		FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		BORDER: #000000 1px solid;
		}

.button 	{
		background-image: url("website/button.gif");
		background-color:#B5C2A9;
		FONT-FAMILY: Lucida Sans Unicode, Lucida Grande, sans-serif;
		color: #000000;
		font-size: 10pt;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		width: 130px;
		height: 26px;
		BORDER: #000000 1px solid;
		}

.buttonon 	{
		background-image: url("website/buttonon.gif");
		background-color:#99B5C1;
		FONT-FAMILY: Lucida Sans Unicode, Lucida Grande, sans-serif;
		color: #000066;
		font-size: 10pt;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		width: 130px;
		height: 26px;
		BORDER: #000066 1px solid;
		}






/* GALLERY SLIDESHOW AND VIEWER CODE */

.Galborderouter	 	{ border: #000000 1px solid; margin-bottom: 2px; }

.gallerytext 		{ color: #000000; font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:normal }

.Galborder	 	{ border: #A2B8C4 1px solid; }

A:hover .Galborder 	{ border: #000000 1px solid; }

.viewerborder		{ border: #000000 1px solid; }

.smalltitle 	{ COLOR: #000000; FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal; text-align: left; }

#toplocation	{ z-Index:4; visibility: visible; position: absolute; left: 145px; top: 3px; width: 185px; }

.price 		{ COLOR: #000000; FONT: 12pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal; }

.cart-text	{ COLOR: #000000; FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal; }

.shade-cart	{
		background-color: #466C39;
		border-top: #113804 0px solid;
		border: #113804 1px solid;
		}

.cart-width	{ width: 150px; }


.button-slideshow	{
			color: #FFFFCE;
			font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
			font-size: 10pt;
			font-weight: normal;
			background-color: #7F9473;
			background-image: url("website/button-slideshow.gif");
			cursor:pointer;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 4px;
			padding-right: 4px;
			margin-left: 2px;
			margin-right: 1px;
			BORDER: #000000 1px solid;
			}

.buttonon-slideshow	{
			color: #000000;
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 10pt;
			font-weight: normal;
			background-color: #4B6A3E;
			background-image: url("website/spacer.gif");
			cursor:pointer;
			padding-top: 3px;
			padding-bottom: 2px;
			padding-left: 4px;
			padding-right: 4px;
			margin-left: 2px;
			margin-right: 1px;
			BORDER: #283D1F 1px solid;
			}


.button-order 	{
		background-image: url("website/button-order.gif");
		background-color: #268FF3;
		FONT-FAMILY: Lucida Sans Unicode, Lucida Grande, sans-serif;
		color: #000000;
		font-size: 10pt;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		cursor:pointer;
		width: 70px;
		padding-top: 3px;
		padding-bottom: 3px;
		BORDER: #113804 1px solid;
		}

.buttonon-order {
		background-image: url("website/buttonon-order.gif");
		background-color:#EB5D04;
		FONT-FAMILY: Lucida Sans Unicode, Lucida Grande, sans-serif;
		color: #000000;
		font-size: 10pt;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		cursor:pointer;
		width: 70px;
		padding-top: 3px;
		padding-bottom: 3px;
		BORDER: #113804 1px solid;
		}







/* CODE FOR THE BACKGROUNDS */

.background-center	{
			background-color: #FFFFFF;
			background-image: url('website/silver.png');
			background-repeat:inherit;	
			}
			
			
.viewer	{
			background-color: #000000;
			background-image: url("website/imageviewer.png");
		    background-repeat:repeat;
			
						}


.footertable 	{
			margin: 0;
			padding: 0;
			float:left;
			width: 100%; /*width of menu*/
			border: 0px solid #000000; /*border*/
			border-width:0px 0px 0px 0px;
			background-color: #000000;
		    color: #FFFFFF; 
		    font: 9pt Lucida Sans Unicode, Lucida Grande, sans-serif;
			font-weight: normal;
			padding: 2px 15px 2px 15px;
			
			}

.headershadow 	{
		height: 10pt;
		background-repeat: repeat-x;
		}

.header		{
		background-color: transparent;
		border-bottom: 0px solid #CCCCCC;
		}
		
.paragraphbox  {
			padding: 0;
			float:none;
			text-align:left;			
			width: 98%; /*width of menu*/
			border: 0px solid #CCCCCC; /*border*/
			background: #FFFFFF url('website/imageviewer.png');
			color: #000000; 
			font-weight: 500;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	line-height: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


.rightimage	{
		background-image: url("website/maui.jpg");
		background-repeat:repeat-x;
		border-left: 2px solid #000000;
		}
		

.flashborder		{
			border-top: 0px solid;
			border-bottom: 0px solid;
			background-color: #000000;
			}
			
.pictureborder		{
			border-top: 0px solid;
			border-bottom: 0px solid;
			background-color: #000000;
			}


.outerflashborder	{
			background-color: #000000;
			border-top: 0px solid;
			border-bottom: 0px solid;
			padding: 0px 0px 0px 0px;
			}
			
.outerpictureborder	{
			background-color:silver;
			border-top: 0px solid;
			border-bottom: 0px solid;
			padding: 0px 0px 0px 0px;
			}


			
.outerborder	{
			background-color: #000000;
			border-top: 0px solid;
			border-bottom: 0px solid;
			padding: 0px 0px 0px 0px;
			}


.changer-background	{ background-color: #000000; }


.rightimageolo	{
		background-image: url("website/olo2.jpg");
		background-repeat:repeat-x;
		border-left: 2px solid #000000;
		}


.flashborderolo		{
			border-top: 0px solid;
			border-bottom: 0px solid;
			background-color: #000000;
			}
			
.pictureborderolo		{
			border-top: 0px solid;
			border-bottom: 0px solid;
			background-color: #000000;
			}


.outerflashborderolo	{
			background-color: #000000;
			border-top: 0px solid;
			border-bottom: 0px solid;
			padding: 0px 0px 0px 0px;
			}
			
.outerpictureborderolo	{
			background-color:silver;
			border-top: 0px solid;
			border-bottom: 0px solid;
			padding: 0px 0px 0px 0px;
			}


			
.outerborderolo	{
			background-color: #000000;
			border-top: 0px solid;
			border-bottom: 0px solid;
			padding: 0px 0px 0px 0px;
			}


.changer-backgroundolo	{ background-color: #000000; }


/* FOR THE SITE MAP PAGE */

.borders	{ border: #FFFFFF 1px solid; }

.page-splits 	{ 
		font-size: 1px;
		width: 100%;
		height: 1px;
		background-color: #FFFFFF;
		color: #FFFFFF;
		margin: 4px 0px 4px 0px;
		padding: 0px;
		border: #000000 1px solid;
		}

.return-arrow	{ margin-right: 5px; }


.sidebar	{
		background-color: #000000;
		background-image:url("website/blue.gif");
		border-left: 0px solid #FFFFFF;
		width: 275px;
		}

.sidebarnew	{
		background-color: #000000;
		background-image:url("website/back-green.png");
		border-left: 0px solid #FFFFFF;
		width: 450px;
		}


fieldset 	{
		font-size: 9pt;
		color:#FFFFFF;
		border:1px solid #FFFFFF;
		-moz-border-radius: 5px;
		padding-top: 0px;
		padding-bottom: 6px;
		padding-left: 8px;
		padding-right: 8px;
		width: 225px;
		text-align: left;

		}

fieldset legend {
		border: 1px solid #FFFFFF;
		margin-bottom: 3px;
		padding: 2px;
		padding-left: 5px;
		padding-right: 5px;
		color:#FFFFFF;
		font: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		}





/* LINKS PAGE */

.linksmargin 	{ margin: 0px; margin-top: 15px; }
 
.searchform 	{
		background-image: url("website/shadeform.gif");
		width: 125px;
		height: 22px;
		FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
		BORDER: #000000 1px solid;
		}

.searchbutton 	{
		background-image: url("website/button.gif");
		background-color:#F0F0F0;
		FONT-FAMILY:Lucida Sans Unicode, Lucida Grande, sans-serif;
		color: #000000;
		font-size: 10pt;
		width: 35px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid;
		}


/* HORIZONTAL MENU */

.indentmenu{
font: bold 10pt Lucida Sans Unicode, Lucida Grande, sans-serif;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 10px solid black; /*dark purple border*/
border-width: 1px 0;
background: black center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: right;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid white; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color:blue !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: white center center repeat-x;
}


/* SETUP PAGES FOR PRINTING */


@media print {
.printhide 	{ display:none;}
.menutrans	{ display:none;}
.printhelp	{ width:600px }
TABLE 		{ COLOR: #000000; FONT: 12pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal }
}
@media screen{
.printonly { display:none; }
}



@media print{
#table-layer
{
overflow: visible;
height:auto;
float:none;
position:static;
}
#contactlocation
{
float:none;
position: static;
}
}







/* GALLERY NAV MENU */


.menu-nav	{
		font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
		font-size: 10pt;
		letter-spacing: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 2px;
		margin-right: 2px;
		cursor:pointer;
		font-weight: normal;
		text-align: center;
		display: block;
		white-space: nowrap;
		border: #000000 2px solid;
		}


a.menu-nav:link 	{ color: #FFFFCE; }


a.menu-nav:visited 	{ color: #FFFFCE; }


a.menu-nav:active 	{ color: #FFFFCE; }


a.menu-nav:hover 	{
			background-color: #4B6A3E;
		   	color: #FFFFFF;
			border: #283D1F 1px solid;
			}







/* CODE FOR THE MENU */

.menuwidth	{ width: 180px; }

#menulocation 	{ z-Index:4; visibility:visible; position: absolute; left: 0px; top: 3px; }

.menulinks 	{ FONT: 10pt Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: normal; }

.menu 		{ text-indent: 7px; white-space: nowrap; height: 30px; }

.menutrans 	{ z-Index:1; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; width: 180px; }