BODY
{
	padding: 0px;
	margin: 0px;
	font-family:Verdana,Arial,sans-serif;
	font-size:0.8em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	background: #551c05;
}

IMG
{
	border: none;
	vertical-align: middle;
}

a
{
	text-decoration: none;
}

hr
{
	color: black;
	background: none;
	border: none;
	border-bottom:1px dotted #BBBBAA;
}

#back
{
	text-align: center;
	width: 100%;
	height: auto;
	background: url(images/background_line.gif) repeat-y scroll center;
}

#warper
{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	height: 100%;	
}

#header
{
	width: auto;
	height: 35px;
	background-color: black;
}

#homenav
{
	margin-top: 8px;
	float: left;
	color: #6d6d6d;
	padding-left: 10px;
	padding-top: 2px;
}

#homenav a
{
	text-decoration: none;
	color: #6d6d6d;
}

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

#searchbox
{
	margin-top: 8px;
	width: 156px;
	height: 20px;
	float: right;
	background: url("images/search-back.gif") white no-repeat;
}

#searchbox #searchicon
{
	border: none;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	float: right;
}

#searchbox #searchinput
{
	border: 0px solid black;
	width: 120px;
	float: right;
	margin-top: 1px;
	padding-right: 5px;
}

#body
{
	width: auto;
	height: 600px;
	background: #7b2e00 url(images/background.jpg) no-repeat;
}

#footer
{
	width: auto;
	height: 49px;
	background-color: black;
}

#copyright
{
	padding-right: 10px;
	padding-top: 5px;
	float: right;
	text-align: right;
	color: #6d6d6d;
	line-height: 20px;
}

#copyright a
{
	text-decoration: none;
	color: #6d6d6d;
}

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

/*--------------------------------------------------------*/

#window
{
	width: 560px;
	height: auto;
	padding-top: 130px;
	padding-left: 10px;
	z-index: 5;
	cursor: default;
}

#windowheader
{
	background: url(images/window_header.png) no-repeat;
	width: inherit;
	height: 35px;
	z-index: 5;
}

#windowheader #caption
{
	font-size: 14px;
	color: #b99494;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 45px;
	padding-top: 5px;
	font-weight: bold;
	z-index: 5;
}

#windowheader #loadimg
{
	margin-top: -16px;
	margin-right: 9px;
	float: right;
}

#windowbody
{
	background: url(images/window_body.png) repeat-y;
	width: 560px;
	z-index: 5;
}

.customeritem
{
	float:left;
	width: 166px;
	margin-left: 4px;
	margin-top: 10px;
	padding: 2px;
	border: 1px solid silver;
}

.customeritem .thumb
{
	width: 166px;height: 120px; background-color: silver;
	
	vertical-align: middle;
	display:table-cell;

}

.customeritem .thumb A:hover IMG
{
	border: 1px solid gray;
}

.customeritem .thumb IMG
{
	text-align: center;
	border: 1px solid silver;
}

.customeritem .title
{
	float: left; margin-top: 2px
}

.customeritem .title A
{
	color: #999999;
}

.customeritem .title A:hover
{
	color: #555555;
}

.customeritem .star
{
	float: right; margin-top: 2px;
}

/*------------------------------------------------------*/

.newsitem h2 {
font-size:88%;
line-height:1.4em;
margin:0pt 0pt 0.4em;
padding:0pt;
}

