* { outline: none;}
body {
	margin:0;
	font:13px/15px Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.gif) repeat-x;
    color:#333333;
	//color:#717982;
}
img{border-style:none;}
form,fieldset,embed,object {
	margin:0;
	padding:0;
	border:none;
}
input,
textarea,
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
a {
	text-decoration:none;
	color:#bd6c37;
}
a:hover {text-decoration:underline;}

#header:after,
ul.menu:after,
ul.accordion li:after,
ul.accordion a:after {
	display:block;
	clear:both;
	content:" ";
}
/*page*/
#wrapper {
	margin:0 auto;
	width:960px;
	background:url(../images/bg-wrapper.jpg) no-repeat;
	padding:29px 0 0;
	overflow:hidden;
}
/*header*/
#header {
	height:1%;
	padding:0 0 57px;
}
.logo {
	float:left;
	margin:18px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	width:176px;
	height:125px;
	background:url(../images/logo.gif) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
#header .holder {
	float:right;
	width:765px;
}
#header .box {
	height:1%;
	padding:0 4px 30px 0;
	overflow:hidden;
}
.site-btn {
	float:right;
	width:170px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-site-btn.gif) no-repeat;
}
.site-btn:hover {background-position:0 -37px;}
ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	border-top:1px solid #f1f3f4;
	background:url(../images/bg-menu.gif) no-repeat 0 100%;
}
ul.menu li {float:left;}
ul.menu li.hover,
ul.menu li:hover {position:relative;}
ul.menu a {
	float:left;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
}
ul.menu a.home {
	width:84px;
	background:url(../images/txt-home.gif) no-repeat;
}
ul.menu a.company {
	width:87px;
	background:url(../images/txt-company.gif) no-repeat;
}
ul.menu a.innovation {
	width:190px;
	background:url(../images/txt-innovation.gif) no-repeat;
}
ul.menu a.ecology {
	width:207px;
	background:url(../images/txt-ecology.gif) no-repeat;
}
ul.menu a.information {
	width:195px;
	background:url(../images/txt-information.gif) no-repeat;
}
ul.menu a:hover,
ul.menu li.hover a,
ul.menu li:hover a {background-position:0 -42px;}
ul.menu .active a {
	background-position:0 -84px !important;
	position:relative;
	z-index:5;
}
ul.menu ul {
	width:188px;
	border:1px solid #ededf0;
	position:absolute;
	top:38px;
	left:0;
	margin:0;
	padding:4px 0 5px;
	list-style:none;
	overflow:hidden;
	background:#f7f8f9;
	z-index:4;
	display:none;
}
ul.menu li.hover ul,
ul.menu li:hover ul {display:block;}
ul.menu ul li {
	float:none;
	height:1%;
	overflow:hidden;
	vertical-align:top;
	font:12px/20px Arial, Helvetica, sans-serif;
}
ul.menu ul a {
	display:block;
	float:none;
	height:1%;
	width:auto;
	text-indent:0;
	color:#404e60;
	cursor:pointer;
}
ul.menu ul span {
	padding:2px 28px 2px 16px;
	display:block;
}
ul.menu ul a:hover {
	border:solid #a9b6c5;
	border-width:1px 0;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background:url(../images/bg-drop.gif) repeat-y;
}
ul.menu ul a:hover span {
	padding:1px 28px 1px 16px;
	background:url(../images/bg-drop-hover.gif) no-repeat 163px 50%;
}
/*main box*/
#main {
	height:1%;
	overflow:hidden;
	padding:0 0 30px;
}
/*content */
#content {
	width:765px;
	float:right;
	padding:0px 0 0;
}
ul.breadcrumbs {
	margin:0 0 24px;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.breadcrumbs li {
	float:left;
	background:url(../images/bg-arrow01.gif) no-repeat 0 1px;
	padding:0 9px 0 12px;
	margin:0 12px 0 -12px;
	font:11px/21px Arial, Helvetica, sans-serif;
}
ul.breadcrumbs a {
	color:#afb9c5;
	text-decoration:underline;
}
ul.breadcrumbs a:hover {text-decoration:none;}
ul.breadcrumbs strong {
	display:block;
	padding:0 9px;
	color:#fff;
	background:#93a0b0;
	font-weight:normal;
}
.main-heading {
	height:1%;
	overflow:hidden;
	padding:0 0 28px;
}
.main-heading h1,
.main-heading h2 {margin:0;}
.main-heading h1 {
	color:#ce2f29;
	font:bold 24px Georgia, "Times New Roman", Times, serif;
}
.sIFR-hasFlash .main-heading h1 {font-size:23px;}
.main-heading h2 {
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	color:#c47740;
}
.sIFR-hasFlash .main-heading h2 {font-size:17px;}
.main-heading h1 span,
.main-heading h2 span {display:block;}
.gallery {
	height:1%;
	border:1px solid #d5d9df;
	padding:4px 0 0;
	margin-bottom:9px;
	overflow:hidden;
}
.gallery .holder {
	width:754px;
	margin:0 0 0 4px;
	overflow:hidden;
	position:relative;
}
.gallery .holder ul {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	width:754px;
	height:360px;
	position:relative;
}
.gallery .holder ul li {
	width:754px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.gallery .holder ul li.active{
	z-index:2;
}
.gallery .text {
	position:absolute;
	top:56px;
	left:41px;
	width:210px;
	z-index:3;
}
.gallery .info1 {
	width:175px;
	height:107px;
	text-indent:-9999px;
	margin:0 0 7px 2px;
	background:url(../images/bg-info01.png) no-repeat;
	display:block;
	color:#fff;
}
.gallery .info2 {
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	display:block;
	margin-bottom:17px;
	color:#8d0000;
}
.click-btn {
	width:92px;
	height:27px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-click.png) no-repeat;
	cursor:pointer;
}
.gallery ul img {display:block;}
.gallery .swicher {
	width:763px;
	height:41px;
	overflow:hidden;
}
.gallery .swicher ul {
	margin:0;
	padding:18px 0 0;
	list-style:none;
	width:100%;
	overflow:hidden;
	height:41px;
}
.gallery .swicher ul li {
	float:left;
	width:auto;
	font:15px/22px Arial, Helvetica, sans-serif;
}
.gallery .swicher ul a {
	float:left;
	border:solid #e2e5e9;
	border-width:1px 1px 0 0;
	background:url(../images/bg-swicher01.gif) repeat-x;
	text-align:center;
	color:#4e5f74;
}
.gallery .swicher ul a span {display:block;}
.gallery .swicher ul .item01 a {width:228px;}
.gallery .swicher ul .item02 a {width:289px;}
.gallery .swicher ul .item03 a {
	width:244px;
	border-right:0;
}
.gallery .swicher ul a:hover {
	text-decoration:none;
	color:#bd6c37;
}
.gallery .swicher ul a.active {
	background:url(../images/bg-swicher02.gif) repeat-x;
	color:#bd6c37;
	line-height:40px;
	position:relative;
	margin:-18px 0 0;
}
.gallery .swicher ul a.active span {background:url(../images/bg-arrow03.gif) no-repeat 50% 8px;}
.gallery .swicher ul .item02 a.active,
.gallery .swicher ul .item03 a.active {
	border-left:1px solid #e2e5e9;
	margin-left:-1px;
}
.info {
	height:1%;
	overflow:hidden;
	padding:0 0 31px;
}

.hold .box {
	height:1%;
	overflow:hidden;
	border-top:1px solid #ebedf0;
	margin:-1px 0 1px;
	padding:24px 1px 0;
}
h3 {
	color:#bd6c37;
	font:bold 14px/16px Georgia, "Times New Roman", Times, serif;
	margin:0 0 15px;
	background:url(../images/ico03.gif) no-repeat 0 4px;
	padding:0 0 0 16px;
}
.hold p {margin:0 0 18px;}
.image-box {
	height:1%;
	overflow:hidden;
	margin:0 0 20px;
	border:5px solid #e2e5e7;
}
.image-box img {display:block;}
/*sidebar*/
#sidebar {
	width:176px;
	float:left;
}
.side-nav {
	height:1%;
	overflow:hidden;
	background:#ecedee url(../images/bg-side-nav.jpg) repeat-x;
	border-bottom:1px solid #dcdfe3;
	margin-bottom:20px;
	padding:0 0 57px;
}
.products {
	height:47px;
	background:url(../images/txt-products.jpg) no-repeat;
	overflow:hidden;
	margin:0;
	text-indent:-9999px;
}
ul.accordion {
	margin:0;
	padding:2px 13px 0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.accordion li {
	height:1%;
	vertical-align:top;
}
ul.accordion a {
	cursor:pointer;
	display:block;
	width:150px;
	overflow:hidden;
	padding:8px 0 10px;
	background:url(../images/bg-dotted01.gif) repeat-x 0 100%;
	color:#404e60;
	outline:none;
}
ul.accordion a img {
	float:left;
	background:#fff;
	padding:1px;
	border:1px solid #ebebeb;
}
ul.accordion .name {
	float:left;
	padding:0 0 0 35px;
	margin:12px 0 0;
	background:url(../images/ico04.gif) no-repeat 8px 2px;
}
ul.accordion .slide {
	width:100%;
	overflow:visible;
}
ul.accordion ul {
	margin:0 0 -9px;
	padding:10px 5px 18px 19px;
	list-style:none;
	width:126px;
	height:auto;
	overflow:hidden;
	background:#f4f4f4 url(../images/bg-slide.gif) repeat-x;
}
ul.accordion ul li {
	background:url(../images/bg-arrow02.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
}
ul.accordion ul a {
	display:inline;
	width:auto;
	float:none;
	padding:0;
	color:#c47740;
	background:none;
}
/*footer*/
#footer {
	height:1%;
	overflow:hidden;
	border-top:1px solid #ebedf0;
	color:#6e6253;
	background:url(../images/bg-footer.gif) no-repeat 0 10px;
	padding:10px 0 25px 26px;
    clear:both;
}
#footer ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#footer ul li {
	float:left;
	line-height:22px;
	padding:0 8px;
}
#footer ul a {
	color:#7d7d7d;
	display:block;
	font:10px/22px Arial, Helvetica, sans-serif;
}
#footer ul .item01 a {
	background:url(../images/ico01.gif) no-repeat 0 8px;
	padding:0 0 0 17px;
}
#footer ul .item02 {background:url(../images/separator01.gif) no-repeat;}
#footer ul .item02 a {
	background:url(../images/ico02.gif) no-repeat 0 6px;
	padding:0 0 0 14px;
}
}
#footer ul .item03 {background:url(../images/separator01.gif) no-repeat;}
#footer ul .item03 a {
	background:url(../images/ico05.gif) no-repeat 0 6px;
	padding:0 0 0 14px;
}
#footer .fabrication,
#footer .clotures {
	float:left;
	height:12px;
	width:170px;
	margin:7px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/txt-fabrication.gif) no-repeat;
}
#footer .clotures {
	background:url(../images/txt-clotures.gif) no-repeat;
	margin:5px 0 0;
	width:185px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.flash{
    float:left !important;
    width:100% !important;
}

.flash .holder{
    width:100% !important;
}

.flash .gallery{
    border:none !important;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */