@charset "utf-8";
/* CSS Document */

body  {
	font: 0.9em Tahoma, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

#topcontent{
 height:165px;
 background-image:url(bg_top.jpg);
 background-repeat:no-repeat;
}

#topcontent #logo
{
 float:left;
 margin:25px 50px 0px;
}

#topcontent #phrase
{
 float:right;
 margin:40px 200px 0 0;
}


#container { 
	position: relative;
	width: 1080px; 
	background: #9ad7ee;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
} 


#contents {
	background-image: url(bg_centre_grad.png);
	background-repeat: repeat-y;
	background-position: center bottom;
}

#contents_feature {
	background-image: url(bottom_feature.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
}

#mainContent { 
	margin:0px 170px 300px;
	padding: 5px 10px 10px;
}


#sidebarleft,#sidebarright {
	position: absolute;
	width: 140px; 
	background-color: transparent;
	padding: 0px 10px 15px 20px; 
}


#sidebarleft {left: 0;	top: 215px;}
#sidebarright {right: 0;	top: 220px;}

.clear {clear:both; height:0px;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


#menucontent
{

	background-color:#603813;
	color:#FFFFFF;
	margin:0px;
	padding:5px 10px;
	text-align:left;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#menucontent ul.menu-horizontal {margin:0px 0px 0px 155px;; padding:0px;}
#menucontent ul.menu-horizontal li { display:inline; list-style-type:none;}
#menucontent li a:link,#menucontent li a:visited
{	
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 10px;
	display:inline;
	text-transform: uppercase;
	letter-spacing:-0.05em;
}


#menucontent ul.menu-vertical {margin:0px;; padding:0px; float:right;	background-color:#603813; 	position: absolute; top:100px; right:45px; display:none;}
#menucontent ul.menu-vertical li { list-style-type:none; padding:5px 3px;}
#menucontent div.bt-home {float:right; margin-right:5px;}

a img {border:0px;}


/* --- Text styles ---*/
h1,h2,h3,p {margin-top:0px; margin-bottom:0.5em;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}

#mainContent {color:#603A17;}
#mainContent p {margin-bottom:0.5em; line-height:1.5em;}
#mainContent a:link, #mainContent a:visited { color:#603813;}


.box1  {}
.box1 .top { background-image:url(box_1_top.png); background-position:right bottom; background-repeat:no-repeat; text-align:center;}
.box1 .bot { background-image:url(box_1_bot.png); background-position:right top; background-repeat:no-repeat; text-align:center;}
.box1 .mid { background-image:url(box_1_mid.png); background-position:right; padding:0px 12px 0px 5px; } 


.box1 .tape-tl, .box1 .tape-tr,.box1 .tape-bl, .box1 .tape-br { margin:-20px;position:relative;}

.full-width { margin-right:10px;}
.full-width .tape-tl { left:-46%; top:15px;}
.full-width .tape-tr { right:-45%;top:10px;}
.full-width .tape-bl { left:-46%; bottom:15px;}
.full-width .tape-br { right:-45%;bottom:10px;}

.s200px, .s500px {float:left; margin-right:10px;}

.s200px {width:200px;}
.s200px .tape-tl { left:-35%; top:15px;}
.s200px .tape-tr { right:-30%;top:20px;}
.s200px .tape-bl { left:-32%; bottom:20px;}
.s200px .tape-br { right:-30%;bottom:25px;}

.s500px {width:500px;}
.s500px .tape-tl { left:-45%; top:5px;}
.s500px .tape-tr { right:-44%;top:10px;}
.s500px .tape-bl { left:-44%; bottom:15px;}
.s500px .tape-br { right:-42%;bottom:15px;}

.box1 .mid p {margin:0px; padding:0px;}
#mainContent .box1 .mid p {margin-bottom:0.5em; line-height:1.5em;}


.inspirations {color:#603A17; padding:10px; font-size:0.8em;}

.inspirations strong {display:block;}

.newsletter-form {color:#603A17 !important;}


.home-products-min-des, .home-last-jobs {color:#603A17; font-size:0.9em;}
.home-products-min-des h2, .home-last-jobs h2 {font-size:1.1em; margin:0px;}
.home-last-jobs img {margin:10px auto;}
.home-products-min-des a, .home-last-jobs a {color:#603A17; text-decoration:none;}
.home-products-min-des a:hover, .home-last-jobs a:hover {text-decoration:underline;}
.home-last-jobs {text-align:center;}