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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, textarea, p, blockquote, th, td { 
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
a { text-decoration: none; }
a:visited {color:#fff;
text-decoration:none;}
a:visited img {border: 0; color:#252525;}
body{
	font-size: 12pt;
	font-family: "arial", helvetica, sans-serif;
	font-weight:bolder;
	background-color:#fff;
    margin:0px;
	padding:0px;
	padding-bottom:142px;
    background:url('../images/page_background.png') 0px 0px repeat;
}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

#main-content { padding: 20px;
}

#page-wrap{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:972px;
	height:auto;
	position:relative;


	
}

#header{
	width:972;
	height:142px;
	background-color:#252525;
	color:#FFF;
	position:relative;
	top:0px;
	left:0px;
    font-size:0.9em; 
	}
#menu{	
	position:absolute;
	top:88px;
	left:243px;
	width:600px;
}

#menu ul li.active a{
	width:75px;
	height:25px;
	padding:0px 0px 0px 0px;
    margin:0px 20px 0px 0px;
	color:#fff;
	float:left;
	vertical-align:middle;
    border-bottom-style: solid;
    border-bottom-width: 4px; 
    border-bottom-color:#d75902;
    display:inline;
    text-align:center;
}
#menu ul li.active a:hover{
	width:75px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	color:gray;
	float:left;
	vertical-align:middle;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color:#d75902;
    display:inline;
    text-align:center;
}

#menu ul li.inactive a{
	width:75px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	color:#FFF;
	display:inline;
	float:left;
	text-decoration:none;
    text-align:center;
}

#menu ul li.inactive a:hover{
	width:75px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	color:gray;
	display:inline;
    float:left;
    text-align:center;
}

#photos{
	width:972;
	height:301px;
	background-color:#252525;
	position:relative;
	left:0px;
	top:0px;
    padding-top:12px;
	overflow:hidden;

}
#xromata{
	width:972;
	height:198px;
	background-color:#252525;
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
}
ul{
	
	list-style:none;
	margin:0;
}

#box1{
	background-color:#a3a865;
	width:243px;
	height:301px;
	display:inline;
	float:left;
	}

#box2{
	background-color:#d4b050;
	width:243px;
	height:301px;
	display:inline;
	float:left;
	position:relative;
	left:243;
	top:0;
}

#box3{
	background-color:#ffc001;
	width:243px;
	height:301px;
	display:inline;
	float:left;
	position:relative;
	left:486;
	top:0;
}

#box4{
	background-color:#ff8800;
	width:243px;
	height:301px;
	display:inline;
	float:left;
	position:relative;
	left:729;
	top:0;
}
.colortext{
	color:#FFF;
	padding:15px 15px;
	font-size:0.8em;}

#content{
	width:972px;
	height:650px;
	background-color:#252525;
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
    color:#fff;
}

a.more h3{
	background-color:#333;
	margin-left:96px;
	padding:5px;
	color:#FFF;
	text-decoration:none;
	
	}
a.more h3:hover{
	background-color:#FFF;
	color:#333;
	}
	
#text{
	color:#FFF;
	width:500px;
	position:relative;
	left:25px;
	top:25px;
	text-align:justify;
	}
#slider{
	float:right;
	position:relative;
	left:-75px;
	top:45px;

	}
#footer{
	width:972px;
	height:80px;
	background-color:#252525;
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
}

#sidebar{
    width:243px;
    height:495px;
    background-color:#252525;
    position:relative;
    top:0px;
    left:0px;
    overflow:hidden;
    float:left;
}

ul#products{
    display:block;
    font-size:0.8em; 
    line-height:1.9em;
    padding-top:13px;
    padding-left:5px;

    
   
}
ul#products li.inactive2 a{
    color:#fff;
    margin-left:10px;
    text-decoration:none;   
    padding-left:12px;
    width:200px;
    display:block;
    margin:10px;
    border-color:#d75902;
    border-style:solid;
    border-width:thin;  
}


ul#products li.active2 a{
    color:#fff;
    margin-left:10px;
    text-decoration:none;
    padding-left:12px;
    width:200px;
    display:block;
    margin:10px;
    background-color:#d75902;
	border-color:#d75902;
    border-style:solid;
    border-width:thin;  
    
}
ul#products li a:hover{
    color:#252525;
    margin-left:10px;
    text-decoration:none;
    padding-left:12px;
    width:200px;
    display:block;
    margin:10px;
    background-color:#d75902;
    
}



#description{
    background-color:#252525;
    width:729px;
    height:495px;
    position:relative;
    top:0px;
    left:0px;
	color:#fff;
    font-size:0.8em; 
    line-height:1.9em;  
	overflow:hidden;
	
    
}
#guts{
    padding:0px;
    text-align:justify;
    
    
}

#guts h2{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color:#d75902;
    padding-bottom:7px;
    margin-bottom:10px;   
   
}
#guts img{
    padding-left:10px;
}
#troll{

    color:#fff;
}