.newsitem h2 a {
color:#896E6E;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

.newsitem .content
{
	font-family: verdana,sans-serif;
	margin-right: 5px;
}

.newsitem .time
{
	border-bottom:1px dotted #BBBBAA;
	color:#999999;
	font-size:x-small;
	margin:0.5em 0pt 0.8em;
	padding:0pt 0pt 0.8em;
	clear: both;
}

.newsitem .time A
{
	color: #999999;
	text-decoration: none;
}

.newsitem .thumb
{
	border: 1px solid silver;
	float: left;
	margin-right: 5px;
	margin-bottom: 2px;
}

/*------------------------------------------------------*/
#windowbody #layout2
{
	margin: 0px;
	padding: 0px;
	color: black;
	height: 408px;
	overflow: hidden;
	background: url(images/layout2/back.png);
	z-index: 5;
	width: 560px
}

#windowbody #layout2 #b1
{
	float: left;
	width: 155px;
	padding-top: 50px;
}

#windowbody #layout2 #b1 A
{
	font-family: arial;
	font-size: 12px;
	display: block;
	color: #543c3c;
	text-decoration: none;
	margin-left: 2px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: -15px;
	height: 25px;
	vertical-align: middle;
	width: 140px;
	
	overflow: hidden;
	
	-moz-outline:    none;
	outline:         none;
	ie-dummy:        expression(this.hideFocus=true);
}

#windowbody #layout2 #b1 A.menuselected,
#windowbody #layout2 #b1 A:hover.menuselected
{
	font-size: 13px;
	/*background: url(images/layout2/menuback.png) no-repeat left;*/
	background: url(images/layout2/menuback3.png) no-repeat left;
	width: 140px;
	font-weight: bold;
}

#windowbody #layout2 #b1 A:hover
{
	background: url(images/layout2/menuback.png) no-repeat left;
}

#windowbody #layout2 #b2
{
	float: right;
	margin-top: 20px;
	margin-right: 15px;
	width: 390px;
	height: 360px;
	overflow: auto;
	
	outline-color:invert;
	outline-style:none;
	outline-width:medium;

}

#windowbody #layout2 #b2 A
{
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
#windowbody #layout2 .infobox1
{
	background: url(images/layout2/infobox1.png) no-repeat right;
	width: 100%;
	height: 77px;
}

#windowbody #layout2 .infobox1 .name
{
	font-size: small;
}

#windowbody #layout2 .infobox1 .thumbnail
{
	float: left;
	padding-left: 14px;
	padding-top: 17px;
	width:68px;
	height:51px;
	
	margin: auto;
	
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#windowbody #layout2 .infobox1 .thumbnail IMG
{
	margin: auto;
	vertical-align: middle;
}

#windowbody #layout2 .infobox1 .content
{
	font-size: 10px;
	overflow: auto;
	float: right;
	width: 280px;
	height: 40px;
	margin-right: 20px;
	margin-top: 10px;
}

#windowbody #layout2 .infobox1 .smallbox
{
 float: right; padding-right: 25px;
 color: gray;
}

#windowbody #layout2 .infobox1 .smallbox A
{
	font-size: 10px;
	color: gray;
}

#windowbody #layout2 .infobox1 .smallbox A:hover
{
	text-decoration: underline;
}


/*------------------------------------------------------*/

#windowbody #layout1
{
	z-index: 5;
	margin: 0px;
	padding: 0px;
	color: black;
	height: 408px;
	overflow: hidden;
	width: 560px;
}

#windowbody #layout1 #b2
{
	background: url(images/layout1/body.png) repeat-y;
	width: 100%;
}

#windowbody #layout1 #b2 #content
{
	padding-left: 20px;
	margin-right: 5px;
	height: 395px;
	overflow: auto;
}

#windowbody #layout1 #b3
{
	background: url(images/layout1/footer.png) center;
	width: 100%;
	height: 15px;
}

/*--------------------------------------------------------*/

#menu
{
	float:right;
	margin-top: 100px;
	margin-right: 10px;
	width:207px;
}

#menu #menuheader
{
	height: 17px;
	width: 213px;
	background: url(images/menu_header.gif);
}

#menu #menufooter
{
	background: url(images/menu_footer.gif);
	width: 213px;
	height: 21px;
}

#menu #menuitems
{
	background: url(images/menu_body.gif) no-repeat;
	height: 272px;
	text-align: right;
	margin-right: -5px;
}

#menu #menuitems ul
{
	padding: 0px;
	margin: 0px;
}


#menu #menuitems li
{
	list-style: none;
}

#menu #menuitems li A
{
	padding-right: 10px;
	color: white;
	text-decoration: none;
	width: 207px;
	height: 36px;
	display: block;
	
	-moz-outline:    none;
	outline:         none;
	ie-dummy:        expression(this.hideFocus=true);
}

#menu #menuitems A#news {background: url(images/menu/news_0.gif) no-repeat;}
#menu #menuitems A:hover#news {background: url(images/menu/news_1.gif) no-repeat;}

#menu #menuitems A#products {background: url(images/menu/products_0.gif) no-repeat;}
#menu #menuitems A:hover#products {background: url(images/menu/products_1.gif) no-repeat;}

#menu #menuitems A#services {background: url(images/menu/services_0.gif) no-repeat;}
#menu #menuitems A:hover#services {background: url(images/menu/services_1.gif) no-repeat;}

#menu #menuitems A#downloads {background: url(images/menu/downloads_0.gif) no-repeat;}
#menu #menuitems A:hover#downloads {background: url(images/menu/downloads_1.gif) no-repeat;}

#menu #menuitems A#customers {background: url(images/menu/customers_0.gif) no-repeat;}
#menu #menuitems A:hover#customers {background: url(images/menu/customers_1.gif) no-repeat;}

#menu #menuitems A#contact {background: url(images/menu/contact_0.gif) no-repeat;}
#menu #menuitems A:hover#contact {background: url(images/menu/contact_1.gif) no-repeat;}

#menu #menuitems A#aboutus {background: url(images/menu/about_us_0.gif) no-repeat;}
#menu #menuitems A:hover#aboutus {background: url(images/menu/about_us_1.gif) no-repeat;}