/* the creative way - style.css

Stylesheets V1 - may 2010

per favore non rubare questo lavoro.
please don't steal this work.

*/

body {
    background:#2e2e2e;
    color:#FFFFFF;
    font:14px/120% "Helvetica Neue", Helvetica, Arial, Trebuchet MS, Tahoma, sans-serif;
    margin:0;
    padding:0;
    text-align:left;
}

h1 {
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:24px;
    line-height:120%;
    overflow:hidden;
    text-indent:-9999px;
}
h2 {
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    line-height:160%;
    overflow:hidden;
    text-indent:-9999px;
}
h3 {
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    color:#7d7e7d;
    font-size:18px;
    font-weight:bold;
    line-height:140%;
    overflow:hidden;
    text-indent:-9999px;
}
h3.nome_refer {
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    color:#757776;
    font-size:14px;
    font-weight:bold;
    text-indent:0;
    color:#a01b1f;
    margin:5px 0px;
}
h4 {
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:140%;
    overflow:hidden;
    text-indent:-9999px;
}
h5 {
    color:#fff;
    font-size:12px;
    font-weight:bold;
    line-height:140%;
}
h6 {
    color:#757776;
    font-weight:normal;
    font-size:12px;
}

a, a:visited { 
    text-decoration:none;
    color:#25500d;
    font-weight:bold;
}

a:hover {
    text-decoration:underline;
}

a:active {}

p {
    color:#3b3b3b;
    font-weight:normal;
}

/*layout*/
div#all_wrap {
}

div#footer_wrap {
    width:100%;
    background: #2e2e2e url(../img/back_general_footer.gif) top left repeat-x;
    height:253px; /*IE6 fix*/
    min-height:253px;
    float:left;
    display:inline;
}
div#header {
    width:100%;
    margin:0;
    padding:0;
    float:left;
    display:inline;
    height:252px;
    background-color:#000;
    border-bottom:1px solid #deded5;
}
div#content_wrap {
    width:100%;
    float:left;
    display:inline;
    clear:both;
    margin:0;
    padding:0;
    height:343px; /*IE6 fix*/
    min-height:343px;
    background: #dedfd5 url(../img/gradient_content.gif) top left repeat-x;
}
div#content_wrap_int {
    width:100%;
    float:left;
    display:inline;
    clear:both;
    margin:0;
    padding-bottom:20px;
    background: #dedfd5 url(../img/gradient_content.gif) top left repeat-x;
}
div#slide_white {
    width:100%;
    height:46px;
    background: #fff url(../img/slide_white.jpg) top left repeat-x;
    float:left;
    display:inline;
    margin:0;
    padding:0;
}
div.content_clear {
    width:944px;
    padding:0px 3px;
    margin:0px auto;
}
#back_header {
    height:252px;
    background-image: url(../img/flower_big.jpg);
}
#back_footer {
    height:240px;
    background: transparent url(../img/flower_bottom.jpg) top left no-repeat;
}
#header_sup {
    float:left;
    display:inline;
    margin:0;
    padding:0;
    width:100%;
}
#header_inf {
    float:left;
    display:inline;
    margin:0;
    padding:0;
    width:100%;
    height:105px;
}
#box_footer_sx {
    width:226px;
    float:left;
    display:inline;
    padding-top:58px;
}

#box_footer_sx h4.logo_footer {
    background: transparent url(../img/tcw_loghetto_footer.png) top left no-repeat;
    width:64px;
    height:51px;
    margin-top:12px;
    margin-right:10px;
    float:left;
    display:inline;
}
div#dati_legali {
    width:145px;
    border-right:1px solid #444;
    float:left;
    display:inline;
}
#dati_legali p {
    font-size:11px;
    color:#888;
    line-height:130%;
}
#footer_twitter {
    float:left;
    display:inline;
    width:400px;
    margin:26px 0px 0px 10px;
    padding-right:15px;
}
#box_footer_dx {
    width:280px;
    margin:0;
    float:left;
    display:inline;
    padding-top:26px;
}
/*-----Navigation----*/
ul#nav {
    /*width:356px;causa sballinamenti con IE8*/
    list-style-type:none;
    padding:0;
    margin-top:-1px;
    display:block;
    float:right;
}
ul#nav li {
    float: left; height: 115px; margin: 0px; padding: 0; text-indent: -1000em;
}

ul#nav li a {
    height: 100%;
    width: 100%;
    float:left;
    display:inline;
    text-align:center;
    margin:0;
}