div.line
	{
		border-top:solid 1px #1A1A1A;
	}
div.line hr.footer-line
		{
			height:1px;
			margin:0px;
			padding:0px;
			border:none;
			color:#353535;
			background:#353535;
			#margin-top:-7px;
		}
        
div.footer2
	{
		border-top:solid 1px #1A1A1A;margin-top:10px;
	}
	
		div.footer2 hr.footer-line
		{
			height:1px;
			margin:0px;
			padding:0px;
			border:none;
			color:#353535;
			background:#353535;
			#margin-top:-7px;
		}
		

/*FONTS*/
@font-face
{
    font-family: cfsans;
	src: url('../fonts/cfsans.eot');
    src: local(myfont), url('../fonts/cfsans.ttf') format('opentype');

}

.viewport {

            float: left;
            height: 301px;
            margin:0;
            overflow: hidden;
            position: relative;
			width: 243px;

        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right:0;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
        }

.viewport a img {
    height: 334px;
    left: -10px;
    position: relative;
    top: -10px;
    width: 270px;
}
        

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size: 1.6em;
            font-weight: bold;
            height: 100%;
            padding-top: 140px;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
            .viewport a span em {
                display: block;
                font-size: 0.45em;
                font-weight: normal;
            }

        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            background-color: rgba(15, 15, 15, 0.6);
            color: #fff;
            text-shadow: #000 0px 0px 20px;
        }
            .dark-background em {
                color: #ccc;
            }

        /* --- Light hover background ----------------------------------------------------------- */
        .light-background {
            background-color: rgba(255, 255, 255, 0.6);
            color: #333;
            text-shadow: #fff 0px 0px 20px;
        }
            .light-background em {
                color: #707070;
            }

        /**
         * You could create multiple hover background classes for different looks depending on the
         * image type. Use your imagination!
         */
		 
		 
		 
.wrapper { 
	width:100%;
	overflow:hidden;
	padding-left:25px;
	color:#fff;
	font-size:13px;	
	font-family:'Open Sans',Arial;
	

}

.grid_7 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 25px;
}
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	left: 25px;
	top:10px;
	margin-bottom:50px;
	width:450px;
}
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-left:130px;
	width:300px;
}
.alpha {
	margin-left: 0;
}
.h2-top {padding-top:7px;
		 padding-bottom:15px}

.img-pad {padding:7px 7px 0px 0px;}
		 
		 /*----- forms -----*/
#contact-form {
	vertical-align:top;	
	padding-top:0px;
	padding-left:0px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem {
			display:block;			
			position:relative;
			min-height:30px;
			overflow:hidden;
			}
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form input {
				width:210px;
				padding:5px 0px 5px 5px;
				background:#fff;
				border:1px solid #e7e4d5;
				line-height:1.1307em;
				font-size:12px;
				display:block;
				color:#978e83;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px;
				}
				
			#contact-form textarea {
				line-height:1.1307em;
				width:500px;
				height:204px;
				padding:5px 0px 5px 5px;
				background:#fff;
				border:1px solid #e7e4d5;
				line-height:1.2307em;
				display:block;
				color:#978e83;
				overflow:auto;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px;
				max-width:500px;
				
				
				}
				#contact-form label {
					padding:0px 0 2px 5px;
					display:inline-block;
					font-size:12px;
					display:none;
				}
				#contact-form .rowElem label {
					font-size:12px;					
					right:5px;
					top:0
				}
				#contact-form .textarea-box label {
					padding:0px 0 2px 0px;
					font-size:12px;
				}
#contact-form .error {
				color:red;
			}

div#contact_form .download-box {
	margin:0px 30px 0 0;
	padding-top:24px;
}
#back {
	font-size:16px; line-height:1.2307em; color:#ecece1; text-decoration:none; display:inline-block; background:#999589; padding:6px 0px 6px 10px; width:67px;
	cursor:pointer; text-transform:capitalize;
	
} 
#back:hover {background:#857967;}
.link10 {font-size:16px; line-height:1.2307em; color:#ecece1; text-decoration:none; display:inline-block; background:#999589; padding:6px 0px 6px 10px; width:67px;
	cursor:pointer;  text-transform:capitalize;}

.link9 {float:left; margin-top:20px; margin-right:1px; margin-left:-11px;}
.link9 a {font-size:15px; line-height:1.2307em; color:#ecece1; text-decoration:none; display:inline-block; background:#999589; padding:6px 0px 6px 10px; margin-left:12px; width:81px;}
.link9 a:hover {background:#857967;}

.mail{background-image:url('../images/contact_icon_mail.png');
	  background-repeat:no-repeat;
	  background-position:center left;
	  padding-left:25px;margin-bottom:2px;}
	  
.fax{background-image:url('../images/contact_icon_fax.png');
	  background-repeat:no-repeat;
	  background-position:center left;
	  padding-left:25px;margin-bottom:2px;}
	  
.phone{background-image:url('../images/contact_icon_phone.png');
	  background-repeat:no-repeat;
	  background-position:center left;
	  padding-left:25px;margin-bottom:2px;}
a:link {color: #fff;}

.dt-bot{
	margin:10px 0px 10px 0px;}
.masif{
	width:140px;float:left;
	}
.patomata{
	width:180px;float:left;
	}
.img-xyleia{
	position:relative;
	
	float:right;
	
	}
#xyleia {
	width:100px;
	
	}	

#xyleia li{
	background-color:#d75902;
	height:25px;
	padding-left:5px;
	}
#xyleianew {
	width:420px;
	
	}	
