/*
Title: DC parchet - screen style sheet
Author:   madaerodog, contact@madaerodog.com
Version:  2008.05
*/

/*General Styles=========================================*/

body {
	font-family: Helvetica;
	color: #fff;
	background: #000;
	background: url(../images/body_bg_st.jpg) repeat top;
	}
	
/*Wrappers===============================================*/

#wrapper {margin: 0 auto;}

#content-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: #000;
	overflow: visible;
	}

#footer-wrapper {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 100%;
	height: 125px;
	background: url(../images/footer_bg_st.jpg) repeat-x top;
	overflow: visible;
	}

/*Layout=================================================*/

#header{
	position: relative;
	left:50%;
	margin-left:-455px;
	top: 10px;
	width: 910px;
	height: 85px;
	}
	
#footer{
	position: relative;
	left:50%;
	margin-left:-455px;
	top: 20px;
	width: 910px;
	height: 125px;
	}
	
#logo {
	position: relative;
	float: left;
	cursor: pointer;
	left: 10px;
	width: 400px;
	height: 85px;
	background: url(../images/logo.png) no-repeat top;
	}
	
#main-menu{
	position: relative;
	float: right;
	top: 40px;
	}
	
#main-menu li{
	width: 120px;
	height: 31px;
	display: inline;
	}	

#main-menu li a{
	position: relative;
	float: left;
	margin-right: 5px;
	width: 120px;
	height: 31px;
	}
	
#main-menu li span{display:none;}

#products{background: url(../images/products-btn.jpg) no-repeat 0 bottom;}
#products:hover{background-position: -120px bottom;}
#products:active{background-position: -240px bottom;}

#products_en{background: url(../images/products-btn-en.jpg) no-repeat 0 bottom;}
#products_en:hover{background-position: -120px bottom;}
#products_en:active{background-position: -240px bottom;}

#folio{background: url(../images/folio-btn.jpg) no-repeat 0 bottom;}
#folio:hover{background-position: -120px bottom;}
#folio:active{background-position: -240px bottom;}

#folio_en{background: url(../images/folio-btn-en.jpg) no-repeat 0 bottom;}
#folio_en:hover{background-position: -120px bottom;}
#folio_en:active{background-position: -240px bottom;}

#contact{background: url(../images/contact-btn.jpg) no-repeat 0 bottom;}
#contact:hover{background-position: -120px bottom;}
#contact:active{background-position: -240px bottom;}

#crumbles{
	position: relative;
	float: left;
	width: 910px;
	height: 20px;
	top: 10px;
	left: 20px;
	font-weight: bold;
	}
	
#crumbles a:hover{
	color: #FF8D00;
}

#logos{
	position: relative;
	float:left;
	top: 10px;
	text-align: center;
	color: black;
}
.logo{
	position: relative;
	float:left;
	padding-left: 10px;
}		
#copy{
	position: relative;
	float:left;
	left: 200px;
	top: 20px;
	text-align: center;
	font-size: 16px;
	color: black;
}

#copy a{color: #333333;}
#copy a:hover{color: #000000;}

h2{
	font-size: 16px;
}

#ro{
	position: relative;
	float:right;
	width: 50px;
	height: 25px;
	background: url(../images/ro_btn.jpg) no-repeat 0 bottom;
}


#en{
	position: relative;
	float:right;
	width: 50px;
	height: 25px;
	background: url(../images/en_btn.jpg) no-repeat 0 bottom;
}

#ro span, #en span{
	display: none;
}