/* CSS Document */

/* 	********************************************************************************************** 

	*		LAYOUT GENERALE *
	*		Created:	 23/07/2008	 *
	*		Last update: *
	*		Nome gruppo di proprieta': TamtamWeb	 	     *
	*		Cliente: TamtamWeb	 	     *
    *		Author: Katty Garcia & Emanuela Castorina		 *

   	********************************************************************************************** */

/* 	IMPOSTAZIONI GENERALI  */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/bg.jpg) repeat-x 0 500px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 70%;
	color: #fff;
	margin: 0px;
	padding: 0px;
}



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

.left {
	float: left;
}

.right {
	float: left;
}

/* DIV PRINCIPALI */

#wrap {
	width: 100%;
	height: 450px;
	background: url(../img/bgWrap.jpg) repeat-x left top;
	padding: 0;
	margin: 0;
}

#container {
	margin: 0 auto;
	width: 900px;
	height: 455px;
	background: url(../img/bgContainer.jpg) no-repeat center top;
}
#main{
	margin-top: -50px;

}
#contentNav {
	width: 100%;
	height: 50px;
	background: url(../img/bgContentNav.jpg) repeat-x;
}

.nav {
	width: 673px;
	height: 50px;
	padding-left: 228px;
	background: url(../img/bgNav.jpg) no-repeat left top;
	margin: 0 auto;
}
/*
.nav a {
	width: 110px;
	height: 50px;
	display: block;
}
*/
/* --- navigation --- */

#btnHome {
	width: 110px;
	height: 50px;
	background-image: url(../img/navHome.jpg);
	float: left;
}

div.btn1 {
	width: 110px;
	height: 50px;
	background-image: url(../img/navHomeHover.jpg);
	float: left;
}

#btnChisiamo {
	width: 110px;
	height: 50px;
	background-image: url(../img/navChi.jpg);
	float: left;
}

div.btn2 {
	width: 110px;
	height: 50px;
	background-image: url(../img/navChiHover.jpg);
	float: left;
}

#btnPortfolio {
	width: 110px;
	height: 50px;
	background-image: url(../img/navPort.jpg);
	float: left;
}

div.btn3 {
	width: 110px;
	height: 50px;
	background-image: url(../img/navPortHover.jpg);
	float: left;
}

#btnContatti {
	width: 110px;
	height: 50px;
	background-image: url(../img/navCont.jpg);
	float: left;
}

div.btn4 {
	width: 110px;
	height: 50px;
	background-image: url(../img/navContHover.jpg);
	float: left;
}
/* --  HOME -- */
#homeleft{
	width: 420px;
	float: left;
}
#homeright{
	width: 200px;
	float: left;
}
#homeright p{
	width: 180px;
}
.photo{
	height:250px;
	margin-left:24px;
	margin-top:24px;
	overflow:hidden;
	position:relative;
}
.photo img{
	border: none;
}
.photo span{
	position: absolute;
	background-image: url(../img/spanIMG.png);
	width: 410px;
	height: 250px;
	}
/* -- INFO PANEL --*/
#panel{
	height: 50px;
	width: 350px;
	margin: 0 auto;
	/*display: block;*/
	z-index: 1;
	float: right;
}
#panel ul{
	list-style: none;
	height: 50px;
	width: 250px;
	margin-right: 100px;
}
#panel ul li{
	width: 57px;
	height: 40px;
	float: left;
	background: url(../img/bgNav2.png) 0 bottom;
}
#panel ul li:hover{

/*	background: url(../img/bgNav2.png) 0 -120px;*/
/*	background: url(../img/bgNav2.png) 0 -130px;*/
}
#panel ul li a{
	width: 40px;
	height: 50px;
	display: block;
	color: #d1d1d1;
	padding: 14px;
}
/* -- INFO STYLES --*/

div.mask {
	width: 100px;
	height: 455px;
	z-index: 100;
	position: absolute;
	margin-left: -450px;
	top: 0;
	left: 50%;
	background: url(../img/bgMask.png) no-repeat left top;

}

#contentInfo {
	width: 900px;
	height: 400px;
	background-color: #140564;
	padding: 0;
	margin: 0;
	position: relative;
}

.slide h3{
	font: 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 35px;
	margin-left: 30px;
}
.slide h4{
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 25px;
	margin-left: 30px;
}
.slide p,#rightslide p{
	font: 11px Arial;
	color: #333333;
	margin-top: 25px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
}
#homeright ul, #slide-1-2 ul{
	font: 11px Arial;
	list-style-image: url(../img/bullet.png);
	margin-top: 25px;
	margin-left: 45px;
	color: #333;
}
#rightslide{
	width: 300px;
	float: left;
}
#rightslide p{
	margin-top: 15px;
}
#leftslide{
	width: 300px;
	float: left;
	margin-left: 30px;
	background: url(../img/divider.png) repeat-y;
	margin-top: 10px;
}
small{
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}
/****** FORM *********/
form {
	border: none;
	margin-top: -30px;
	width: 250px;
	margin-left: 15px;
}

fieldset {
		padding-top: 20px;
		border: none;
	
}

label {
	width: 130px;
	float: left;
	display: block;
	margin: 0px;
	font: 11px Arial;
	padding-left: 5px;
	color: #333333;
	}

input  {
	float: left;
	position: relative;
	border: 1px solid #ddd;
}

.textfield {
	width: 280px;
	background: url(../img/bginput.png) no-repeat -2px bottom;
	font-size: 11px;
	color: #333333;
	float: left;
	border: 0px;
	padding: 4px;
	height: 20px;
	margin: 0px;
	}

.textfield:focus, .textfield:hover, .hinput {
	background: url(../img/bginput.png) no-repeat -2px -5px;
}

.textarea {
	width: 230px;
	background: url(../img/bgtextarea.png) no-repeat -1px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333333;
	/*float:left;*/
border: 0px;
	padding: 4px;
	height: 90px;
	margin: 0px;
	white-space:nowrap;
	}

.textarea:focus, .textarea:hover {
	background: url(../img/bgtextarea.png) no-repeat right;
	}

.button {
	float: left;
	width: 80px;
	text-align: center;
	background: url(../img/button.png) no-repeat -2px center;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 22px;
	float: left;
	color: #FFffff;
	margin-top: 8px;
	font-size: 11px;
	cursor: pointer;
	margin-left: 5px;
}

.button:hover, .button:focus {
	background: url(../img/button.png) no-repeat right center;
	color: #fff;
}
/**** FOOTER ********/
#footer{
	width: 250px;
	color: #666;
	margin: 0 auto;
	margin-top: 80px;
	text-align: center;
}
#footer img {
	border: none;
}