/*Global Elements---------------------------------------*/
body {
	 font: 100.01% Arial, Helvetica, sans-serif; /* Sets default font family options and default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
	 background-image:  url("images/bg_body.gif"); /*Sets the background to subtle dark gray image.*/
	 margin: 0; /* Gets rid of default margin on body that most browsers add. */
     padding: 0; /* Gets rid of default padding on body that Opera adds. */
     text-align: center; /* Centers the page contents in WinIE5.x. */
}

/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
     margin: 10px auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
     width: 780px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
     border: 1px solid Black; /* Creates a solid border around viewport. */
     background-color: White;
}
#topbar {
		height: 35px; /* Matches the height of the div to the height of the background image bg_topbar.gif */
		background-image: url(images/bg_topbar.gif); /*Places a background image so the date can placed on top of it. */
		text-align: right; /*Moves date to the right side of the top bar. */
		font-size: 0.6em; /* Sets font size smaller than default and smaller than content text. */
		color: #FFF; /* Makes the color of the date text white. */
		letter-spacing: 1px; /* Spreads out the date text a bit. */
		padding-right: 10px; /* Pushs the date away from the right edge 10px. */
		background-repeat: no-repeat;
		line-height: 35px;
		font-weight: bold;
		}
#titlebar {
	height: 31px;
	background-image: url(images/bg_titlebar.gif);
	text-align: right;
	font-size: 1.2em;
	color: #959595; /* Set welcome text to a medium gray. */
	letter-spacing: 1px; /* Spreads out the title text a bit. */
	padding-right: 12px; /* Pushs the title away from the right edge 12px. */
	line-height: 31px;
	font-weight: bold;
	font: oblique;
}		
#credittag {
	  margin: 10px auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
     width: 780px; /* Sets width of main container to fit within most maximized 800x600 windows. */
	height: 20px;
	text-align: right;
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px; /* Spreads out the title text a bit. */
	padding-right: 12px; /* Pushs the title away from the right edge 12px. */
	line-height: 20px;
}		
#credittag a {
	color: #CCCCCC;
	text-decoration: none;
	}
#credittag {
	text-decoration: none;
	color: #FFFFFF;
	}
.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 15px;
	margin: 3px;
}
.majortitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000033;
	font-weight: bold;
	border-bottom-style: none;
}

/* Front page formatting */
#quotebox {
	background-color: #BB4E3C;
	height: 82px;
	border: 1px solid #D9A59D;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 5px 2px 5px;
}
#quotebox2 {
	background-color: transparent;
	margin-left: 15px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 5px 2px 5px;
	font-style: italic;
	letter-spacing: 1px;
}
.introd {
	font-family:Verdana;
	font-size: 10px;
	color:#666666;
	padding: 15px 15px 0px 15px;
	word-spacing: 1px;
	letter-spacing: 1pt;

}
#rightContentCatalog {
	margin-left: 50px;
	margin:-right: 50px:
	width: auto;
	margin-top: 23px;
}
/* Footer */
.footer_left {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
}
.horline_3dots {
	background-image: url(images/horline_3dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.footer_left a {
	color: #CCCCCC;
	text-decoration: none;
	}

.footer_left a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
		
/* Global Navigation Area */
#navheader {
	height: 40px;
	background: #b90000 url(images/bg_buttonbar.gif) repeat-x;
	border-top: 1px solid #000;
	border-right: 1px none #000;
	border-bottom: 1px solid #000;
	border-left: 1px none #000;
	}
#nav {
	
	margin: 0;
	padding: 0;
	width: 780px;
	height: 40px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
#nav li {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 40px 6px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	}
	
#nav a:hover {
 	border:0px solid #fff;
	background-position: 0 -40px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -80px;
	}
#thome a  {
	width: 81px;
	background: url(images/but_home.gif) top left no-repeat;
	}
#tshow a  {
	width: 106px;
	background: url(images/but_show.gif) top left no-repeat;
	}
#tselection a  {
	width: 121px;
	background: url(images/but_selection.gif) top left no-repeat;
	}
#tcare a  {
	width: 106px;
	background: url(images/but_care.gif) top left no-repeat;
	}
#tgallery a  {
	width: 91px;
	background: url(images/but_gallery.gif) top left no-repeat;
	}
#tproducts a  {
	width: 121px;
	background: url(images/but_products.gif) top left no-repeat;
	}
#tcontact a  {
	width: 106px;
	background: url(images/but_contact.gif) top left no-repeat;
	}
	
.ph_outline {
	margin: 3px;
	border: 1px solid #333333;
}