ul#nav li.about {width:85px;}
ul#nav li.servizi {width:85px;}
ul#nav li.lavori {width:85px;}
ul#nav li.contatti {width:101px;}

ul#nav li.about a, 
ul#nav li.servizi a,
ul#nav li.lavori a, 
ul#nav li.contatti a
{
    background: transparent url(../img/menu_sprite_3stats.png) top left no-repeat;
}


ul#nav li.about a { background-position: 0px 0px; }
ul#nav li.servizi a { background-position: -85px 0px; }
ul#nav li.lavori a { background-position: -170px 0px; }
ul#nav li.contatti a { background-position: -255px 0px; }
/*stati di hover sulle voci*/
ul#nav li.about a:hover { background-position: 0px -230px; }
ul#nav li.servizi a:hover { background-position: -85px -230px; }
ul#nav li.lavori a:hover { background-position: -170px -230px; }
ul#nav li.contatti a:hover { background-position: -255px -230px; }
/*stati selezionati delle voci*/
ul#nav li.about a.selected { background-position: 0px -116px; }
ul#nav li.servizi a.selected { background-position: -85px -116px; }
ul#nav li.lavori a.selected { background-position: -170px -116px; }
ul#nav li.contatti a.selected { background-position: -255px -116px; }

/*Footer*/
#footer_twitter h3 {
    height:22px;
    padding:0px 0 0 25px;
    background:url("../img/icons/twitter21.gif") no-repeat scroll left center transparent;
    color:#FFFFFF;
    font-size:13px;
    font-weight:normal;
    margin-bottom:10px;
    text-indent:0;
}
#footer_twitter p a,
#footer_twitter p a:visited {
    color:#c9db34;
    text-decoration:none;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
#footer_twitter p a:hover {
    text-decoration:underline;
}
#tweet {
    padding-right:10px;
    border-right:1px solid #444;
}

#tweet ul li {
    display:block;
    font-size:12px;
    font-weight:normal;
    line-height:110%;
}
#tweet ul li img {
    width:16px;
    height:16px;
    margin-right:3px;
}
#tweet ul li a,
#tweet ul li a:visited {
    color:#c9db34;
    text-decoration:none;
}  
#tweet ul li a:hover {
    text-decoration:underline;
}
span.twitterPrefix {
    display:block;
    margin-bottom:3px;
}
span.twitterStatus {
    margin:0px;
    display:block;
    color:#888;
    font-size:12px;
    line-height:140%;
} 
span.twitterTime {
    float:left;
    display:block;
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    display:block;
    width:100%;
    margin:5px 0px 17px 0px;
}

#box_footer_dx ul#social {
    width:240px;
    height:23px;
    margin-left:5px;
    padding:0;
}
#box_footer_dx ul#social li {

    width:80px;
    height:23px;
    float:left;
    display:inline;
    margin: 0px; 
    padding: 0; 
    text-indent: -1000em;
}
#box_footer_dx ul#social li a {
    width:80px;
    height:23px;
    display:block;
    margin:0;
    padding:0;
    background: transparent url(../img/btn-social.gif) top left no-repeat;
}

#box_footer_dx ul#social li.twitter a { background-position: 0px 0px; }
#box_footer_dx ul#social li.facebook a { background-position: 0px -24px; }
#box_footer_dx ul#social li.linkedin a { background-position: 0px -48px; }
/*stati di hover sulle voci*/
#box_footer_dx ul#social li.twitter a:hover { background-position: -80px 0px; }
#box_footer_dx ul#social li.facebook a:hover { background-position: -80px -24px; }
#box_footer_dx ul#social li.linkedin a:hover { background-position: -80px -48px; }

#footer-contact {
    margin:23px 0px 0px 16px;
    color:#888;
}
#footer-contact h3 {
    font-size:13px;
    font-weight:bold;
    text-indent:0;
    color:#fff;
}
#footer-contact ul {
    margin:10px 0 20px;
    padding:0;
}
#footer-contact ul li {
    margin-bottom:7px;
    background:none repeat scroll 0 0 transparent;
    font-size:11.5px;
    margin-bottom:5px;
    padding:0;
    vertical-align:middle;
    color:#CDCDCD;
}
#footer-contact ul li img {
    margin-right:5px;
}
#footer-contact ul li a {
    color:#CDCDCD;
}
#strip {
    width:100%;
    float:left;
    display:inline;
    text-align:center;
    margin-bottom:15px;
}
#strip p {
    font-size:11px;
    color:#888;
}
#strip p a,
#strip p a:visited
 {
    color:#999;
    font-weight:bold;
    text-decoration:none;
}
#strip p a:hover
 {
    text-decoration:underline;
}
/*Styles*/
.logo {
    background:url("../img/logo.png") no-repeat scroll left top transparent;
    display:block;
    height:139px;
    width:196px;
    float:left;
    display:inline;
    margin-top:12px;
}
.logo a {
    display:block;
    height:139px;
    width:196px; 
}