#xyleianew li{
	background-color:#d75902;
	height:25px;
	padding-left:5px;
	margin-bottom:5px;
	
	}
#xyleianew li a:hover{
	text-decoration:underline;}
	
#xyleia2 {
	width:410px;
	background-color:#252525;}	
	
#xyleia2 li{
	background-color:#252525;
	height:28px;
	padding-left:25px;
	margin-bottom:5px;margin-top:5px;}	
#xyleia2 li a:hover{
	text-decoration:underline;}
#xyleia3 {
	width:410px;
	background-color:#252525;}	
	
#xyleia3 li{
	background-color:#252525;
	height:28px;
	padding-left:5px;
	margin-bottom:5px;margin-top:5px;}	
#xyleia3 li a:hover{
	text-decoration:underline;}
#thumb1{
	background-image:url('../images/products/ampourasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb2{
	background-image:url('../images/products/vegesmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb3{
	background-image:url('../images/products/irokosmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb4{
	background-image:url('../images/products/limpasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb5{
	background-image:url('../images/products/mpetesmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb6{
	background-image:url('../images/products/niangonsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb7{
	background-image:url('../images/products/ntousiesmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb8{
	background-image:url('../images/products/sapelismall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb9{
	background-image:url('../images/products/siposmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb10{
	background-image:url('../images/products/tiksmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb11{
	background-image:url('../images/products/dryssmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb12{
	background-image:url('../images/products/elathsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb13{
	background-image:url('../images/products/kastaniasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb14{
	background-image:url('../images/products/leykasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb15{
	background-image:url('../images/products/oxyasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb16{
	background-image:url('../images/products/peykosmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb17{
	background-image:url('../images/products/flamourismall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb18{
	background-image:url('../images/products/despotakismall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb19{
	background-image:url('../images/products/karydiasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb20{
	background-image:url('../images/products/kerasiasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb21{
	background-image:url('../images/products/oregonsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb22{
	background-image:url('../images/products/poplarsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb23{
	background-image:url('../images/products/rampotesmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb24{
	background-image:url('../images/products/mdfsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb25{
	background-image:url('../images/products/kontrasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb26{
	background-image:url('../images/products/osbsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb27{
	background-image:url('../images/products/melaminessmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb28{
	background-image:url('../images/products/novopansmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb29{
	background-image:url('../images/products/pagoismall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb30{
	background-image:url('../images/products/plakazsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb31{
	background-image:url('../images/products/portakiasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb32{
	background-image:url('../images/products/portesmdfsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb33{
	background-image:url('../images/products/smaltinhsmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb34{
	background-image:url('../images/products/formaikasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#thumb35{
	background-image:url('../images/products/teakseasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}#thumb36{
	background-image:url('../images/products/kontraseasmall.jpg');
	background-repeat:no-repeat;
    background-position:4px left;
}
#ampoura li{
	background-image:url('../images/arrow.gif');
	background-repeat:no-repeat;
    background-position:1px 3px;
	padding-left:18px;
	margin-top:5px;
	line-height:20px;
	}
	
a.h2hover:visited{
	text-decoration:underline;
	color:#fff;
	}
a.h2hover:hover{
	text-decoration:underline;
	}
.listcircle{
	list-style:circle;
	list-style-position:inside;}
#orangebg{
	background-color:#d75902;
	width:410px;
	height:25px;
	padding-left:5px;
	margin-bottom:5px;
	}
#orangebg3{
	background-color:#d75902;
	width:130px;
	height:25px;
	padding-left:5px;
	margin-bottom:5px;
	}
#orangebg2{
	background-color:#d75902;
	width:684px;
	height:25px;
	padding-left:5px;
	margin-bottom:5px;
	}
#orangebg4{
	background-color:#d75902;
	width:170px;
	height:25px;
	padding-left:5px;
	margin-bottom:5px;
	}
.listcircle a:hover{
	text-decoration:underline;}
ul.gallery{
	width:803px;
	margin-top:40px;
	margin-left:20px;
	

}
ul.gallery li{
	width:197px;
	height:130px; 
	margin-bottom:5px
}
ul.gallery li.left{
	float:left;
	clear:both;
	margin-right:5px
}
ul.gallery li.center{
	float:left;
	margin-right:5px
}

ul.gallery li.right{
	float:right;
}