/* RESET
-----------------------------------------------------------------------------------------------
===============================================================================================*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }
    ol, ul {
		list-style: none;
	}


/* GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/
    body {
        font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        text-align: center;
        line-height: 16px;
        color: #333;
    }
    .clear {
        clear: both;
    }
    a, a:active, a:visited {
        color: #13484B;
        text-decoration: none;
        outline: none;
    }
    a:hover{
        text-decoration: underline;
    }
    h1{
        color: #4F9247;
        font-size: 20px;
        font-weight: 200;
        text-align: left;
        line-height: 1.3;
    }
    h2 {
        color: #13484B;
        font-size: 22px;
        font-weight: 200;
    }
    h2 a:hover {
        color: #1B676B;
        text-decoration: none;
    }
	#maincontent h2,#secondarycontent h2 {
        line-height: 65px;
        margin-bottom: 20px;
        background: url(../images/bg_title_underline_green.png) no-repeat 0px 50px;
	}


    
/* LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
    /* BACKGROUNDS
	-----------------------------------------*/
    #bg_header{
        height: 120px;
        background: url(../images/bg_header.png) repeat-x left top;
    }
    #header{
        margin: 0 auto;
        width: 900px;
        height: 120px;
        text-align: left;
        background: url(../images/bg_header_inner.png) no-repeat center center;
    }
    #bg_yellbox {
        margin: 0 auto;
        width: 900px;
        height: 100px;
        background: url(../images/bg_yellbox.png) no-repeat left top;
    }
    #bg_featuredwork {
        margin: 0 auto;
        width: 900px;
        height: 280px;
        background: url(../images/bg_featuredwork.png) no-repeat left top;
    }
    #bg_maincontent {
        margin: 0 auto;
        width: 900px;
        min-height: 233px;
        height: auto !important;
        height: 233px;
        text-align: left;
        background: url(../images/bg_maincontent.png) repeat-y top center;
    }
    #bg_secondarycontent {
        margin: 0 auto;
        width: 900px;
        /*height: 373px;*/
        min-height: 300px;
        height: auto !important;
        height: 300px;
        background: url(../images/bg_secondarycontent.png) repeat-y left top;
    }
    #bg_footer {
        margin: 0 auto;
        padding-bottom: 40px;
        width: 900px;
        height: 140px;
        background: url(../images/bg_footer.png) no-repeat left top;
    }
    
    
	/* HEADER
	-----------------------------------------*/
    #logo {
        float: left;
        display: inline;
        margin: 5px 0px 0px 40px;
    }
    
    
	/* MENU
	-----------------------------------------*/
    #menu{
        float: right;
        display: inline;
        margin: 5px 60px 0px 0px;
        height: 104px;
    }
    #menu ul li{
        margin-right: 2px;
        float: left;
        display: inline;
        height: 104px;
    }
    #menu ul li a{
        display: block;
        height: 104px;
        background-position: left top;
    }
    #menu li#home a{
        width: 68px;
        background: url(../images/btn_home.png) no-repeat top left;
    }
    #menu li#servizi a{
        width: 76px;
        background: url(../images/btn_servizi.png) no-repeat top left;
    }
    #menu li#portfolio a{
        width: 112px;
        background: url(../images/btn_portfolio.png) no-repeat top left;
    }
    #menu li#contatti a{
        width: 95px;
        background: url(../images/btn_contatti.png) no-repeat top left;
    }
    #menu li#home a:hover,
	#menu li#servizi a:hover,
    #menu li#portfolio a:hover, 
    #menu li#contatti a:hover {
        background-position: left -104px;
    }
    #menu li#home a.active,
	#menu li#servizi a.active,
	#menu li#portfolio a.active,
	#menu li#contatti a.active {
        background-position: left -208px;
    }


	/* BUTTONS
	-----------------------------------------*/
    a.continua {
        display: block;
        width: 75px;
        height: 24px;
        background: url(../images/btn_continua.gif) no-repeat left top;
    }
    a.continua:hover {
        background-position: left bottom;
    }
    a.tutti_i_servizi {
        display: block;
        width: 97px;
        height: 24px;
        background: url(../images/btn_tutti_i_servizi.gif) no-repeat left top;
    }
    a.tutti_i_servizi:hover {
        background-position: left bottom;
    }
    a.piu_info {
        display: block;
        width: 65px;
        height: 24px;
        background: url(../images/btn_piu_info.gif) no-repeat left top;
    }
    a.piu_info:hover {
        background-position: left bottom;
    }
    a.maggiori_informazioni {
        display: block;
        width: 148px;
        height: 24px;
        background: url(../images/btn_maggiori_informazioni.gif) no-repeat left top;
    }
    a.maggiori_informazioni:hover {
        background-position: left bottom;
    }
    a.visita_il_sito {
        display: block;
        width: 89px;
        height: 24px;
        background: url(../images/btn_visita_il_sito.gif) no-repeat left top;
    }
    a.visita_il_sito:hover {
        background-position: left bottom;
    }


	/* YELLBOX (H1)
	-----------------------------------------*/
    #yellbox {
        padding: 10px 30px 10px 30px;
    }
	
    
    /* FEATURED WORK
	-----------------------------------------*/
    #featuredwork_container {
        margin: 0 auto;
        width: 900px;
        height: 280px;
        overflow: hidden; /* explorer fix, margine top negativo */
    }
    #featuredwork_desc {
        float: left;
        display: inline;
        text-align:right;
        width: 320px;
        height: 240px;
        padding: 20px;
    }
    #featuredwork_img {
        float: right; 
        width: 540px;
        height: 280px;
    }

    #featuredwork_desc p.title {
        font-size: 22px;
        color: #13484B;
        text-align: right;
        margin-bottom: 15px;
    }
    #featuredwork_desc p.solutions { text-align:right; margin-top:10px; }
    #featuredwork_desc p.solutions a { text-decoration: underline; }
    div#featured_label {
        position: relative;
        float: left;
        z-index: 1;
        width: 118px;
        height: 118px;
        top: 19px;
        left: 30px;
    }
    div#featuredwork_img div#image {
        position: relative;
        float: left;
        display: inline;
        width: 470px;
        height: 225px;
        top: -89px;
        left: 40px;
    }
    
    #descslider li{ 
	width: 320px;
	height: 240px;
	overflow: hidden; 
    }
    span#prevBtn{}
    span#nextBtn{}
    #imgslider li{ 
    	width: 470px;
    	height: 225px;
    	overflow: hidden; 
    }
    span#prevBtn{}
    span#nextBtn{}	


	/* SERVICE BOX - TINY HORIZONTAL
	-----------------------------------------*/
    .hserviceboxtiny {
        float: left;
        display: inline;
        width: 420px;
        height: 193px;
        margin: 20px 0px 20px 20px;
        background: url(../images/bg_hservicetiny.png) no-repeat left top;
    }
    .hserviceboxtiny h2 {
        margin-left: 20px;
	}
    #design_tiny {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 155px;
        height: 193px;
        background: url(../images/bg_hservicetiny_design.png) no-repeat right top;
    }
    #cms_tiny {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 155px;
        height: 193px;
        background: url(../images/bg_hservicetiny_cms.png) no-repeat right top;
    }
    #seo_tiny {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 155px;
        height: 193px;
        background: url(../images/bg_hservicetiny_seo.png) no-repeat right top;
    }
    #branding_tiny {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 155px;
        height: 193px;
        background: url(../images/bg_hservicetiny_branding.png) no-repeat right top;
    }
    #print_tiny {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 155px;
        height: 193px;
        background: url(../images/bg_hservicetiny_print.png) no-repeat right top;
    }
    .hserviceboxtiny div.readmorebtn {
        position: relative;
        float: right;
        display: inline;
        top: 155px;
        right: -150px;
        width: 70px;
        height: 0px;
    }
    .hserviceboxtiny p {
        float:left;
        display:inline;
        width: 245px;
        margin: 0px 0px 0px 20px;
    }



    /* SERVICE BOX - SMALL HORIZONTAL
	-----------------------------------------*/
    .hserviceboxsmall {
        float: left;
        display: inline;
        width: 860px;
        height: 200px;
        margin: 20px 20px 0px 20px;
        background: url(../images/bg_hservicesmall.png) no-repeat left top;
    }
	.hserviceboxsmall h2 {
	    margin-left: 20px;
	}
    #design_small {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 200px;
        height: 200px;
        background: url(../images/bg_hservicesmall_design.png) no-repeat right top;
    }
    #cms_small {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 200px;
        height: 200px;
        background: url(../images/bg_hservicesmall_cms.png) no-repeat right top;
    }    
    #seo_small {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 200px;
        height: 200px;
        background: url(../images/bg_hservicesmall_seo.png) no-repeat right top;
    }
    #branding_small {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 200px;
        height: 200px;
        background: url(../images/bg_hservicesmall_branding.png) no-repeat right top;
    }
    #print_small {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 200px;
        height: 200px;
        background: url(../images/bg_hservicesmall_print.png) no-repeat right top;
    }
    .hserviceboxsmall div.readmorebtn {
        position: relative;
        float: right;
        display: inline;
        top: 155px;
        right: 120px;
        width: 70px;
        height: 24px;
    }
    .hserviceboxsmall p {
        float:left;
        display:inline;
        width: 65%;
        padding: 0px;
        margin: 10px 0px 0px 20px;
    }



    /* SERVICE BOX - BIG HORIZONTAL
	-----------------------------------------*/
    .hservicebox {
        float: left;
        display: inline;
        width: 860px;
        height: 370px;
        margin: 20px 20px 0px 20px;
        background: url(../images/bg_hservice.png) no-repeat left top;
    }
	.hservicebox h2 {
		margin-left: 20px;
	}
    #design {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 345px;
        height: 370px;
        background: url(../images/bg_hservice_design.png) no-repeat right top;
    }
    #cms {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 345px;
        height: 370px;
        background: url(../images/bg_hservice_cms.png) no-repeat right top;
    }
    #seo {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 345px;
        height: 370px;
        background: url(../images/bg_hservice_seo.png) no-repeat right top;
    }
    #branding {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 345px;
        height: 370px;
        background: url(../images/bg_hservice_branding.png) no-repeat right top;
    }
    #print {
        position: relative;
        float: right;
        display: inline;
        top: 0px;
        right: 0px;
        width: 345px;
        height: 370px;
        background: url(../images/bg_hservice_print.png) no-repeat right top;
    }
    .hservicebox p {
        float:left;
        display:inline;
        width: 480px;
        padding: 0px;
        margin: 10px 0px 0px 20px;
    }
    .hservicebox a, .hservicebox a:active, .hservicebox a:visited{
        /*color: #BEF202;*/
        color: white;
    }
    .highlights {
        float: left;
        display: inline;
        width: 400px;
        margin: 20px 20px 20px 60px;
    }
    .highlights ul {
        margin: 0px;
        padding: 0px;
    }
    .highlights ul li {
        margin-bottom: 5px;
        padding-left: 20px;
        height: 35px;
        list-style: none;
        color: #13484B;
        font-size: 16px;
        line-height: 35px;
        background: url(../images/bg_listgradient.png) no-repeat left top;
    }


  	/* SECONDARY CONTENT, TESTIMONIALS AND CLIENTS
	-----------------------------------------*/
	#secondarycontent {
	    text-align: left;
	    margin-left: 20px;
	    margin-right: 20px;
	}
	#secondarycontent div.left {
		float: left;
		display: inline;
		width: 400px;
		margin: 20px 0px 20px 0px;
		padding-left:20px;
		text-align: left;
	}
	#secondarycontent div.right {
		float: left;
		display: inline;
		width: 400px;
		margin: 20px 0px 20px 20px;
		padding-left:20px;
		text-align: left;
	}
	#secondarycontent div.left p {
	    font-size: 12px;
	    line-height: 14px;
	    font-style: italic;
	}
	#secondarycontent div.left p.client {
	    color: #13484b;
	    text-align: right;
	    margin-top: 8px;
	    margin-bottom: 10px;
	}
	#secondarycontent div.right ul {
	    width:100%;
	    height:80px;
	    margin-bottom:10px;
	}
	#secondarycontent div.right ul li{
	    float:left;
	    display:inline;
	    width:120px;
	    height:80px;
	    margin-right:10px;
	    text-align:center;
	}
	#secondarycontent ul.clients 		{ width:745px; margin:0 auto; }
	#secondarycontent ul.clients li 	{ float:left; display:inline; margin-left:2px; margin-right:2px;}


	/* PORTFOLIO
	-----------------------------------------*/
    .workbox {
        float: left;
        display: inline;
        width: 860px;
        height: 370px;
        margin: 20px 20px 0px 20px;
        background: url(../images/bg_portfoliowork.png) no-repeat left top;
		overflow: hidden;
    }
	.workboxdesc {
	    float: left;
	    display: inline;
		width: 260px;
		height: 370px;
	}
	.workboxdesc p{	margin: 0px; margin-left: 20px;	}
	.workboxdesc p.solutions { margin-top:5px; font-size:12px; }

	.workboximg {
		float: right;
	    display: inline;
		width: 600px;
		height: 370px;
	}
	.workbox div.visita_il_sito {
		position: relative;
		float: right;
        display: inline;
        top: -330px;
        right: 40px;
        width: 91px;
        height: 24px;
	}




	/* FOOTER
	-----------------------------------------*/
	#footer_logo {
	    float: left;
	    display: inline;
	    margin-left: 40px;
	    width: 140px;
	    height: 140px;
	    background: url(../images/footer_logo.png) no-repeat left top;
	}
	#footer_menu {
	    float:left;
	    display: inline;
	    margin: 45px 0px 0px 80px;
	    width: 100px;
	}
	#footer_menu li {
	    width: 100px;
	    text-align: left;
	    font-size: 12px;
	    line-height: 14px;
	}
	#footer_menu a {
	    display: block;
	    padding: 0px 0px 0px 10px;
	    color: #5C7501;
	}
	#footer_menu a:hover {
	    color: #13484B;
	    text-decoration: none;
	}
	#footer_menu a#active {
	    border-left: 5px solid #FFFFFF;
	    background: #D2F64E;
	    text-decoration: none;
	}
	#footer_info {
	    float: right;
	    display: inline;
	    margin: 55px 20px 20px 20px;
	}
	#footer_info p {
	    text-align: right;
	    color: #5C7501;
	    font-size: 11px;
	    line-height: 11px;
	}
	#footer_info a {
	    color: #13484B;
	}


	/* FORMS
	-----------------------------------------*/
	#quickcontact { float:right; display:inline; width:455px; margin-left:20px; margin-right:20px; margin-bottom:40px; }
	#contactinformation { float:left; display:inline; width:201px; margin-left:20px; }
	#contactinformation p { text-align:center; font-weight:bold; margin-left:80px; margin-top:80px; width:200px; height:200px; padding-top:180px; background:url(../images/contacts_logo.png) no-repeat left top; }

	#contactForm li { list-style:none; margin-bottom:3px; }
	#contactForm li.sep { margin-top:5px; padding-top:5px; border-top:1px solid #CCC; }
	#contactForm label { display:inline-block; width:130px; vertical-align:top; font-size:12px; }
	#contactForm label var { color:#BB0000; }
	#contactForm input { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; border:1px solid #CCC; background:#F8F8F8; padding:2px; width:315px;	}
	#contactForm input:focus, #contactForm textarea:focus { border:1px solid #bef202; }
	/*
	#contactForm input.error { border:1px solid red; }
	#contactForm textarea.error { border:1px solid red; }
	*/
	#contactForm span { font-size:11px; }
	#contactForm textarea { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; border:1px solid #CCC; background:#F8F8F8; padding:2px; width:315px; height:100px; }
	#contactForm textarea.privacy { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:10px; line-height:11px; color:#999; height:50px; }
	#contactForm .submit { width:139px; height:24px; border:none; margin-top:10px; background:url(../images/btn_invia_la_tua_richiesta.gif) no-repeat left top; }
	#contactForm .submit:hover { cursor:pointer; background-position:left bottom; }
	#contactFormResult { color:#478487; text-align:center; text-transform:uppercase; font-size:12px; font-weight:bold; margin-bottom:20px; }
	#contactFormErrorLabels { display:none; color:#BB0000; font-size:11px; font-weight:bold; margin-bottom:20px; }
	
	#quote { width:860px; }
	#quote p.description { margin-bottom:20px; }
	#quote div.quoteleft { float:left; display:inline; width:420px;	}
	#quote div.quoteright { float:right; display:inline; width:420px; }
	#quoteForm li { list-style:none; margin-bottom:10px; }
	#quoteForm label { width:410px; height:25px; display:inline-block; text-align:left; line-height:25px; background-color:#bef202;	color:#333; border:1px solid #bef202;	padding-left:10px; }
	#quoteForm label var { color:#BB0000; }

	#quoteForm textarea { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:14px; border:1px solid #CCC; background:#F8F8F8; padding:4px; width:410px; height:100px; padding:5px; }
	#quoteForm input:focus, #quoteForm textarea:focus { border:1px solid #bef202; }
	#quoteForm li.campoinput label { width:130px; color:#333; background:none; border:none; font-size:12px; }
	#quoteForm li.campoinput input { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; border:1px solid #CCC; background:#F8F8F8; padding:2px; width:266px; margin-bottom:3px;}
	#quoteForm li.campoinput .submit { width:139px; height:24px; border:none; margin-top:10px; background:url(../images/btn_invia_la_tua_richiesta_dark.gif) no-repeat left top; }
	#quoteForm li.campoinput .submit:hover { cursor:pointer; background-position:left bottom; }
	#quoteFormResult { color:#478487; text-align:center; text-transform:uppercase; font-size:12px; font-weight:bold; margin-bottom:20px; }
    #quoteFormError { display:none; float:right; color:#BB0000; font-size:11px; font-weight:bold; padding-bottom:20px; }


	/* RECAPTCHA
	-----------------------------------------*/
	label#recaptcha_label 						{ float:left; display:inline-block; width:100px; vertical-align:top; font-size:12px; }
	#recaptcha_widget 							{ width:330px; margin-left:130px;}
	#recaptcha_image        					{ float:left; width:300px; height:57px; border:1px solid #CCC; }
	#recaptcha_image a                          { font-size:11px; padding-left:5px; }
	#recaptcha_toolbar      					{ padding-left:305px; width:25px; height:59px; }
    #recaptcha_toolbar a.btn_refresh            { display:block; cursor:pointer; width:25px; height:17px; background:url(../images/recaptcha_buttons.gif) no-repeat 0px 0px; }
	#recaptcha_toolbar a.btn_image              { display:block; cursor:pointer; width:25px; height:16px; background:url(../images/recaptcha_buttons.gif) no-repeat 0px -17px; }
	#recaptcha_toolbar a.btn_audio              { display:block; cursor:pointer; width:25px; height:16px; background:url(../images/recaptcha_buttons.gif) no-repeat 0px -33px; }
	#recaptcha_toolbar a.btn_help 				{ display:block; cursor:pointer; width:25px; height:17px; background:url(../images/recaptcha_buttons.gif) no-repeat 0px -49px; }
    #recaptcha_widget p.instructions            { padding-top:3px; padding-bottom:3px; font-size:11px; }
	#recaptcha_only_if_incorrect_sol            { color:#BB0000; padding-top:3px; font-size:11px; font-weight:bold; }