/*Elevator Pitch*/
.banner {
    display:block;
    height:105px;
    width:944px;
    float:left;
    display:inline;
    margin:0;
}
.home {
    background:url("../img/elevator_home.png") no-repeat scroll left top transparent;
    display:block;
    height:105px;
    width:944px;
}
.aboutus {
    background:url("../img/elevator_about.png") no-repeat scroll left top transparent;
    display:block;
    height:105px;
    width:944px;
}
.services {
    background:url("../img/elevator_servizi.png") no-repeat scroll left top transparent;
    display:block;
    height:105px;
    width:944px;
}
.works {
    background:url("../img/elevator_lavori.png") no-repeat scroll left top transparent;
    display:block;
    height:105px;
    width:944px;
}
.contattaci {
    background:url("../img/elevator_contatti.png") no-repeat scroll left top transparent;
    display:block;
    height:105px;
    width:944px;
}
/*---- Elevator Pitch*/
.blocchetto_home {
    width:265px;
    float:left;
    display:inline;
    margin:20px 0px;
    padding:0;
}
#col_dx {
	background: url("../img/back_col_dx.png") repeat-y scroll left top transparent;
	width:268px;
    height:354px;
    float:right;
    display:inline;
    margin:0px;
    padding-top:50px;
}
/*.blocchetto_home_dx {
    background: url("../img/back_refer_home.png") repeat-y scroll left top transparent;
    width:268px;
    height:190px;
    float:left;
    display:inline;
    margin:30px 0px 0px -16px;
    padding:0;
}*/
.blocchetto_home_dx {
    /*background: url("../img/back_refer_home.png") repeat-y scroll left top transparent;*/
    width:268px;
    height:190px;
    /*float:right;
    display:inline;
    margin:30px 0px 0px 0px;
    padding:0;*/
}
#spacer_vert {
    width:8px;
    height:314px;
    background:url("../img/spacer.png") no-repeat scroll left top transparent;
    float:left;
    display:inline;
    margin-top:20px;  
}
#ref_home {
    width:660px;
    height:352px;
    float:left;
    display:inline;
    background:url("../img/back_referenza_home.png") no-repeat scroll left top transparent;
    margin:0;
    padding:0;
}

h3.about_home,
h3.what_home,
h3.recent_home
{
    display:block;
    height:18px;
    width:234px;
    float:left;
    display:inline;
    margin:0;
}
.presenta_home {
    height:257px;
    margin:0;
    padding:0;
    width:100%;
}
.presenta_home_dx {
    margin:0;
    padding:5px 0px 0px 15px;
    width:100%;
}
h3.about_home {
    background:url("../img/about_home.png") no-repeat scroll left top transparent;
}
h3.what_home {
    background:url("../img/what_home.png") no-repeat scroll left top transparent;
}
h3.recent_home {
    background:url("../img/recent_home.png") no-repeat scroll left top transparent;
}
p.descr_home,
p.reference
{
    font-size:14px;
    color:#3f3f3f;
    line-height:120%;
    margin:12px 0px 12px 6px;
    float:left;
    display:inline;
    width:85%;
}
span.evide {
    font-weight:bold;
}
img#logo_referenza {
    margin-top:12px;
    width:236px;
    height:61px;
}
#imac_home {
    /*width:398px;*/
    height:324px;
    margin:22px 0px 0px 0px;
    padding:0;
    float:left;
    display:inline;
}

