@charset "utf-8";
@import "typography.css";
@import "sliders.css";
body {
	margin: 0;
	padding: 0;
	width: 100%;
	border-image: none;
	background-image: none;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center top;
}
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background: url(images/header_bg.gif) top center repeat-x;
	scrollbar-highlight-color: #66FF00;
}
.block_header { margin:0 auto; width:1300px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0; width:357px; }
.logoright { float:right; padding:0; margin:0; width:357px; }
/* menu */	
.menu {
	float:right;
	padding:0;
	margin:15px 0 0 0;/*20*/
	width:auto;
}
.menu span a{
	color: #333333;
	text-decoration: none;
}
.menu span a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
.menu ul { padding:0; margin:0px 0px 0px 0px; list-style:none; border:0; }/*befor margin 0px*/
.menu ul li { float:right; margin:0; padding:1px 1px 0 0; border:0; }
.menu ul li a {
	width: auto;
	text-align: center;
	float: right;
	margin: 10;
	padding: 13px 0;
	color: #333333;
	font: normal 15px Georgia, "Times New Roman", Times, serif bold, Helvetica, sans-serif;
	text-decoration: none;
	margin-left: 12px;
	font-weight: bold;
}
.menu ul li a:hover { color:#8cc63f; text-decoration:underline; }
.menu ul li a.active { color:#8cc63f; text-decoration:underline; }
/*-----  Index Portfolio  -----*/

.header_text_bg2 {
	margin: 0;
	padding: 0;
	background: url(images/simple_bg2.jpg) top center repeat-x;
	height: 110px;
}
.header_text { width:990px; margin:0 auto; padding:5px 0 0 0; }
.header_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:15px 0 5px 0; margin:0; }
.header_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2; padding:0 0 20px 0; margin:0; }
.header_text p.bott { font: normal 12px Arial, Helvetica, sans-serif; color:#b8b8b8; padding:15px 20px 20px 20px; margin:0; }
.header_text img { float:right; padding:15px 0 0 0; margin:0; }
#index_portfolio {
	float: none;
	width: 100%;
	padding: 0;
	height: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
}
.itemidx { float:right; overflow:hidden; cursor: pointer; position: relative; height:400; }
.itemidx img { margin:0; padding:0; float:none; }
#index_portfolio .itemidx a { width: 100%; height: 300px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 320px; float: left; position: absolute; display: block; }
#index_portfolio .itemidx .caption { position: absolute; padding: 0; float: left; }
#index_portfolio .itemidx .caption h2 { font-weight: bold; }
#index_portfolio .itemidx .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }
/********** block index **********/
.body {
	margin: 0;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #fff;
	background-image: none;
}
.body_resize {
	width: 1300px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.body_resize h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#444; padding:5px 5px 15px 5px; margin:0; }
.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3; }
.body_resize h3 {
	color: #B24300;
	padding: 5px 5px 15px 5px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.body_resize h3 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b3b3b3; }
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#444; padding:5px; margin:0; line-height:1.8em; }
.body_resize p span { color:#b73908; font: bold 12px Arial, Helvetica, sans-serif; }
.body_resize a {
	color: #666666;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	border-color: #FFF;
}
.body_resize img { margin:10px auto; padding:0; }
.body_resize img.floated { float:left; margin:5px 10px; padding:0; }
.body_resize img.floated2 { float:right; margin:5px 10px; padding:0; }
.body_resize .data { float:left; width:101px; background:url(images/bg_data_news.gif) top no-repeat; padding:5px 0; margin:20px 0 0 0; text-align:center; height:27px; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; }
.left {
	width: 800px;
	float: right;
	margin: 0;
	padding: 10px;
}
.left ul { list-style:none; margin:0 0 0 210px; padding:0; }
.left li { background:url(images/big_ul_li.gif) left no-repeat; padding:0 20px; margin:0; font:bold 12px Arial, Helvetica, sans-serif; color:#b73908; line-height:1.8em; }
.right { width:300px; float:left; margin:0; padding:10px 10px; }
/*FBG*/
.FBG { margin:0; padding:0; border-top:1px solid #dedede; background:#ededed; }
.FBG h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#444; padding:5px; margin:0; border-bottom:1px solid #dddddd; }
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#444444; line-height:1.8em; padding:5px 5px; margin:0; }
.FBG ul { list-style:none; padding:5px; margin:0; }
.FBG li { background:url(images/FBG_ul_li.gif) left no-repeat; font: normal 11px Arial, Helvetica, sans-serif; color:#444; padding:5px 0 5px 15px; margin:0; }
.FBG_resize { width:936px; margin:0 auto; padding:20px 0 0 0; }
/****Recent **/
.Recent { width:210px; float:left; padding:5px 0; margin:0 10px; }
/* Navigation */	
ul.Navigation { padding:0; margin:0; list-style:none; border:0; }
ul.Navigation li { width:296px; margin:0; padding:0; }
ul.Navigation li a { height:32px; display:block; padding:10px 0 0 15px; margin:3px 0; background: url(images/nav_ul_li_a.gif) center no-repeat; color:#0e0b09; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em; }
ul.Navigation li a:hover { height:32px; background: url(images/nav_ul_li_active.gif) center no-repeat; color:#fff; padding:10px 0 0 15px; margin:3px 0; }
ul.Navigation li a.active { height:32px; background: url(images/nav_ul_li_active.gif) center no-repeat; padding:10px 0 0 15px; margin:3px 0; color:#fff; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#444444; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:250px; border:1px solid #d8d8d8; margin:2px 0; padding:5px 2px; height:16px; background:#f9f9f9; float:left; }
#contactform select {border:1px solid #d8d8d8;}
#contactform textarea { width:250px; border:1px solid #d8d8d8; margin:2px 0; padding:2px; background:#f9f9f9; float:left; }
#contactform li.buttons input { padding:3px 0 3px 295px; margin:0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer_resize { width:936px; margin:0 auto; padding:10px 0 30px 0; }
.footer { padding:0 0 0 20px; margin:0; background:#dedede; border-top:1px solid #d1d1d1; }
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left; }
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #dedede; padding:0; margin:10px 0; background:none; line-height:0; }


MY CSS START HERE
.btn{background-color:#6d311e;padding:4px 10px;color:#FFF;border:#502516 1px solid;font-size:15px;}
.mandatory{color:#F00;}
.body .body_resize .left .header strong {
}
product {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #A72D00;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
}