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

html {
height: 100%;
/*	overflow: -moz-scrollbars-vertical; /* visualizza sempre la scrollbar laterale per firefox */
	overflow-y:scroll;
	overflow-x:auto;
	overflow:moz-scrollbars-vertical;
}

body {
	height: 100%;
	background-color: #fff;
	margin: 0px;
	font-family: Helvetica, 'Lucida Grande', Arial, sans-serif;
	font-size: 11px;
	
	text-decoration: none;
}

a:link, a:visited {
text-decoration: none;
color:#999;
}

a:hover {
text-decoration: none;
color: #adab1d;
}



#container {
	position:relative;
	width:100%;
	min-height:100%;
	margin: 0;
	padding: 0;
	background: url(../Scripts/rotate.php) no-repeat;
}

#container {
	position:relative;
	width:100%;
	min-height:100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}


#left {
	position:fixed;	
	background: url(../img/bg-left.png) top left repeat-y;
	height:100%;
	width: 250px;
	top: 0;
	margin: 0;
	z-index: 20;
}

#logo {
position:absolute;
top: 20px;
margin-left: 20px;
}

#navbar{
	position:absolute;
	float: left;
	width: 200px;
	heigth: auto;
	bottom: 165px;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
}

#navbar li{
	list-style: none;
	margin: 0;
	width: 90%;
	padding-left: 29px;
}

.navbar{
	list-style: none;
	margin: 0;
	width: 90%;
	padding: 0;
	color: #999999;
}


.navbar a{
color: #999;
text-decoration: none;
}

.navbar a:visited{
color: #999;
text-decoration: none;
}

.navbar a:hover{
color: #adab1d;
text-decoration: none;
}



#second-navbar{
	position:absolute;
	float: left;
	width: 400px;
	heigth: auto;
	top: 60px;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: -0.05em;
}

#second-navbar a:link, a:visited{
	color: #333;
	text-decoration: none;
}

#second-navbar a:hover{
	color: #adab1d;
}

#second-navbar ul{
	list-style: none;
	margin: 0;
	width: 90%;
	padding: 0;	
}

#second-navbar li{
	list-style: none;
	margin-right: 0px;
	width: 90%;
	display: inline;
}




#footer {
position:absolute;
width:auto;
height: auto;
bottom: 25px;
margin-left: 28px;
padding:0;
font-family: Helvetica, Arial;
color: #999;
}

#right {
position:relative;
float: left;
height:250px;
width: 60%;
top: 0;
left: 270px;
margin: 0;
}

#studio {
position: relative;
top: 100px;
width: 90%;
line-height: 15px;
}

.green{
color: #adab1d;
}

.grey{
	color: #999999;
}

.grey a:hover{
	color: #adab1d;
}

.clients{
color: #666666;
line-height: 15px;
}


.partners{
color: #666666;
line-height: 15px;
}

.eng{
font-style:italic;
color:#999999;
}

.txt-studio{
	margin-top: 20px;
	padding-bottom: 20px;
}



#content {
position:relative;
width:100%;
height: auto;
top: 85px;
margin: 0;
clear: left;
}






#txt{
position:relative;
float: left;
margin-left: 20%;
width: 50%;
}

.bb{
color: #000;
font-weight: bold;
}

.title{
	position:relative;
	float: left;
	width: 100%;
	color: #333;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	}

.team{
	width: 100%;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}


.subtxt{
position:relative;
float: left;
margin-left: 15%;
width: 65%;
margin-bottom: 10px;
}

.clear{
	clear: left;
	height: 0;
	overflow: hidden;
}



#txt-collection{
position:relative;
float: left;
width: 50%;
}


.box{
	position: relative;
	float: left;
	height: 270px;
	width: 750px;
	margin-bottom: 20px;
	margin-left:-10px;
	margin-top:0px;
	overflow: hidden;
	
}

.box-txt{
	position: relative;
	float:left;
	width: 180px;
	font-family: Helvetica, Arial;
	color: #666666;
	text-align:left;
	padding: 0px 10px 20px 10px;
	letter-spacing: -0.02em;

	height: 230px;
}


.box-p{
	margin: 0;
	padding: 0;
	line-height: 14px;
}



#form {
position:absolute;
float: left;
width: 330px;
top: 110px;
left: 500px;
margin: 0;
z-index: 20;
}