/*
 * Made by Fabio Paoleri
 * Febbraio 2009
 * Stili Generali
*/
/* --------------------------- Html e Body ---------------------------------- */
body, html {height: 100%;}
body {
	margin: 0;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* ----------------------------- Globali ------------------------------------- */
#home, #portfolio, #contatti {
   min-height: 700px;
	height: 100%;
	min-width: 950px;
	position: relative;
}
.top {
   overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
}
.logo {
   background: transparent url(../images/home_logo.png) no-repeat;
	width: 231px;
	height: 99px;
	position: relative;
	top: 35px;
	left: 33px;
	text-indent: -5000px;
}
.tagline {
   display: block;
   height: 77px;
	position: relative;
	top: -18px;
	text-indent: -5000px;
}
.content {
   overflow: hidden;
	padding: 0 0 0 36px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 20;
}
.content .h1, .content .h2 {display: block;}
.content p.left, .content p.right {
   float: left;
	width: 205px;
	margin: -23px 20px 0 3px;
	color: White;
	font-size: 1.1em;
}
.right {float: left;}
.bottom {
   position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 15;
}
/* ----------------------------- Home -------------------------------------- */
#home {
	color: #464646;
	background-color: #D4DCF7;
	background-image: url(../images/home_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
}
#home a {
   color: #464646;
	background-color: inherit;
}
#home a#req{
    color: Yellow;
	text-decoration: none;
}
#home a#req:hover {
    color: White;
	background-color: Red;
}
#home .top {
   height: 100%;
	background-image: url('../images/home_top_road.png');
	background-position: top left;
}
#home .content {margin-top: -170px;}
#home .content .tagline {
	background: transparent url(../images/home_content_h1.png) no-repeat;
	width: 361px;
	height: 77px;
	left: 0;
}
h3.subtagline {
	background: transparent url(../images/home_content_h2.png) no-repeat;
	width: 374px;
	height: 49px;
	position: relative;
	top: -23px;
	left: 0;
	text-indent: -5000px;
}
#home .bottom {
   height: 450px;
	background-image: url('../images/home_bottom_road.png');
	background-position: top left;
}
#home .bottom em {
   color: #c2b59b;
	background-color: inherit;
}
/* ----------------------------- Portfolio -------------------------------------- */
#portfolio {
   color: #bfd8e7;
	background-color: #3d8db0;
	background-image: url('../images/portfolio_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
}
#portfolio a {
   color: #60bce5;
	background-color: inherit;
	text-decoration: none;
}
#portfolio .top {
   height: 100%;
	background-image: url('../images/portfolio_top_planets.png');
	background-position: top left;
}
#portfolio .bottom {
   height: 417px;
	background-image: url('../images/portfolio_bottom_moon.png');
	background-position: bottom left;
}
#portfolio .content {
   margin-top: -170px;
	overflow: visible;
	padding: 0;
	width: 100%;
}
#portfolio .content .tagline {
	background: transparent url(../images/portfolio_content_h1.png) no-repeat;
	width: 361px;
	left: 38px;
}
h3#rocket {
	width: 181px;
	height: 388px;
	position: relative;
	left: 778px;
	top: -80px;
}
#portfolio .content .portfolio,	#content-slider {
   margin: -32px 75px 0 219px;
	position: relative;
	overflow: hidden;
}
#content-slider {
   top: -48px;
	height: 15px;
	background-image: url('../images/slider_bg.png');
	background-repeat: repeat-x;
	background-position: 0 7px;
	overflow: visible;
}
/* ----------------------------- Contatti -------------------------------------- */
#contatti {
	color: #ffffff;
	background-color: #3d8db0;
	background-image: url(../images/about_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
}
#contatti a {
   color: #c07026;
	background-color: inherit;
}
#contatti em {
   color: #c49a6d;
	background-color: inherit;
}
#contatti .top {
   height: 258px;
	background-image: url('../images/about_top_sea.png');
	background-position: top left;
}
#contatti .content {
   	overflow: hidden;
	padding: 0 0 0 36px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
#contatti .content {margin-top: 170px;}
#contatti .content .tagline {
	background: transparent url(../images/about_content_h1.png) no-repeat;
	width: 413px;
	height: 77px;
	left: 0;
}
#contatti .content .right ul {
   list-style: none;
	margin: 0;
	padding: 0;
}
#contatti .content .right ul li {
   margin: 0 0 8px 0; 
	padding: 0 0 0 8px;
}
#contatti .bottom {
   height: 401px;
	background-image: url('../images/about_bottom_sea.png');
	background-position: bottom left;
}
/* ----------------------------- Footer -------------------------------------- */ 
#footer_cont {
	position: absolute;
	top: 253px;
	left: 2px;
	width: 362px;
	height: 148px;
	background: transparent url(../images/footer_bg.png) no-repeat;
}
.footer_content p.copy a {
	float: left;
	display: block;
	position: relative;
	top: 77px;
	margin-left: 158px;
	background: transparent url(../images/copy.png) no-repeat;
	width: 299px;
	height: 58px;
	text-indent: -9999px;
}
/* ----------------------------- Utilities -------------------------------------- */
a img {border: none;}
.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}