body 
{
	margin: 0;
	padding: 0;
	

	background-color: #214100;
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-x;
	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	color: #FFFFFF;
}
h1 
{
	margin: 2px 0px 5px 0px;
	color: #FFCC00;
	font-size: 20px;
}
h2 {
	margin:0px 0px 5px 10px;
	color: #FFCC00;
	font-size: 12px;
}

hr 
{
	background-color: #546840;
	color: #546840;
}
#header 
{
	height: 110px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
}
#nav 
{
	margin: 0;
	background-color: #000000;
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
	height: 26px;
	font-size: 0.7em;
	padding-left: 100px;
}
#nav a 
{
	
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.logo 
{
	/*margin: 5px 8px 8px;*/
}
.company-address 
{
 position: absolute;
 width: 300px;
 color: #FFFFFF;
 font-size: 10px;
 right: 10px;
 top: 5px;
 text-align: right;
}
.company-address a 
{
color: #DDF0DF;	
}
.content 
{
	margin-top: 10px;
	margin-left: 70px;
	color: #FFFFFF;
	font-size: 0.8em;
	width: 750px;
}
.content p 
{
	margin: 2px 0 10px;
}
div.screen 
{
	padding: 6px;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #000000;
	color: #CCCCCC;
	font-size: 10px;
}
.photo-2 
{
	border: 2px solid #1B3500!important;
}
.photo 
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 9px;
	text-align: center;
	border: 1px solid #333333;
	margin: 3px;
	width: inherit;
}
.cabinet-door-photo
{
	height: 220px;
}
div.outer-ring 
{
	background-color: #214100;
	padding: 3px;
}
div.inner-ring 
{
	background-color: #000000;
	padding: 2px;
}
div.text-box 
{
	padding: 10px;
	font-family: Arial, Sans-Serif;
	background-color: #8D9A80;
	color: #000000;
	font-size: 12px;
}
div.example 
{
	clear: both;
	margin: 0 0 10px;
	border-top: 1px solid #214100;
	
}
div.example div.photos 
{
	margin: 3px;
	border: 1px solid #000000;
	width: inherit;
	color: #214100;
	font-size: 9px;
}
div.example div.left 
{
	float: left;
	margin-right: 6px;
}
div.example div.right
{
	float: right;
	margin-left: 6px;
}
div.photos img
{
	margin: 1px;
	border: 1px solid #214100!important;
}
th.title,
.title-fl
{
	color: #545C49;
	font-size: 22px;
}
th.title-ff,
.title-ff
{
	color: #445137;
	font-size: 22px;
}
div.frameless,
div.face-frame 
{
	padding: 10px;
	border: 1px solid #003300;
}
td.frameless,
th.frameless,
div.frameless 
{
	background-color: #768666;
}
td.face-frame,
th.face-frame,
div.face-frame 
{
	background-color: #647652!important;
}
th a 
{
	color: #000000;
}
.links a 
{
	color: #000000;
	text-decoration: none;
	display: inline-block;
	padding: 2px 3px;
	font-weight: bold;
}
.links a:hover 
{
	background-color: #768666;
}
#footer 
{
	margin-left: 70px;
	width: 730px;
	text-align: center;
	font-size: 0.7em;
	color: #546840;
}
#footer a 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#footer em 
{
	color: #748860;	
}
.error 
{
	color: #CC0000!important;
}

/* menu styles */
.static-menu-item 
{
	border-right: 1px solid #193100;
	padding: 2px 5px;
	height: 25px;
}
.static-menu 
{
	height: 25px;
}
.dynamic-menu 
{
	border: 1px solid #193100;
	z-index:50;
	
}
.dynamic-menu-item 
{
	padding: 3px;
	background-color: #000000;
	color: #FFCC00;	
}
.dynamic-hover 
{
	background-color: #000000;	
	color: #FFCC00;
}