/*Reset LOGO CSS*/

#logo{
	margin-left: 40px;
	margin-top: 9px;
	width: 270px;
	height: 140px;
	float: left;
	}
	
#logo {
	width: 270px;
	height: 140px;
	text-decoration: none;
	}

#logo a {
	display: block;
	width: 270px;
	height: 140px;
	background: url(../images/logo.png) no-repeat;
	text-decoration: none;
	}

#logo a:hover {
	display: block;
	width: 270px;
	height: 140px;
	opacity:0.50;
	background: url(../images/logo.png) no-repeat;
	text-decoration: none;
	}
	
.menu{
	font-size: 13px;
	font-family: "Calibri";
	float: left;
	padding: 20px;
	color: #333333;
	}
	
a.menu {
	margin: 0 auto;
	color: #333333;
	text-decoration: none;
	}
	
a.menu:hover {
	color: #ccc;
	text-decoration: none;
	}
	
.menus{
	font-size: 13px;
	font-family: "Calibri";
	float: left;
	padding-left: 26px;
	color: #333333;
	}
	
a.menus {
	color: #333333;
	text-decoration: none;
	}
	
a.menus:hover {
	color: #ccc;
	text-decoration: none;
	}


/*Reset Menu CSS*/

#menu-top{
	margin: 0 auto;
	margin-top: 60px;
	width: 550px;
	height: 60px;
	float: left;
	margin-left: 100px;
}

#menu-down{
	margin-top:-70px;
	float:left;
	width: 360px;
	height:43px;
}

.menu-down{
	margin: 0 auto;
	margin-top: 60px;
	width: 300px;
	height:12px;
	margin-left:50px;
	background-color: #ccc;
}

.statement {
	float: left;
	width: 152px;
	height: 49px;
	padding-left: 21px;
	}
	
.statement {
	width: 152px;
	height: 49px;
	text-decoration: none;
	}

.statement a {
	display: block;
	width: 152px;
	height: 49px;
	background: url(../images/portfolio.png) no-repeat;
	text-decoration: none;
	}

.statement a:hover {
	display: block;
	width: 152px;
	height: 49px;
	background: url(../images/portfolio-over.png) no-repeat;
	text-decoration: none;
	}

	
/* --------------------- */

.feedback {
	float: left;
	width: 152px;
	height: 49px;
	padding-left: 21px;
	}
	
.feedback {
	width: 152px;
	height: 49px;
	text-decoration: none;
	}

.feedback a {
	display: block;
	width: 152px;
	height: 49px;
	background: url(../images/feedback.png) no-repeat;
	text-decoration: none;
	}

.feedback a:hover {
	display: block;
	width: 152px;
	height: 49px;
	background: url(../images/feedback-over.png) no-repeat;
	text-decoration: none;
	}
	
	
	/* --------------------- */

.contact {
	float: left;
	width: 152px;
	height: 49px;
	padding-left: 21px;
	}
	
.contact {
	width: 152px;
	height: 49px;
	text-decoration: none;
	}

.contact a {
	display: block;
	width: 152px;
	height: 49px;
	background: url(../images/contacts.png) no-repeat;
	text-decoration: none;
	}

.contact a:hover {
	display: block;
	width: 152px;
	height: 49px;
	background: url(../images/contacts-over.png) no-repeat;
	text-decoration: none;
	}
	
		/* --------------------- */

.works {
	margin-left:21px;
	float:left;
	width: 157px;
	height: 43px;
	}
	

.works a {
	display: block;
	width: 157px;
	height: 43px;
	background: url(../images/state.png) no-repeat;
	text-decoration: none;
	}

.works a:hover {
	display: block;
	width: 157px;
	height: 43px;
	background: url(../images/state-over.png) no-repeat;
	text-decoration: none;
	}
	
			/* --------------------- */

.video-menu {
	margin-left:21px;
	margin-top: 30px;
	width: 334px;
	height: 43px;
	}
	
.video-menu {
	width: 334px;
	height: 43px;
	text-decoration: none;
	}

.video-menu a {
	display: block;
	width: 334px;
	height: 43px;
	background: url(../images/video.png) no-repeat;
	text-decoration: none;
	}

.video-menu a:hover {
	display: block;
	width: 334px;
	height: 43px;
	opacity:0.70;
	background: url(../images/video-over.png) no-repeat;
	text-decoration: none;
	}
	
				/* --------------------- */

.blog {
	margin-left:21px;
	float:right;
	width: 157px;
	height: 43px;
	}

.blog a {
	display: block;
	width: 157px;
	height: 43px;
	background: url(../images/blog.png) no-repeat;
	text-decoration: none;
	}

.blog a:hover {
	display: block;
	width: 157px;
	height: 43px;
	background: url(../images/blog-over.png) no-repeat;
	text-decoration: none;
	}
	
	
					/* --------------------- */

.faq {
	margin-left:21px;
	width: 334px;
	height: 43px;
	}
	
.faq {
	width: 334px;
	height: 43px;
	text-decoration: none;
	}

.faq a {
	display: block;
	width: 334px;
	height: 43px;
	background: url(../images/faq.png) no-repeat;
	text-decoration: none;
	}

.faq a:hover {
	display: block;
	width: 334px;
	height: 43px;
	opacity:0.70;
	background: url(../images/faq-over.png) no-repeat;
	text-decoration: none;
	}
	
	
						/* --------------------- */

.equip {
	margin-left:21px;
	width: 334px;
	height: 43px;
	}
	
.equip {
	width: 334px;
	height: 43px;
	text-decoration: none;
	}

.equip a {
	display: block;
	width: 334px;
	height: 43px;
	background: url(../images/equip.png) no-repeat;
	text-decoration: none;
	}

.equip a:hover {
	display: block;
	width: 334px;
	height: 43px;
	opacity:0.70;
	background: url(../images/equip-over.png) no-repeat;
	text-decoration: none;
	}
	
			/* BANDIERE */
	
#bandiere {
	margin-right: 30px;
	margin-top: 21px;
	float: right;
	height: 22px;
	}
	
.bandiere {
	padding: 2px;
	height: 22px;
	width: 40px;
	list-style: none;
	}
	
	
.ita {
	float: left;
	padding-left: 2px;
	width: 18px;
	height: 14px;
	}

.ita a {
	display: block;
	width: 18px;
	height: 14px;
	background: url(../images/ita.gif) no-repeat;
	font-family: "Arial";
	color: #c73030;
	font-size: 18px;
	}

.ita a:hover {
	display: block;
	width: 18px;
	height: 14px;
	background: url(../images/ita_over.gif) no-repeat;
	}
	
.eng {
	float: left;
	padding-left: 2px;
	width: 18px;
	height: 14px;
	}

.eng a {
	display: block;
	width: 18px;
	height: 14px;
	background: url(../images/eng.gif) no-repeat;
	font-family: "Arial";
	color: #c73030;
	font-size: 18px;
	}

.eng a:hover {
	display: block;
	width: 18px;
	height: 14px;
	background: url(../images/eng_over.gif) no-repeat;
	}