/* Pagine interne */
h3.interne {
    width:466px;
    height:34px;
    margin:20px 0px 10px 0px;
}
h3#about_uno {
    background:url("../img/about_title1.png") no-repeat scroll left top transparent;
}
h3#about_due {
    background:url("../img/about_title2.png") no-repeat scroll left top transparent;
}
h3#servizi_uno {
    background:url("../img/servizi_title1.png") no-repeat scroll left top transparent;
}
h3#servizi_due {
    background:url("../img/servizi_title2.png") no-repeat scroll left top transparent;
}
h3#servizi_tre {
    background:url("../img/servizi_title3.png") no-repeat scroll left top transparent;
}
h3#lavori {
    background:url("../img/lavori_title1.png") no-repeat scroll left top transparent;
}
h3#casestudies {
    background:url("../img/case_studies_title.png") no-repeat scroll left top transparent;padding:0;margin-bottom:20px;
}
h3#contatti {
    background:url("../img/contatti_title.png") no-repeat scroll left top transparent;
}
.services_fascia {
    width:100%;
    float:left;
    display:inline;
    margin:0;
    padding:0;
}

#about_general {
    width:460px;
    height:375px;
    float:left;
    display:inline;
    margin:0;
    padding:0;
}
.services_general {
    width:460px;
    float:left;
    display:inline;
    margin:0;
    padding:0;
}
#profile,
.skills
{
    width:444px;
    height:375px;
    float:left;
    display:inline;
    margin-left:32px;
    padding:0;
}
.skills {
    height:auto;
}
.skills h3 {
    margin-top:10px;
    color:#3b3b3b;
    font-weight:bold;
    font-size:18px;
    text-indent:0;
}
.skills ul {
    color:#3b3b3b;
}
.skills ul li{
    font-size:12px;
    color:#3b3b3b;
}
p.big {
    font-size:18px;
    font-weight:normal;
    color:#3b3b3b;
    line-height:140%;
}
p.medium {
    font-size:14px;
    font-weight:normal;
    color:#3b3b3b;
    line-height:140%;
    margin-top:10px;
}
p.small {
    font-size:12px;
    font-weight:normal;
    color:#3b3b3b;
    line-height:140%;
    margin-top:10px;
}
h4.name {
    text-indent:0;
    color:#a01b1f;
    font-size:18px;
    font-weight:bold;
    margin-top:4px;
}

h4.apri {
    float:right;
    width:232px;
    height:30px;
    display:block;
    background:url("../img/slide/open_archivio.png") no-repeat scroll right top transparent;
}
h4.chiudi {
    float:right;
    width:232px;
    height:30px;
    display:block;
    background:url("../img/slide/chiudi_archivio.png") no-repeat scroll right top transparent;
}
div.fourth {
    float:left;
    margin:0 19px 0 0;
    position:relative;
    width:217px;
}
small {
    color:#a01b1f;
    display:block;
    font-size:12px;
    margin:0 0 9px;
}
div.fourth p {
    color:#3b3b3b;
    font-size:12px;
}
#lavoro {
    position:relative;
    margin:0px 0px 30px;
    height:100%;
    padding:0;
    z-index:1;
}
.referenza {
    width:219px;
    margin:0px 17px 0px 0px;
    float:left;
    background:none;
}
.sotto {
    margin:20px 17px 20px 0px;
}
.referenza p {
    font-size:12px;
    line-height:18px;
    color:#3b3b3b;
}
#panel h5 {
    width:149px;
    height:27px;
    margin-bottom:5px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
    text-indent:-9999px;
    color:#3b3b3b;
    background:url("../img/lavorirealizzati.png") no-repeat scroll right top transparent;
}
ul.clienti_list {
    color:#fff;
    float:left;
    display:inline;
    width:240px;
    margin-right:30px;
    margin-left:5px;
    padding-left:10px;
    text-align:left;
    list-style-type:square;
}
ul.clienti_list li {
    color:#3b3b3b;
    line-height:150%; 
    margin-bottom:5px;
}
ul.clienti_list li a,
ul.clienti_list li a:visited {
    font-weight:bold;
    color:#8E4B14;
    text-decoration:none;
}
ul.clienti_list li a:hover {
    text-decoration:underline;
}

