BODY
	{
	margin: 0px;
	text-align: center;
	background: #171717 url(../images/bg.jpg) repeat-x left top;
	}
	
BODY, TEXTAREA, INPUT, TABLE, SELECT
	{
	font-family: Verdana;
	font-size: 11px;
	color: #9a9a9a;
	}
	
.clear
	{
	clear: both;
	}

#wrapper
	{
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
#top
	{
	width: 776px;
	height: 100px;
	background1: url(../images/logo_bg.jpg) no-repeat;
	}
	
#top .logo
	{
	float: left;
	width: 221px;
	height: 85px;
	padding-top: 6px;
	}
	
#top .link
	{
	float: right;
	font-size: 90%;
	color: #878787;
	margin-top: 10px;
	margin-right: 0px;
	font-family: tahoma;
	}
	
#top .link A
	{
	color: #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	}
	
#top .link A:hover
	{
	color: #ffffff;
	}
	
#top .link A.active
	{
	color: #ffffff;
	}
	
#menu
	{
	float: right;
	height: 26px;
	margin: 0px;
	margin-top: -26px;
	margin-bottom: 0px;
	}
	
#menu UL.level1
	{
	font-family: tahoma;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#menu UL.level1 LI
	{
	float: left;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin-left: 22px;
	margin-bottom: 0px;
	position1: absolute;
	}

#menu UL.level2
	{
	margin: 0px;
	padding: 0px;
	margin-top: -1px;
	display: none;
	position: absolute;
	list-style-type: none;
	}

#menu UL.level2 LI
	{
	width: 100%;
	line-height: 24px;
	padding-left: 15px;
	margin-left: 0px;
	background: #e15522;
	border-bottom: 1px solid #272727;
	border-left: 3px solid #272727;
	border-right: 3px solid #272727;
	}

#menu UL.level2 LI.over
	{
	background: #4c4c4c;
	}

#menu UL.level2 LI A
	{
	width: 100%;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
	}

#menu UL.level2 LI.over A
	{
	color: #ffffff;
	}
	
	
#menu UL.level3
	{
	padding: 0px;
	display: none;
	margin-top: -24px;
	margin-left: 145px;
	position: absolute;
	list-style-type: none;
	}

#menu UL.level3 LI
	{
	width: 100%;
	pading-left: 150px;
	background: #e15522;
	}

#menu UL.level3 LI.over
	{
	background: #4c4c4c;
	}

#menu UL.level3 LI A
	{
	width: 100%;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
	}

#menu UL.level3 LI.over A
	{
	color: #ffffff;
	}
	
#intro
	{
	height: 70px;
	margin: 0px;
	background: url(../images/line.png) repeat-x top left;
	}

#intro H1
	{
	margin: 0px;
	padding-left: 20px;
	padding-top: 45px;
	}
	
#intro P
	{
	margin: 0px;
	margin-top: 5px;
	padding-left: 220px;
	padding-right: 10px;
	}
	
#banner
	{
	width: 776px;
	height: 247px;
	margin-top: 0px;
	background: url(../images/banner.jpg) no-repeat;
	}
	
#banner H1
	{
	margin: 0px;
	margin-bottom: 0px;
	padding-top: 16px;
	padding-left: 16px;
	}
	
#banner P
	{
	font-size: 10px;
	color: #dfe0e0;
	margin: 16px;
	margin-letf: 16px;
	margin-top: 8px;
	}
	
#bottom
	{
	font-family: tahoma;
	font-size: 10px;
	color: #8e8e8e;
	height: 56px;
	text-align: center;
	background: url(../images/bottom.jpg) repeat-x left bottom;
	}
	
#bottom .footer
	{
	width: 776px;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/footer.jpg) repeat-x ;
	}
	
#bottom  .footer p
	{
	padding-top: 20px;
	padding-left: 10px;
	}
	
#bottom .footer A
	{
	color: #8e8e8e;
	text-decoration: none;
	}
	
#bottom .footer A:hover
	{
	color: #e15522;
	}

#bottom .footer A.active
	{
	color: #e15522;
	}
	
#product
	{
	height: 149px;
	margin-top: -30px;
	}
	
#product DIV#info
	{
	float: left;
	margin: 0px;
	width: 215px;
	height: 149px;
	}
	
#product DIV#info h1
	{
	margin-left: 16px;
	margin-top: 50px;
	margin-bottom: 0px;
	}
	
#product DIV#info p
	{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 16px;
	}
	
#product DIV#list
	{
	margin: 0px;
	float: right;
	width: 400px;
	height: 149px;
	}
	
#product DIV#list .img
	{
	float: left;
	margin-right: 9px;
	}
	
#main
	{
	margin: 0px;
	padding: 0px;
	}
	
#content
	{
	margin: 0px;
	color: #9a9a9a;
	}
	
#content .margin
	{
	margin: 20px;
	}

#content .last
	{
	margin-bottom: 30px;
	_margin-bottom: 10px;
	}
#content .banner
	{
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
#content H1
	{
	font-size: 130%;
	font-weight: bold;
	color: dddddd;
	margin: 0px;
	}
	
#content H2
	{
	font-size: 110%;
	font-weight: bold;
	color: e15522;
	margin: 0px;
	}
	
#content P
	{
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
#content UL
	{
	margin: 0px;
	padding: 0px;
	margin-top: 17px;
	margin-right: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
	list-style-image: url(../images/box_bu.png);
	}
	
#content UL LI
	{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
	}
	
#content .title
	{
	font-weight: bold;
	color: #e15522;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
	}
	
#vision
	{
	float: right;
	width: 232px;
	margin-left: 20px;
	margin-bottom: 20px;
	background: #1c1c1c;
	border: 1px solid #262626;
	}
	
#vision H1
	{
	font-size: 130%;	
	color: #ffffff;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	}
#vision P
	{
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	}

#content .top
	{
	height: 17px;
	text-align: right;
	background: url(../images/top_body.png) repeat-x left top;
	}

#content .category
	{
	margin: 0px;
	}
	
#content .category h1
	{
	height: 40px;
	font-size: 120%;
	font-weight: bold;
	color: dddddd;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
	}
	
#content .category .img
	{
	float: left;
	width: 300px;
	}
	
#content .category p
	{
	margin-right: 17px;
	margin-top: 17px;
	margin-bottom: 0px;
	}
	
#content h3
	{
	font-size: 120%;
	color: #ffffff;
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px; 
	margin-bottom: -16px;
	background: #a64420;
	}
	
#content .category .matter
	{
	float: right;
	width: 425px;
	margin-top: 17px;
	}
	
#content .category .matter UL
	{
	margin-top: 17px;
	margin-right: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
	list-style-image: url(../images/box_bu.png);
	}
	
#content .category .matter UL LI
	{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 20px;
	}
	
#content .category A
	{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
#content .category A:hover
	{
	color: #e15522;
	}
	
#content .hline
	{
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: 4px solid #e15522;
	}
	
#contact
	{
	margin: 0px;
	}
#contact H1
{
	padding: 5px;
	font-size: 140%;
	text-align:right;
	font-weight:normal;
	margin-bottom: 10px;
	background: #1c1c1c;
	border: 1px solid #262626;
}

#contact .details
	{
	float: left;
	width: 232px;
	height: 465px;
	margin: 0px;
	background: #1c1c1c;
	border: 1px solid #262626;
	}
	
#contact .details H1
{
	margin: 0px;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background: #a64420;
	}
	
#contact .details H2
	{
	font-size: 100%;	
	color: #e15522;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	}
#contact .details p
	{
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
#contact A
	{
	color: #9a9a9a;
	text-decoration: none;
	}

#contact A:hover
	{
	color: #ffffff;
	text-decoration: underline;
	}
	
#inputtable LABEL
	{
		margin-right: 5px;
	}	
	
#inputtable INPUT
	{
	height: 20px;
	color: #BBBBBB;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background: #666666;
	border: 1px solid #888888;
	}
	
#inputtable INPUT.button
	{
	padding: 0px;
	font-size: 90%;
	font-weight: bold;
	background: #000000;
	border: 1px solid #666666;
	}

#inputtable TEXTAREA
	{
	padding: 2px;
	color: #BBBBBB;
	background: #666666;
	border: 1px solid #888888;
	}
	
.info
	{
	color: #666666;
	font-size: 90%;
	}
	
.error
	{
	color: #CC0000;
	font-size: 90%;
	}
	
.title_bar
	{
	width: 731px;
	height: 29px;
	color: #ffffff;
	font-weidgt: bold;
	background: url(../images/title_bar.png) no-repeat;
	}
	
.datatable
	{
	margin-top: 17px;
	background: #D3D3D3;
	border: 1px solid #262626;
	}

.datatable TR.odd
	{
	height: 24px;
	background: #1c1c1c;
	}

.datatable TR.even
	{	
	height: 24px;
	background: #1a1a1a;
	}

.datatable TD
	{
	height: 25px;
	color: #9a9a9a;
	padding: 2px;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	border-bottom: 1px solid #262626;
	}
	
.datatable TH
	{
	height: 25px;
	color: #e15522;
	padding: 2px;
	background: #2a2a2a;
	}

.mandatory_bar
	{
	height: 25px;
	color: #ffffff;
	background: #a64420;
	}
	
.mandatory
	{
	color: #FF0000;
	}
	
#content DIV#gallery
	{
	margin: 0px;
	}
	
#content DIV#gallery .img
	{
	float: left;
	width: 245px;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
	}
	
#download
	{
	margin: 0px;
	height: 80px;
	}
	
#download .img
	{
	float: left;
	width: 182px;
	height: 54px;
	margin-top: 0px;
	text-align: center;
	}
	
#download A
	{
	font-weight: bold;		
	color: #ffffff;
	text-decoration: none;
	}
	
#download A:hover
	{
	color: #e15522;
	}
	
#content DIV#about
	{
	font-size: 100%;
	font-family: georgia;
	font-weight: bold;
	margin-top: 10px;
	background: #272727;
	border: 1px solid #323232;
	text-align1: center;
	}
	
#content DIV#about .margin
	{
	margin: 40px;
	}
	
#content DIV#about .margin P
	{
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
#content .project
	{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
#content .project .img
	{
	float: left;
	width: 150px;
	margin-bottom: 30px;

	}
	
#content .project .matter
	{
	float: left;
	width: 550px;
	}
	
#content .project .matter p
	{
	margin-top: 5px;
	margin-bottom: 0px;
	}
	
#content .project .matter h1
	{
	font-size: 120%;
	color: #FFFFFF;
	}

#note
	{
	padding: 5px;
	font-size: 90%;
	text-align: center;
	background: #333333;
	border: 1px solid #666666;
	}