/*Contatti*/
#wrapper_form {
    width:716px;
    margin:20px 0px 30px 0px;
    border-right:1px solid #b3b8aa;
    float:left;
    display:inline;
}
#wrapper_form p{
    width:80%;
}
#formcontatto {
    margin-top:20px;
}
#formcontatto legend {
    color:#888;
    font-size:16px;
    font-weight:bold;
    margin:10px 0px;
}
#formcontatto label span {
    display:inline;
    width:148px;
    height:32px;
    padding-top:10px;
    float:left;
    color:#3b3b3b;
    font-size:14px;
    font-weight:bold;
}
#formcontatto input {
    background-color:white;
    width:332px;
    padding:10px;
    border:none;
    margin-bottom:10px;
}
#formcontatto textarea {
    background-color:white;
    width:500px;
    height:154px;
    padding:10px;
    border:none;
    margin-bottom:10px;
}
#formcontatto input.submit {
    float:right;
    margin:10px 50px 0px 0px;
    background:url("../img/alert-overlay.png") repeat-x scroll 0 0 #222222;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:5px 10px 6px;
    position:relative;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    font-family:"Helvetica Neue", Helvetica, Arial, Trebuchet MS, Tahoma, sans-serif;
    line-height:1;
    background-color:#A9014B;
    width:250px;
}
#formcontatto input.submit:hover {
    background-color:#630030;
}
#spalladx_contatti {
    float:left;
    display:inline;
    margin-left:20px;
}
#spalladx_contatti h5 {
    color:#91234A;
    font-size:14px;
    font-weight:bold;
}
#spalladx_contatti p {
    font-size:12px;
    font-weight:normal;
}
span.focusfooter {
    font-weight:bold;
}

/*-----CASE STUDIES------*/
h4.title {
    text-indent:0;
    color:#A01B1F;
    font-size:22px;
    font-weight:bold;
    line-height:100%;
}
p.explain_case {
	font-size:12px;
	line-height:140%;
	margin-top:10px;
}
h5.servizi_case {
	font-size:14px;
	font-weight:bold;
	color:#3b3b3b;
	margin-top:10px;
}
ul.servizi_lista {
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	color:#3b3b3b;
}
ul.servizi_lista li {
background: url(../img/icons/postq.png) no-repeat scroll 0 5px transparent;
color:#2E3B40;
font-weight:bold;
padding:0 0 0 17px;
}
.float {display:inline; float:left; position:relative;}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 							{display:inline; float:left; position:relative;}
.grid_1				{width:45px;}
.grid_2 				{width:130px;}
.grid_3 				{width:215px;}
.grid_4 				{width:270px;margin-right:30px;}
.grid_5 				{width:385px;}
.grid_6 				{width:470px;}
.grid_7 				{width:555px;}
.grid_8 				{width:640px;}
.grid_9 				{width:725px;}
.grid_10 				{width:810px;}
.grid_11 				{width:895px;}
.grid_12 				{width:980px;}


a.meta {
    font-weight:normal;
    color:#666;
    font-size:11px; 
    line-height:16px; 
    text-transform:none;
    }


/* Lo scroller */

.roundabout-holder {
	list-style:none; 
	width:500px; 
	height:300px; 
	margin:0px auto;
	}
.roundabout-moveable-item {
	font-size:12px!important; 
	height:300px; 
	width:600px; 
	cursor:pointer;
	padding:5px; 
	border:1px solid #aaaaaa;
	background:#3b3b3b;
	}
.roundabout-moveable-item img {
	height:100%; 
	width:100%; 
	background-color:#FFFFFF; 
	margin:0;
	}
.roundabout-in-focus {
	cursor:auto;
	}
.roundabout-in-focus:hover {
	background:#666;
	}
.roundabout-holder span {
	display:none; 
	font-size:12px;
	}
.roundabout-in-focus:hover span	{
	display:inline; 
	position:absolute; 
	bottom:0px; 
	right:0px; 
	padding:8px 20px; 
	background:#666; 
	color:#fff; 
	z-index:999; 
	font-size : 12px;
	border-left:1px solid #666; 
	border-top:1px solid #666; 
	}
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {
	outline:none; 
	text-decoration:none;
	}
.roundabout li {
	margin:0
	}
a img {
	border:none; 
	outline:0;
	}

/* Featured Image Slider */

#featured {
	margin:10px 0 40px 0;
	}

/* Portfolio Image Slider */

#folio_scroller_container {
	margin-top:35px; 
	margin-bottom:40px; 
	height:auto;
	}
#folio_scroller_container .roundabout-holder {
	list-style:none; 
	height:400px; 
	margin:0px auto 20px auto;
	}
div#cssawards {
	background:url(../img/honormention_white.png) top left no-repeat;
	width:115px;
	height:115px;
	position:absolute;
	right:0;
	top:0;
}
div#cssawards a {
	width:115px;
	height:115px;
	display:block;
}
div#cssawards h5
 {
	background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:140%;
    overflow:hidden;
    text-indent:-9999px;
}