/* @override 
	http://192.168.1.72:8888/www.resetstudio.it/wp-content/themes/resetstudio/style.css
	http://www.resetstudio.it/wp-content/themes/resetstudio/style.css
*/

/*
Theme Name: resetstudio
Description: resetstudio
Version: 0.99
Author: ResetStudio
Author URI: http://resetstudio.it/
*/

/* Resetter */

* {
    margin: 0;
    padding: 0;
    outline: 0;
}
ul, ol, li {
    list-style: none;
    position : relative;
}

/* Inizio Tipografia e colori */

body, a, input, textarea, label {
    font-family: lucida-sans, Arial, Helvetica, Tahoma;
    font-size: 62.5%;
    /* Resets 1em to 10px */
    font-size: 12px;
    color : rgb(112,112,112);
    line-height: 130%;
}
img, fieldset, input, textarea {
    border : 0px;
}
a{
    cursor : pointer;
}
h1,h2,h3,h4,h5{
    display : block;
    font-weight : normal;
}

/* Gestione dtitoli e CUFON */

.title{
    font-weight : normal;
    font-size : 16px;
    font-family : Futura XBlk BT, Arial Black, Tahoma, Arial, lucida sans;
    float : left;
    text-transform : uppercase;
    color : rgb(147,208,244);
}
.title-sec{
    color : #93D0F4;
    font-family : Georgia;
    font-size : 24px;
    font-weight : normal;
    margin : 5px 0px 20px 0px;
    padding : 0;
}
.post-title{
    color : #93D0F4;
    float : left;
    font-family : Georgia;
    font-size : 24px;
    font-weight : normal;
    margin-bottom : 20px;
    padding : 5px 0px;
    text-decoration : none;
    text-transform : none;
}
.post-title em{
    font-family: lucida-sans, Arial, Helvetica, Tahoma;
    font-size : 16px;
}

/* Inizio struttura */

body{
    background : url(images/body-bg.jpg) repeat-x left -100px;
}
#top{
    height : 100px;
}
#content{
    margin : 0 auto;
    width : 960px;
    padding-bottom : 20px;
}
.chi-siamo #content{
    padding-bottom : 50px !important;
}
.chi-siamo .posts p{
    line-height : 140%;
}

/* *************************************************************** */
/* Navigation container */

#navigation{
    margin : 0 auto;
    width : 960px;
    height : 100px;
    position : relative;
}
.disabled a, .disabled a *{
    opacity : 0.7;
    cursor : help !important;
    color : #AAAAAA;
}
.disabled a:hover span{
    color : #aaa !important;
}

/* Logo */

.logo-reset, .logo-reset a{
    float : left;
    width : 150px;
    height : 21px;
    margin-top : 50px;
}
.logo-reset a{
    margin : 0px;
    background: url(images/newlogo.gif) no-repeat left bottom;
    cursor : pointer;
}

/* Language selector */

.language-selector{
    position : absolute;
    right : 0px;
    top : 0px;
    width : 25px;
    height : 53px;
}
.language-selector a{
    background: url(images/language.gif) no-repeat left -5px;
    float : left;
    height : 53px;
    width : 25px;
}
.language-selector a:hover{
    background: url(images/language.gif) no-repeat left top;
}
.language-selector a.en{
    background: url(images/language.gif) no-repeat -28px -5px;
}
.language-selector a.en:hover{
    background: url(images/language.gif) no-repeat -28px top;
}
/* Menu navigazione */

#navigation ul{
    width : 755px;
    height : 49px;
    float : right;
    margin-top : 46px;
}
#navigation li{
    float : left;
    margin-right : 5px;
    width : 130px;
}
#navigation li a{
    float : left;
    padding-top : 1px;
    width : 118px;
    padding : 1px 5px 0px 25px;
    text-decoration : none;
    width : 116px;
    height : 60px;
}
#navigation ul li.contacts{
    width : 155px;
}
#navigation ul li.contacts a{
    width : 130px;
}
#navigation ul li a.active{
    background: url(images/a-active.png) no-repeat left 38px;
}
#navigation ul li.whatwedo a.active{
    background: url(images/a-active.png) no-repeat center bottom;
}
#navigation ul li a strong{
    font-weight : normal;
    font-size : 16px;
    font-family : Futura XBlk BT, Arial Black, Tahoma, Arial, lucida sans;
    float : left;
    width : 100%;
    text-transform : uppercase;
    color : rgb(147,208,244);
}
#navigation ul li a span{
    float : left;
    font-size : 12px;
    float : left;
    color : rgb(170,170,170) !important;
}
#navigation ul li a small{
    float : left;
    font-size : 12px;
    float : left;
    display : none;
}
#navigation ul li a:hover span{
    display : none;
    color : rgb(170,170,170) !important;
}
#navigation ul li a:hover small{
    display : inline;
    color : rgb(170,170,170) !important;
}
#navigation ul li a.active:hover small{
    display : none!important;
}
#navigation ul li a.active:hover span{
    display : inline !important;
}

/* *************************************************************** */
/* Header ed elementi interni */

#header{
    height : 345px;
    width : 960px;
    margin : 0 auto;
    position : relative;
}

/* Testo principale header */

#header .title{
    width : 960px;
    position : absolute;
    font-family : Futura XBlk BT, Arial Black, Tahoma, Arial, lucida sans;
    font-size : 34px;
    left : 0px;
    top : 150px;
    color : rgb(147,208,244);
}
#header .title .webgraphics{
    float : left;
}
#header .title .designstudio{
    float : right;
}

/* Slider Portfolio */

.slider-portfolio{
    margin : 0 auto;
    margin-top : 10px;
    height : 181px;
    width : 275px;
    padding : 10px 10px 0px 11px;
    position : relative;
    background: url(images/slider-frame-opti.jpg) no-repeat left top;
}
.slider-portfolio div{
    margin : 0px;
    padding : 0px;
    height : 172px;
    width : 275px;
    overflow : hidden;
    position: relative;
}
.slider-portfolio ul{
    width : 15000px;
}
.slider-portfolio ul li{
    float : left;
    height : 174px;
    width : 275px;
}
.slider-portfolio ul li a{
    float : left;
    height : 174px;
    width : 275px;
    text-decoration : none;
    position : relative;
}
.slider-portfolio ul li a img{
    float : left;
}
.slider-portfolio ul li a strong{
    background: url(images/works-hover.png) repeat-x left top;
    height : 28px;
    width : 275px;
    text-align : center;
    padding-top : 27px;
    display : block;
    position : absolute;
    bottom : -55px;
    left: 0px;
}
.slider-portfolio ul li a:hover strong{
    display : block;
}

/* Back e foward button */

.slider-navi{
    width : 67px !important;
    height : 30px !important;
    float : right;
    z-index : 100;
}
.slider-navi a{
    height : 30px;
    width : 30px;
    float : left;
}
.slider-navi a.back{
    background: url(images/back-foward.jpg) no-repeat left top;
}
.slider-navi a.back:hover{
    background: url(images/back-foward.jpg) no-repeat left -30px;
}
.slider-navi a.foward{
    background: url(images/back-foward.jpg) no-repeat -37px top;
    float : right;
}
.slider-navi a.foward:hover{
    background: url(images/back-foward.jpg) no-repeat -37px -30px;
}
.section-header .slider-navi{
    position : absolute;
    right : 0px;
    top : 33px;
}

/* Illustazioni Header */

.illustration-desk{
    width : 890px;
    height : 163px;
    z-index : 50;
}
.illustration-desk ul{
    position : relative;
    width : 890px;
    height : 163px;
}
.illustration-desk ul li{
    float : left;
    width : 890px;
    height : 163px;
}
.illustration-desk ul li img{
    margin-left : 70px;
    margin-top: -1px;
}

/* *************************************************************** */
/* Home page, area servizi. */

.services{
    height : 1%;
    width : 960px;
    height : 172px;
}
.sidebar .services{
    width : 320px !important;
    height : auto !important;
}
.sidebar .partners{
    background: url(images/box-bg.jpg) repeat-x left bottom !important;
    padding-bottom : 7px;
}
.sidebar .partners ul li{
    padding : 10px;
}
.sidebar .partners ul li a{
    width : 310px;
    height : 80px;
    display: block;
}
.sidebar .partners ul li.diginess a:hover{
    background-position: left -80px;
}
.sidebar .partners ul li.diginess a{
    background: url(images/diginess.png) no-repeat left top;
}
.services .title{
    font-size : 19px;
}
.services ul{
    width : 960px;
    height : 165px;
    position : relative;
}
.sidebar .services ul{
    width : 245px !important;
    height : auto !important;
}
.services ul li{
    float : left;
    width : 298px;
    padding : 20px 10px 20px 12px;
    height : 120px;
    background: url(images/li-bg.jpg) no-repeat right 20px;
}
.sidebar .services ul li{
    background: url(images/box-bg.jpg) repeat-x left bottom !important;
    padding-bottom : 25px !important;
    height : auto !important;
    width : 295px !important;
    padding-top : 10px !important;
}
.sidebar .services li li{
    background : url(images/service-li.jpg) no-repeat left 3px !important;
    padding-bottom : 0px !important;
    padding-top : 0px !important;
}
.services li h2 a{
    padding-left : 77px;
    float : left;
    background: url(images/design-areas.png) no-repeat left top;
}
.services ul li h2 a strong{
    display : block;
    margin-top : 20px;
}
.services ul li.web-design h2 a strong{
    margin : 0px;
}
.services ul li h2 a span{
    display : block;
    font-size : 16px;
    color : rgb(170,170,170);
    margin-bottom : 5px;
}
.services ul li a{
	cursor: default;
	text-decoration : none !important;
    padding-top : 5px;
    float : left;
    height : 61px;
}
.services ul li.web-design a{
	background-position: 0px -256px;
}
.services ul li.web-design a:hover{
    background-position: 0px -320px;
}
.services ul li.web-development a{
    background-position: 0px -128px;
}
.services ul li.web-development a:hover{
	background-position: 0px -192px;
}

.services ul li.graphic-design a:hover{
	background-position: 0px -64px;
}
.services ul li.graphic-design{
    background: none;
}

/* Sottolista servizi */

.services ul ul{
    width : 249px !important;
    height : auto !important;
    height : 1%;
    position : relative;
    float : right;
}
.services ul li li{
    float : left;
    width : 200px;
    padding : 0px 0px;
    height : auto !important;
    background : url(images/service-li.jpg) no-repeat left 3px;
    padding-left : 29px;
    margin : 1px 0px;
}
.sidebar .services ul li li {
    width : 213px !important;
}
.services ul li li a{
    text-decoration : none !important;
    padding-top : 0px !important;
    float : left;
    height : auto !important;
    background: none !important;
}

/* *************************************************************** */
/* Pagina chi siamo */

.whoweare .text{
    font-size : 16px !important;
    line-height: 140% !important;
    padding-left : 80px !important;
    background : url(images/crono.jpg) no-repeat left 15px !important;
    margin-bottom : 0px !important;
    padding-bottom: 15px !important;
    color : rgb(170,170,170) !important;
}
.whoweare .text h2, .whoweare .posts h2{
    font-size : 24px;
    color : rgb(86,187,237);
    margin-bottom : 5px;
}
.whoweare .posts h2{
    font-size : 18px !important;
    margin-bottom  :10px !important;
    font-family : Georgia !important;
}
.whoweare .posts{
    margin : 0px !important;
    padding : 0px !important;
    width : 600px !important;
    padding : 20px 10px !important;
    float : left;
}
.whoweare .sidebar{
    float : right;
    width : 320px;
}
.whoweare .primary-content{
    background: url(images/border.gif) repeat-y 640px top;
    width : 960px;
    padding-bottom : 5px;
}
.whoweare .posts div{
    float : left;
    padding-top : 20px;
    width : 280px;
    padding-bottom  :5px;
}
.whoweare .posts div.what, .whoweare .posts div.where{
    float : right;
}
.whoweare .posts div.why{
    width : 600px;
}
.whoweare .primary-content .section-title{
    margin : 0px !important;
    padding : 0px !important;
    background: none !important;
    width : 600px !important;
}
.whoweare .primary-content .section-title h2{
    font-size : 24px !important;
    margin-bottom : 20px !important;
}
.whoweare .primary-content .section-title p{
    padding-left : 70px;
    width : 530px;
    background:  url(images/case-studies.jpg) no-repeat -33px -5px;
}
.quote{
    width : 310px;
    -moz-border-radius : 5px;
    border-radius : 5px;
    background: rgb(235,246,253);
    padding : 10px 0px;
    float : right;
    position : relative;
    height : 60px;
    margin-top : 20px;
}
.quote a{
    padding-left : 80px;
    background: rgb(235,246,253) url(images/calculator.jpg) no-repeat 5px top;
    text-decoration : none;
    display : block;
    padding-top : 15px;
    padding-bottom : 20px;
}
.quote a strong{
    font-family: Georgia;
    color : rgb(86,187,253);
    font-size : 18px;
    display : block;
    font-weight : normal;
}
.quote a:hover{
    background: rgb(235,246,253) url(images/calculator.jpg) no-repeat 5px -64px;
}
.quote span{
    display : block;
}
.quote .arrow{
    background: url(images/arrow-top.gif) no-repeat left top;
    height: 12px;
    left: 140px;
    position: absolute;
    top: -12px;
    width: 26px;
}
.have-done{
    height : 1%;
    background : url(images/box-bg.jpg) repeat-x left top;
    margin-bottom : 20px;
    margin-top : 5px;
    width : 960px !important;
    padding-bottom : 10px !important;
}
.have-done div{
    float : left;
    width : 320px;
}
.have-done a{
    float : left;
    width : 240px;
    padding : 18px 0px 10px 75px;
    margin-bottom : 10px;
    text-decoration : none;
    font-family : Georgia;
    font-size : 16px;
}
.have-done div.gotocontacts{
    float : right !important;
    width : 306px !important;
}
.gotoportfolio a{
    background: url(images/p-done.jpg) no-repeat left top;
}
.gotoportfolio a:hover{
    background: url(images/p-done.jpg) no-repeat left -64px;
}
.gotoblog a{
    background: url(images/p-blog.jpg) no-repeat left top;
}
.gotoblog a:hover{
    background: url(images/p-blog.jpg) no-repeat left -64px;
}
.gotocontacts a{
    background: url(images/p-contacts.png) no-repeat left top;
}
.gotocontacts a:hover{
    background: url(images/p-contacts.png) no-repeat left -64px;
}
.have-done a span{
    display : block;
}
.have-done a strong{
    color : #56BBED;
    font-weight : normal;
    margin-top : -2px;
    background: url(images/wedone.jpg) no-repeat left 4px;
    padding-left : 20px;
    display : block;
}
.chi-siamo .works {
    height : 245px !important;
}

/* *************************************************************** */
/* Home page, area portfolio. */

.section-container{
    width : 960px;
    margin : 0 auto;
}
.section-header{
    padding : 5px 10px 0px 10px;
    position : relative;
    height : 1%;
}
.section-header .title{
    float : left;
    padding-left : 78px;
    font-size : 20px;
    padding-top : 35px;
    padding-bottom : 30px;
}
.portfolio .section-header a.title{
    float : left;
    padding-left : 78px;
    font-size : 20px;
    padding-top : 35px;
    padding-bottom : 15px;
    text-decoration : none;
    color : #93D0F4;
    font-family : Futura XBlk BT,Arial Black,Tahoma,Arial,lucida sans;
    background: url(images/section-portfolio.jpg) no-repeat left top;
    font-size : 19px;
    font-weight : normal;
    text-transform : uppercase;
    margin-bottom : 10px;
}
.portfolio .section-header a.title:hover{
    background: url(images/section-portfolio.jpg) no-repeat left -64px;
}

/* Works List. Lista lavori portfolio */

.works{
    width : 960px;
    position : relative;
    clear : both;
}

.works-list {
    width : 990px;
}
.works-list li{
    margin : 0px 20px 20px 0px;
    width : 225px;
    height : 225px;
    float: left;
}
.works-list li a{
    float : left;
    height : 225px;
    width : 225px;
    position : relative;
    text-decoration : none !important;
    overflow : hidden;
    background: #fafafa url(images/ajax-loader.gif) no-repeat center center;
}
.works-list li a img{
	line-height: 270px;
    color : #93D0F4;
    display: block;
    text-align: center;
}
.works-list li.relevant small{
    text-indent : -15000px;
    position : absolute;
    right : -3px;
    top : -3px;
    height : 92px;
    width : 92px;
    background: url(images/corner-relevant.gif) no-repeat left top;
}
.works-list li a strong{
    font-size : 14px !important;
    width : 215px;
    height : 100px;
    padding-top : 35px;
    padding-left : 10px;
    position : absolute;
    left : 0px;
    bottom : -135px;
    float : left;
    background: url(images/works-list.png) repeat-x left top;
}
.works-list li a:hover strong{
    display : block;
}
.works-list li a strong span{
    display : block;
    font-weight : normal;
    font-size : 12px;
    color : rgb(114,112,111);
}
.works-list  li a strong span.name{
    font-weight : bold;
    font-size : 14px;
    margin-bottom : 3px;
    color : rgb(86,187,237);
}

/* Gestione lavori portfolio in rilievo */

ul.works-list.relevant{
    width : 960px !important;
    padding-top : 27px;
    background : url(images/box-bgup.jpg) repeat-x left top;
}
.work-single ul.works-list.relevant{
    background: none !important;
    padding-top : 0px !important;
}
.work-single ul.works-preview li .work{
    padding-bottom : 10px !important;
}
.thumbs ul.works-list.relevant{
    padding-top : 20px;
    padding-bottom : 17px;
    position  : relative;
    float : left;
    background : url(images/box-bg.jpg) repeat-x left bottom;
    margin-bottom : 10px;
}
.slider-thumbs-view ul.works-list.relevant{
    background: none;
    padding-top : 15px;
}


/* *************************************************************** */
/* Portfolio. Pagina dettagliata. */

.section-container.portfolio .text{
    font-size : 24px;
    font-family : Georgia;
    line-height : 125%;
    margin-bottom : 15px;
    color : rgb(170,170,170) !important;
    background : url(images/box-bg.jpg) repeat-x left bottom;
    position : relative;
    height : 1%;
    padding : 0px;
}
.text-body{
    padding : 15px 0px 27px 0px;
}
a.updown {
    width : 45px;
    height : 25px;
    position : absolute;
    right : 5px;
    bottom : -1px;
    cursor : pointer;
}
.section-container.portfolio .text.closed{
    background: none !important;
}
.open a.updown{
    background: url(images/up-down.gif) no-repeat left top;
}
.closed a.updown {
    background: url(images/up-down.gif) no-repeat left -25px;
}
.chi-siamo .section-container.portfolio .text{
    margin : 15px 0px !important;
    padding-top : 15px;
}
.section-container.portfolio .text p{
    float : right;
    width : 715px;
}
.work-info.slideflow .work-details .text p{
    width : auto !important;
    float : none !important;
}
.works .text p{
    width : 460px !important;
    margin-bottom : 20px;
    color : rgb(112,112,112) !important;
}
.works.work-single .text p{
    width : 215px !important;
    float: none;
}
.section-container.portfolio .viewer-menu{
    width : 210px;
    float : left;
    padding-left : 15px;
    border-right : 1px solid rgb(240,240,240);
    padding-bottom : 4px;
}
.changeview{
    height : 19px;
    width : 188px;
    background: url(images/cambiavis.gif) no-repeat left top;
    margin-bottom : 5px;
}
.changeview.lang-en{
	background: url(images/switchview.gif) no-repeat left top;
}
/* Sottolista Menù display */

.viewer-menu ul{
    width : 210px !important;
    height : auto !important;
    height : 1%;
    position : relative;
    float : right;
}
.viewer-menu li{
    float : left;
    width : 80px !important;
    padding : 0px 0px;
    height : auto !important;
    background : url(images/service-li.jpg) no-repeat left 3px;
    padding-left : 25px;
    margin-top : 15px !important;
}
.viewer-menu a{
    text-decoration : none !important;
    padding-top : 0px !important;
    float : left;
    height : auto !important;
    color : rgb(170,170,170);
    background: none !important;
}
.viewer-menu a:hover{
    color : #56BBED;
}
.thumbs a.menu-thumbs, .extended a.menu-extended, .slideflow a.menu-slideflow,
.singlework a.menu-singlework{
    color : rgb(86,187,237);
}
.section-container.portfolio .text span{
    color : #93D0F4;
}
ul.works-preview{
    height : 1%;
    position : relative;
}
ul.works-preview li{
    height : 1%;
}
ul.works-preview li .work{
    padding-bottom : 20px;
    background : url(images/box-bg.jpg) repeat-x left bottom;
    margin-bottom : 20px;
    height : 1%;
}
.screen-shot{
    clear : both;
    width : 470px;
    float : left;
}
.work-single .screen-shot div.images-list{
    overflow : visible !important;
    height : auto !important;
    clear : both;
}
.work-single .screen-shot div.images-list ul{
    width : 470px;
}
.work-single .screen-shot div.images-list ul li{
    margin-bottom : 15px;
    height : auto;
    float : left;
}
.screen-shot div.images-list{
    height : 470px;
    height : auto;
    overflow : hidden;
    position: relative;
}
.screen-shot div.images-list ul li{
    display : none !important;
}
.work-single .screen-shot div.images-list ul li{
    display : block !important;
}
.screen-shot div.images-list ul li.active{
    display : block !important;
}

.logo-graphics .screen-shot{
    width : 470px;
}
.prev-nav{
    height : 20px;
    width : 470px;
    margin-top : 10px;
}
.prev-nav ul li{
    width : 22px;
    height : 16px;
    float : left;
}
.prev-nav ul li a{
    height : 16px;
    width : 17px;
    float : left;
    background: url(images/p-preview.jpg) left top;
}
.prev-nav ul li a:hover{
    background: url(images/p-preview.jpg) left -16px;
}
.change-image{
    height : 22px;
    width : 160px;
    background: url(images/altreimmagini.gif) no-repeat left top;
    float : left;
}
.change-image.lang-en{
	background: url(images/moreimages.gif) no-repeat left top;
}
.logo-graphics .thumb{
    background: #ccc !important;
    float : left;
}

/* Visualizzazione logo-graphics */

.logo-graphics .typeofwork{
    margin-top : 0px;
    background: url(images/typeofwork.jpg) no-repeat left 15px;
}
.logo-graphics .thumb{
    margin-bottom : 22px;
}
.logo-graphics .thumb.even{
    float : right;
}
.screen-shot .prev-nav ul{
    float : left;
    margin-right : 15px;
}
.prev-nav ul li a.active, .prev-nav ul li a.active:hover{
    background: url(images/p-preview.jpg) left -32px;
}
.work-details{
    float : right;
    width : 470px;
}

/* Modifica 15 Dicembre 2009 visualizzazione ESTESA */

.work-single .work-details{
    width : 225px !important;
}
.work-single div.typeofwork{
    width : 215px;
    clear: both;
    background : none !important;
    margin-top : 0px !important;
    border-top : 0px !important;
    padding : 7px 5px;

}
.work-single .screen-shot{
    width : 715px !important;
}

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

.logo .work-details img{
    float : left;
}
.work-details .thumb{
    float : left;
    width : 225px;
    background: url(images/thumb-bg.jpg) no-repeat left top;
    height : 210px;
}
.work-details .thumb div{
    margin-top : 7px;
    margin-left : 6px;
    height : 134px;
    overflow : hidden;
}
.work-details .thumb img{

}
.work-links{
    float : right;
    width : 225px;
    height : 1%;
    position : relative;
    border-top : 1px solid rgb(240,240,240);
}
.work-links li{
    border-bottom : 1px solid rgb(240,240,240);
    height : auto;
    color : #AAAAAA !important;
}
.work-links a{
    display : block;
    padding : 7px 5px 7px 33px;
    text-decoration : none;
    color : #93D0F4;
}
.work-links a:hover, .work-links .tags a:hover{
    text-decoration : underline;
}
.work-details ul li.zoom a{
    background: url(images/zoom-li.jpg) no-repeat left 2px;
}
.work-details ul li.source a{
    background: url(images/code-li.jpg) no-repeat 2px 3px;
}
.work-details ul li.pages a{
    background: url(images/pages-li.jpg) no-repeat left 3px;
}
.work-details ul li.permalink a{
    background: url(images/permalink-li.jpg) no-repeat 2px 3px;
}
.work-details ul li.gotosite a{
    background: url(images/go-li.jpg) no-repeat 3px 3px;
}
.work-details ul li.tags {
    background: url(images/tag-li.jpg) no-repeat 2px 3px;
    padding : 7px 5px 7px 33px;

}
.work-details ul li.tags a{
    display : inline !important;
    padding : 0px !important;
    text-decoration : none;
    color : rgb(170,170,170) !important;
}
.typeofwork{
    border-top : 1px solid rgb(240,240,240);
    border-bottom : 1px solid rgb(240,240,240);
    padding : 15px 0px;
    background: url(images/work-type.jpg) no-repeat left 15px;
    width : 430px;
    padding-left : 45px;
    margin-top : 15px;
}
.extended-mode div.typeofwork{
	width: 225px;
	float: right;
	border-top: none;
	margin-top: 0;
	padding-left: 0;
	background: none;
}
body div.typeofwork{
	background: none;
}
.typeofwork.logo{
    background: url(images/typeofwork.jpg) no-repeat left 15px;
}
.typeofwork span{
    float : left;
    width : 70px;
    margin-bottom : 2px;
    color : rgb(170,170,170);
}
.typeofwork strong{
    margin-bottom : 2px;
    font-weight : normal;
    color : rgb(112,112,112);
}
.typeofwork div{
    clear : both;
    height : 1%;
}
.work-details .text{
    padding : 15px 5px !important;
    font-size : 12px !important;
    font-family: lucida-sans, Arial, Helvetica, Tahoma !important;
    line-height : 130% !important;
    margin-bottom : 0px !important;
    background : none!important;
    color : rgb(112,112,112);
}
.button.case-studies a{
    padding : 8px 20px 0px 0px;
    height : 24px;
    background: url(images/button-cs.png) no-repeat left top !important;
    width : 149px;
    margin-bottom : 10px;
    text-align : right;
    float : left !important;
    cursor : pointer !important;
    font-weight : bold;
    text-decoration : none !important;
}
.button.case-studies a:hover{
    background: url(images/button-cs.png) no-repeat left -35px !important;
}

/* *************************************************************** */
/* Section-nav. Barra di navigazione secondaria interna alle varie sezioni */

.section-nav{
    float : right;
    position : relative;
    height : 1%;
}
.section-nav ul{
    height : 1%;
    position : relative;
}
.section-nav ul li{
    margin-right : 20px;
    float : left;
    width : auto;
}
.section-nav ul li.last{
    margin-right: 0px;
}
.section-nav ul li a{
    text-decoration : none;
    float : left;
    color : rgb(190,190,190);
}
.section-nav ul li a.active, .section-nav ul li a:hover{
    color : rgb(86,187,237);
}

/* Gestione posizionamento section-nav */

.section-container.portfolio .section-nav{
    margin-right : 70px;
    margin-top : 40px;
}
.index .section-container.portfolio .section-nav{
    margin-right : 5px !important;
    margin-top : 38px;
}
.index .section-header .slider-navi{
    display : none !important;
}

/* *************************************************************** */
/* Paginazione */

.pagin {
    width : 960px;
    margin : 20px 0px 30px 0px;
    height : 30px;
}
.wp-pagenavi .pages{
    display : none !important;
}
.pagin ul li span.extend{
    display : none !important;
}
.pagin ul li a.first-text, .pagin ul li a.last-text{
    display : none !important;
}
.pagin ul {
    width : 960px;
    height : 30px;
}
.pagin ul li {
    display : inline;
    float : left;
    margin-right : 5px;
}
.pagin ul li a, .pagin .current {
    float : left;
    text-decoration : none;
    height : 22px;
    width : 30px;
    text-align : center;
    background : url(images/pagin.jpg) no-repeat -35px top;
    padding-top : 8px;
    color : rgb(112,112,122);
}
.pagin ul li a:hover{
    background : url(images/pagin.jpg) no-repeat -35px -30px;
}
.pagin .current {
    background : url(images/pagin.jpg) no-repeat -35px -60px;
    display : block;
    color : #fff;
}
.pagin .pages{
    display : none !important;
}
.pagin ul li.back a, .pagin ul li.foward a{
    text-indent : -15500px;
}
.pagin ul li.back a {
    background : url(images/pagin.jpg) no-repeat left top;
}
.pagin ul li.foward a{
    background : transparent url(images/pagin.jpg) no-repeat -70px top;
}
.pagin ul li.back a:hover {
    background : url(images/pagin.jpg) no-repeat left -30px;
}
.pagin ul li.foward a:hover {
    background : url(images/pagin.jpg) no-repeat -70px -30px
}

/* *************************************************************** */
/* Footer */

#footer-container{
    background: url(images/body-bg.jpg) repeat left top;
}
#footer{
    margin : 0 auto;
    height : 460px;
}
#footer-content{
    padding-top : 12px;
    background : url(images/box-bgup.jpg) repeat-x left top;
}

/* Form contatti */

.contact-us{
    float : left;
    width : 470px;
    height : 450px;
    position : relative;
}
.contact-us .section-header .title{
    background: url(images/section-contact.png) no-repeat left top;
    padding-top : 25px !important;
    padding-bottom : 35px !important;
}
.contact-us form fieldset{
    clear : both;
}
.contact-us form fieldset label{
    color : #AAAAAA !important;
}
.contact-us form fieldset.privacy{
    width : 350px;
    margin-top : -33px;
}
.contact-us form input{
    padding : 7px 10px 7px 10px;
    height : 14px;
    border : 1px solid rgb(228,228,228);
    background: #fff;
    width : 450px;
    color : rgb(112,112,112);
    margin-bottom : 10px;
    vertical-align: middle;
}
.contact-us form input.submit, .request-quote input.submit{
    padding : 0px 10px 2px 0px;
    height : 29px;
    border : 0px !important;
    background: url(images/button-small.png) no-repeat left top;
    color : #fff;
    width : 112px;
    margin-bottom : 10px;
    text-align : center;
    float : right;
    cursor : pointer !important;
    font-weight : bold;
}
.contact-us form input.submit:hover, .request-quote input.submit:hover{
    background: url(images/button-small.png) no-repeat left -30px;
}
.contact-us form textarea{
    padding : 6px 10px 0px 10px;
    height : 22px;
    border : 1px solid rgb(228,228,228);
    background: #fff;
    width : 450px;
    margin-bottom : 10px;
    height : 204px;
    overflow  : auto;
    color : rgb(112,112,112);
}
.contact-us form input.checkbox{
    padding : 0px;
    height : 15px;
    margin-right : 10px;
    width : 15px;
    border : 0px !important;
    background: none;
    float : left;
    margin-bottom : 10px;
}
.contact-us form label{
    float : left;
}

/* Recapiti nel footer */

.addresses{
    float : left;
    width : 300px;
    margin-left : 25px;
    margin-top : 70px;
}
.addresses ul{
    height : 1%;
    position : relative;
}
.addresses ul li{
    height : 50px;
    width : 300px;
    float : left;
    margin-bottom : 10px;
    color : #AAAAAA !important;
}
.addresses ul li a{
    cursor : pointer !important;
    height : 31px;
    width : 235px;
    float : left;
    font-family : Georgia;
    font-size : 18px;
    text-decoration : none;
    padding-left : 65px;
    padding-top : 19px;
    color : #AAAAAA !important;
}
.addresses ul li.info-mail a{
    background : url(images/addresses.png) no-repeat 5px top;
}
.addresses ul li.info-mail a:hover{
    background : url(images/addresses.png) no-repeat 5px -50px;
}
.addresses ul li.skype a{
    height : 35px;
    padding-top : 15px;
    background : url(images/addresses.png) no-repeat 5px -100px;
}
.addresses ul li.skype a:hover{
    background : url(images/addresses.png) no-repeat 5px -150px;
}
.addresses ul li.vcard a{
    background : url(images/addresses.png) no-repeat 5px -200px;
}
.addresses ul li.vcard a:hover{
    background : url(images/addresses.png) no-repeat 5px -250px;
}
.addresses ul li.telephone{
    margin-bottom : 3px;
    padding-left : 65px;
    padding-top : 19px;
    height : 31px;
    width : 235px;
    font-family : Georgia;
    font-size: 18px;
}
.addresses ul li.telephone {
    background : url(images/tel.png) no-repeat 5px top;
}
.addresses ul li.request-quote a{
    background : url(images/addresses.png) no-repeat 5px -300px;
    padding-top : 3px;
    height : 47px;
}
.addresses ul li.request-quote a small{
    font-size : 12px;
    font-family: Lucida Sans, Arial !important;
}
.addresses ul li.request-quote a span{
    font-size : 18px;
    display : block;
    margin-top : -3px;
    font-family: Georgia, Arial !important;
    color : rgb(86,187,237);
}
.addresses ul li.request-quote a:hover{
    background : url(images/addresses.png) no-repeat 5px -350px;
}

/* Bottom Container */

#bottom{
    margin : 0 auto;
    width : 960px;
    height : 55px;
}
#bottom strong{
    color : rgb(207,207,207);
    font-size : 18px;
    float : left;
    font-weight : normal;
    text-transform : uppercase;
    width : 78px;
}

/* What we love */

.love{
    width : 470px;
    padding-top : 22px;
    height : 38px;
    background: url(images/love.jpg) no-repeat 36px 16px;
    float : left;
    font-family : Futura XBlk BT, Arial Black, Tahoma, Arial, lucida sans !important;
}
.love div{
    height : 17px;
    overflow : hidden;
    width : 392px;
    position : relative;
}
.love span{
    color : rgb(207,207,207);
    font-size : 18px;
    text-transform : uppercase;
}
.love ul{
    float : right;
    width : 392px;
    position : relative;
}
.love ul li{
    width : 470px;
}
.thanks {
    float : left;
    width : 340px;
    padding-top : 22px;
    height : 38px;
    margin-left : 30px;
    font-family : Futura XBlk BT, Arial Black, Tahoma, Arial, lucida sans !important;
}
.thanks strong{
    width : 380px !important;
}
.copyright{
    float : right;
    width : 115px;
    height : 25px;
}
.copyright ul{
    height : 25px;
    padding-top : 16px;
    width : 115px;
}
.copyright li{
    float : left;
}
.copyright span{
	display: block;
	height : 25px;
    width : 25px;
    background: url(images/copyright.jpg) no-repeat left top;
    position : relative;
    text-indent: -9999px;
    cursor: pointer;
}
.copyright .credits.hover span{
	background-position: left -26px;
}
.copyright .w3c span{
    width : 51px;
    background-position: -28px top;
}
.copyright .w3c.hover span{
    background-position: -28px -26px;
}
.copyright .wordpress span{
    background-position: -82px top;
}
.copyright .wordpress.hover span{
    background-position: -82px -26px;
}
.copyright li div{
	position : absolute;
    width : 137px;
    padding-top : 7px;
    height : 50px;
    font-size : 11px;
    left : -57px;
    background: url(images/copyright-hover.png) no-repeat left top;
    top : -57px;
    line-height : 125%;
    text-align : center;
    display: none;
}
.copyright li.w3c div{
	left: -45px;
}
.copyright li.hover div{
	display: block;
}
.copyright li a{
	color : #93D0F4;
    font-size : 11px;
    text-decoration: none;
}
/*.copyright ul li span{
    float : left;
    margin-left : 5px;
    height : 25px;
    width : 25px;
    background: url(images/copyright.jpg) no-repeat left top;
    position : relative;
    text-decoration : none;
}
.copyright ul li a{
    position : absolute;
    width : 137px;
    padding-top : 7px;
    height : 43px;
    float : left;
    font-size : 11px;
    left : -57px;
    background: url(images/copyright-hover.png) no-repeat left top;
    top : -57px;
    line-height : 125%;
    text-align : center;
}
.copyright ul li.w3c a{
    left : -45px;
}
.copyright ul li.credits a span small,
.copyright ul li.w3c a span small,
.copyright ul li.wordpress a span small{
    color : #93D0F4;
    font-size : 11px;
}
.copyright ul li.credits a:hover span,
.copyright ul li.w3c a:hover span,
.copyright ul li.wordpress a:hover span{
    display : block;
}
.copyright ul li.credits a:hover{
    background: url(images/copyright.jpg) no-repeat left -26px;
}
.copyright ul li.w3c a{
    width : 50px;
    background-position: -28px top;
}
.copyright ul li.w3c a:hover{
    background-position: -28px -26px;
}
.copyright ul li.wordpress a{
    background-position: -82px top;
}
.copyright ul li.wordpress a:hover{
    background-position: -82px -26px;
}*/

/* Bottone generico. Medio e Grande */

.button{
    height : 30px !important;
}
.button a{
    padding : 6px 10px 0px 0px;
    height : 23px;
    background: url(images/button.png) no-repeat left top;
    color : #fff;
    width : 137px;
    text-align : center;
    float : right;
    cursor : pointer !important;
    font-weight : bold;
    text-decoration : none !important;
}
.button a:hover{
    background: url(images/button.png) no-repeat left -30px;
}
.button.small.next a{
    float : right;
    background : url(images/button-smalln.png) no-repeat left top;
    padding-right: 10px;
    width : 102px !important;
}
.button.small.next a:hover{
    background : url(images/button-smalln.png) no-repeat left -29px;
}
.button.small a{
    display : block;
    padding-top : 6px;
    width : 112px;
    background: url(images/button-small.png) no-repeat left top;
}
.button.small a:hover{
    background: url(images/button-small.png) no-repeat left -30px;
}
.button.next-page a{
    background: url(images/button-small.png) no-repeat left top;
    width : 102px !important;
}
.button.next-page a:hover{
    background: url(images/button-small.png) no-repeat left -30px;
}
.button.prev-page a{
    background: url(images/button-small.png) no-repeat -114px top;
    text-align : left !important;
    width : 73px !important;
    padding-left : 28px;
    margin-right : 4px;
}
.button.prev-page a:hover{
    background: url(images/button-small.png) no-repeat -114px -30px;
}

/* *************************************************************** */
/* Pagina portfolio. Scheda lavori dettagliata. "category-portfolio.php" */

.portfolio-categories{
    position : relative;
    padding-top : 15px;
    background: url(images/box-bg.jpg) repeat-x left 127px;
}
.portfolio .portfolio-categories .section-header{
    padding-left : 0px;
}
.portfolio .portfolio-categories .section-header .title{
    padding-top : 17px;
    background : none;
    padding-left : 0px;
}
.portfolio-categories ul{
    float : right;
    width : 735px;
    position : relative;
    height : 1%;
}
.portfolio-categories ul li{
    float : left;
    margin-right : 14px;
    width : 105px;
}
.portfolio-categories ul li a{
    float : left;
    text-decoration : none;
    text-align : center;
    width : 105px;
    padding-bottom : 43px;
}
.portfolio-categories ul li a.active{
    background: url(images/portlist-hover.jpg) no-repeat left bottom;
}
.portfolio-categories ul li a.active, .portfolio-categories ul li a:hover{
    color : #93D0F4;
}
.portfolio-categories ul li a span{
    float : left;
    padding-top : 57px;
    width : 105px;
}
.portfolio-categories ul li.all-works a span{
    background: url(images/all-works.jpg) no-repeat left top;
}
.portfolio-categories ul li.website a span{
    background: url(images/web-site.jpg) no-repeat left top;
}
.portfolio-categories ul li.ecommerce a span{
    background: url(images/e-commerce.jpg) no-repeat left top;
}
.portfolio-categories ul li.blog a span{
    background: url(images/blog.jpg) no-repeat 30px -8px;
}
.portfolio-categories ul li.logo-works a span{
    background: url(images/logo.jpg) no-repeat left top;
}
.portfolio-categories ul li.graphic a span{
    background: url(images/graphic.jpg) no-repeat left top;
}
.portfolio-categories ul li.case-studies a span{
    background: url(images/case-studies.jpg) no-repeat left top;
}

/* *************************************************************** */
/* Pagina portfolio. Visualizzazione tipo "3": Slider-thumb-view */

.slider-thumbs-view .slider-portfolio{
    margin : 0 auto;
    margin-top : 20px;
    height : 381px;
    margin-bottom: 19px;
    padding-left : 19px;
    padding-top : 19px;
    width : 578px;
    position : relative;
    background: #26211E url(images/wide-screen-bg-opti.jpg) no-repeat left top;
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
}
.slider-thumbs-view .work{
    padding-bottom : 7px;
    background : url(images/box-bg.jpg) repeat-x left bottom;
}
.slider-thumbs-view .slider-portfolio div{
    margin : 0px;
    padding : 0px;
    width : 570px;
    height : 362px;
    overflow : hidden;
}
a.casestudies-link{
    padding : 0px;
    margin : 0px;
    height : 114px !important;
    width : 115px !important;
    background: url(images/corner-cs.png) no-repeat left top;
    position : absolute !important;
    right : 0px !important;
    bottom : 0px;
    display : block;
}
.nav-images{
    height : 30px !important;
    width : 400px !important;
    position : absolute !important;
    left : 0px;
    bottom : 0px;
}
.nav-images ul li{
    float : left;
    width : 30px !important;
    height : 30px !important;
    margin : 0px !important;
    padding : 0px !important;
}
.nav-images ul li a{
    padding : 8px 0px !important;
    text-align : center !important;
    float : left !important;
    width : 30px !important;
    height : 14px !important;
    background : url(images/number-pages.jpg) no-repeat -31px top;
    color : rgb(112,112,112);
}
.nav-images ul li a.active, .nav-images ul li a.active:hover{
    background : url(images/number-pages.jpg) no-repeat left top;
    color : #fff;
}
.nav-images ul li a:hover{
    background : url(images/number-pages.jpg) no-repeat -60px top;
}

/* Work Nav */

.work-nav{
    width : 230px;
    float : right;
    height : 30px !important;
    position : relative;
}
.work-nav .button{
    width : auto !important;
    float : right !important;
}

/* Regola ONLY IE */

.slider-thumbs-view .slider-portfolio ul li{
    float : left;
    width : 570px;
    height : 362px;
    position  :relative;
}
.slider-thumbs-view .slider-portfolio ul li.hover{
    overflow : scroll;
    overflow : -moz-scrollbars-vertical;
}
.slider-thumbs-view .work-details{
    background: url(images/content-bg.gif) repeat-y left top;
    width : 960px;
    float : none;
    margin-bottom : 20px;
    display: none;
}
.slider-thumbs-view .work-details.active{
    display: block;
}
.slider-thumbs-view .work-details .work-title{
    float : left;
    width : 300px;
    height : 1%;
}
.work-title{
    position : relative;
    padding-bottom : 5px;
    padding-top : 5px;
}
.slider-thumbs-view .work-details h2.title{
    margin-top : 10px;
}
.slider-thumbs-view .work-details h2.title a{
    font-family : Georgia;
    font-weight : normal;
    font-size : 24px;
    color : #93D0F4;
    width : 740px;
    padding : 0px 0px;
    float : left;
    margin-bottom : 0px;
    text-decoration : none;
    text-transform: none;
}
.slider-thumbs-view .work-details h2.title a em{
    font-family: lucida-sans, Arial, Helvetica, Tahoma;
    font-size : 16px;
    display : block;
    margin-top : -5px;
}
.slideflow em{
    display : block !important;
}
.slideflow .post-title{
    margin-bottom : 5px !important;
}

/* Back e foward button nello slider tipo 3 */

.slider-portfolio .slider-navi{
    bottom : -150px;
    position : absolute;
    right : -335px;
}
.slider-thumbs-view .slider-portfolio .slider-navi{
    width : auto !important;
    height : 50px;
    position : static;
}
.slider-thumbs-view .slider-navi a{
    height : 50px;
    width : 50px;
    float : left;
    position : absolute;
    top : 170px;
}
.slider-thumbs-view a.back{
    background: url(images/back-foward-big.jpg) no-repeat left top;
    left : -100px;
}
.slider-thumbs-view a.back:hover{
    background: url(images/back-foward-big.jpg) no-repeat left -52px;
}
.slider-thumbs-view a.foward{
    background: url(images/back-foward-big.jpg) no-repeat -53px top;
    right : -100px;
}
.slider-thumbs-view a.foward:hover{
    background: url(images/back-foward-big.jpg) no-repeat -53px -52px;
}

/* Seconda lista lavori. Slider mineature */

.slider-thumbs{
    height : 120px;
    padding-left : 52px;
    padding-top : 15px;
    position : relative;
    margin-bottom : 15px;
}
.slider-thumbs .slider-navi{
    width : auto !important;
    height : 30px;
    position : static;
}
.slider-thumbs .slider-navi a{
    height : 30px;
    width : 31px;
    float : left;
    position : absolute;
    top : 60px;
}
.slider-thumbs a.back{
    background: url(images/back-foward-gray.jpg) no-repeat left top;
    left : 0px;
}
.slider-thumbs a.back:hover{
    background: url(images/back-foward-gray.jpg) no-repeat left -31px;
}
.slider-thumbs a.foward{
    background: url(images/back-foward-gray.jpg) no-repeat -30px top;
    right : 0px;
}
.slider-thumbs a.foward:hover{
    background: url(images/back-foward-gray.jpg) no-repeat -30px -31px;
}
.slider-thumbs div{
    height : 130px;
    margin : 0;
    overflow : hidden;
    padding : 0;
    width : 860px;
}
.slider-thumbs ul{
    width : 15000px;
}
.slider-thumbs ul li{
    float : left;
    height : 118px;
    width : 118px;
    margin-right : 5px;
}
.slider-thumbs ul li a{
    float : left;
    height : 118px;
    width : 118px;
    text-decoration : none;
    position : relative;
    z-index : 50;
}
.slider-thumbs ul li a img{
    position : absolute;
    left : 5px;
    top : 5px;
    color : #93D0F4;
	display : block;
	width: 110px;
	height: 110px;
	line-height : 150px;
	text-align : center;
	background : #fafafa url("images/ajax-loader.gif") no-repeat  center center ;
}
.slider-thumbs ul li a span{
    text-indent : -15000px;
    height : 118px;
    width : 118px;
    float : left;
    position : absolute;
    left : 0px;
    top : 0px;
    background: url(images/slider-thums.png) no-repeat right top;
    display : none;
}
.slider-thumbs ul .active span{
    background: url(images/slider-thums-hov.png) no-repeat left top;
    display : block !important;
}
.slider-thumbs ul li a:hover span{
    display : block;
}
.slider-thumbs ul li a.active:hover span{

}
.work-info{
    padding-top : 20px;
    margin-bottom : 5px;
}
.work-info .typeofwork{
    width : 300px !important;
    border : 0px !important;
    padding : 5px 0 5px 5px;
    clear : both;
    background : url(images/work-type.jpg) no-repeat left 5px;
    background : none;
    margin-top : 0px;
}
.work-info .typeofwork span{
    width : 90px;
}
.work-info .typeofwork strong{
    width : 165px;
}
.work-info h2.title{
    width : 300px !important;
    margin-top : 0px !important;
}
.work-info h2.title a{
    width : 300px !important;
}
.work-info .text{
    float : left;
    width : 275px;
    margin-left : 35px;
    padding-top : 3px !important;
    padding-bottom : 3px !important;
}
.work-info .work-details ul{
    float : right;
    width : 300px;
}
.work-info .work-details ul li.last{
    border : none;
}
.work-info .work-details ul{
    border-top : 0px;
}

/* Display Selector in pagina portfolio */

.display-selector{
    width : 210px;
    height : 29px;
    position : absolute;
    left : -1px;
    top : 62px;
}
.display-selector a{
    float : left;
    width : 50px;
    position : relative;
    text-decoration : none !important;
    height : 29px;
    background: url(images/display-selector.jpg) no-repeat left top;
}
.display-selector a span{
    display : block;
    width : 70px;
    height : 18px;
    position : absolute;
    font-size : 10px;
    text-align: center;
    left : -10px;
    padding-top : 7px;
    bottom : -25px;
    display : none;
    color : rgb(170,170,170);
    background: url(images/display-span.jpg) no-repeat left top;
    text-align : center !important;
}
.display-selector a:hover span{
    display : block;
}
.display-selector a.singlework span{
    left : -10px;
}

a.thumbs:hover{
    background-position: 0 -30px;
}
.thumbs a.thumbs{
    background-position: 0 -60px;
}


a.extended{
    background-position: -53px 0;
}
a.extended:hover{
    background-position: -53px -30px;
}
.extended a.extended{
    background-position: -53px -60px;
}

a.slideflow{
    background-position: -106px 0;
}
a.slideflow:hover{
    background-position: -106px -30px;
}
.slideflow a.slideflow{
    background-position: -106px -60px;
}

a.singlework{
    background-position: -158px 0;
}
a.singlework:hover{
    background-position: -158px -30px;
}
.singlework a.singlework{
    background-position: -158px -60px;
}
/* Visualizzazione portfolio case studies */

.casestudies .work-info{
    padding-top : 5px;
    margin-bottom : 15px;
}
.casestudies .work-title a.button{
    margin-left : 2px !important;
}
.casestudies ul.works-preview li .work {
    background: none !important;
    margin-bottom : 0px !important;
}
.clients-list{
    width : 960px;
    overflow : hidden;
    padding-bottom : 5px;
}
.clients-list ul{
    width : 980px;
    height : 90px;
    position : relative;
    margin-top : -1px;
    background: url(images/client-list-bg.jpg) repeat left top;
}
.clients-list ul li{
    width : 220px;
    float : left;
    margin-right : 20px;
    height : 30px;
    padding-left : 5px;
}
.clients-list ul li a{
    display : block;
    padding : 7px 5px 7px 0px;
    text-decoration : none;
    color : #93D0F4;
}
.clients-list ul li a:hover {
    text-decoration : underline;
}
.casestudies .screen-shot{
    width : 715px !important;
}
.casestudies ul.works-preview .work-title .title-sec{
    width : 710px;
    float : left;
    margin-bottom : 25px;
    margin-top : 10px;
}
.title-sec em{
    font-size : 16px;
    font-family: lucida-sans, Arial, Helvetica, Tahoma;
}
.casestudies .work-details{
    float : right;
    width : 225px !important;
}
.casestudies .typeofwork{
    background: none !important;
    padding : 0px 10px;
    width : 205px;
    padding-top  :15px;
    margin-top : 0px;
}
.casestudies .typeofwork span, .casestudies .typeofwork strong{
    display : block;
    float : none;
}
.casestudies .typeofwork div{
    margin-bottom  :15px;
}
.casestudies .work-details .text{
    padding : 15px 10px;
}

/* Pagina 404 */

.error-page{
    padding-bottom : 30px;
}
.error-page .image{
    width : 317px;
    height : 102px;
    background: url(images/404.jpg) no-repeat left top;
    margin : 0 auto;
    margin-top : 85px;
}
.error-page .title{
    font-size : 36px;
    display : block;
    margin : 30px 0px;
    text-align  :center;
    width : 960px;
}
.error-page a{
    color : #93D0F4 !important;
    text-decoration : none !important;
    font-size : 22px !important;
    font-family : Georgia, Arial !important;
}
.error-page p{
    width : 960px;
    text-align : center;
    padding-bottom : 20px;
    font-size : 22px;
    font-family : Georgia, Arial;
    line-height : 140%;
}

/* Footer Menu Fixed */

.bottom-nav{
    height : 42px;
    position : fixed;
    width : 100%;
    background: url(images/bottom-menu.png) repeat-x left top;
    left : 0px;
    bottom : 0px;
}
.bottom-nav div{
    margin : 0 auto;
    height : 42px;
    width : 960px;
}
.bottom-nav .resetstudio{
    margin : 0px;
    background: url(images/logo-footer.png) no-repeat left top;
    height : 17px;
    width : 85px !important;
    margin-top : 15px;
    float : left;
}
.bottom-nav ul{
    float : left;
    padding-top : 8px;
    height : 34px;
    margin-left : 10px;
}
.bottom-nav ul li{
    float : left;
    height : 34px;
    padding-left : 2px;
    background: url(images/footer-li.jpg) no-repeat left top;
}
.bottom-nav ul li a{
    padding : 9px 15px 0px 15px;
    height : 25px;
    float : left;
    text-decoration : none;    
}
.bottom-nav ul li a:hover{
    background : #fff;
    color : rgb(87,186,237);
}
.sitemap{
    padding : 9px 0px 0px 29px;
    height : 25px;
    float : right;
    text-decoration : none;
    background: url(images/sitemap.jpg) no-repeat left 10px;
    margin-top : 9px;
}
.sitemap:hover{
    color : #AFAFAF;
}

/* Pagina Contatti */

.contatti #content {
    margin-bottom : 0px;
    padding-bottom : 0px;
}

.contatti .primary-content{
    padding-top : 10px;
    background: url(images/bg-border.jpg) repeat-y 660px top;
    padding-bottom : 20px;
}
.contatti .primary-content .posts{
    float : left;
    width : 640px;
    padding-right : 20px;
    padding-top : 20px;
}
.contatti .posts .title, .contatti .title.address, .contatti .title.qr-code{
    background: url(images/calculator.gif) no-repeat 25px top;
    font-size : 20px;
    padding : 25px 0px 20px 100px;
    float : none;
}
.contatti .title.address, .contatti .title.qr-code{
    background: url(images/logo-r.jpg) no-repeat left top;
    padding : 25px 0px 20px 70px;
    margin-left : -10px;
}
.contatti .title.qr-code{
    background: url(images/code.jpg) no-repeat left top;
    margin : 35px 0px 20px -10px
}
.contatti .posts .subtitle, .contatti .sidebar .subtitle{
    color : rgb(170,170,170);
    font-size : 24px;
    font-family: Georgia;
    padding : 12px 0px 20px 100px;
    background: url(images/quote.jpg) no-repeat 38px 5px;
}
.contatti .sidebar .subtitle{
    background: none;
    padding-left : 0px;
}
.contatti .sidebar .info{
    margin-top : 15px;
}
.contatti .sidebar .info span, .contatti .sidebar .info strong{
    width : 45px;
    float : left;
    font-weight : normal;
    margin-bottom : 5px;
}
.contatti .sidebar .info strong{
    width : 195px;
}
.contatti .sidebar .info strong a{
    text-decoration : none;
}
.contatti .sidebar .info strong a:hover{
    color : #56BBED;
}
.contatti .sidebar .info span{
    color : #56BBED;
}
.contatti .sidebar .code{
    clear  :both;
    background: url(images/qr-code.jpg) no-repeat left top;
    height : 190px;
    width : 190px;
}

/* Sidebar pagina contatti */

.contatti .sidebar{
    margin : 0px;
    padding : 0px;
    width : 280px;
    float : right;
    padding-top : 20px;
}

/* Form richiesta preventivo */

.request-quote form{
    margin-top : 10px;
}
.request-quote input{
    padding : 7px 10px;
    height : 14px;
    border : 1px solid rgb(228,228,228);
    background: #fff;
    width : 515px;
    color : rgb(112,112,112);
    margin-bottom : 10px;
    float : right;
}
.request-quote input.submit{
    margin-top : 0px;
}
.request-quote textarea{
    padding : 5px 10px;
    overflow : auto;
    height : 170px;
    border : 1px solid rgb(228,228,228);
    background: #fff;
    width : 515px;
    color : rgb(112,112,112);
    margin-bottom : 10px;
    float : right;
}
.request-quote label{
    float : left;
    width : 80px;
    text-align : right;
    padding-top : 6px;
    color : rgb(86,187,237);
}
.request-quote form .subtitle{
    margin-top : 10px;
}
.check-list{
    float : left;
    position : relative;
    height : 1%;
    padding-left : 97px;
    padding-top : 10px;
    margin-bottom : 20px;
}
.check-list div{
    float : left;
    width : 160px;
    margin-bottom : 5px;
}
.check-list input.check, .request-quote .privacy input.check{
    padding : 0px;
    margin : 0px;
    width : 25px;
    height : 15px;
    float : left;
    border  :0px !important;
}
.check-list label, .request-quote .privacy label{
    float : left;
    text-align : left;
    color : rgb(112,112,112);
    padding : 0px;
    width : auto !important;
}
.request-quote .privacy{
    float : right;
    width : 542px;
}
.request-quote .privacy div{
    width : 400px;
    float : left;
    padding-top : 5px;
}
.request-quote .privacy label span{
    color : rgb(86,187,237);
}

/* Regole Uso Generale */

.standard-container{
    padding-bottom : 7px;
    background : url(images/box-bg.jpg) repeat-x left bottom;
}
.clearer {
    clear : both;
    height : 0px;
    float : none !important;
}
/*@group wdbox*/
.fader{
    width : 100%;
    height : 100%;
    background : #000;
    position : absolute;
    top: 0;
    left: 0;
    opacity : 0.2;
    z-index : 120;
}
.wdbox {
    background : #fff;
    left : 0;
    position : absolute;
    top : 0;
    padding : 15px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    /*was zindex 80*/
    z-index : 150;
}
.wdbox .wdbox_content{
    width : 480px;
}
.wdbox .wdbox_interaction {
    position : relative;
    clear : both;
    text-align : right;
}
.wdbox-caption {
    padding : 15px;
    text-align : left;
}
a.closeLink{
    margin : 0px;
    padding : 0px;
    cursor : pointer !important;
    text-decoration : none;
}
a.closeLink span{
    font-size : 18px;
    vertical-align : top;
}
.wdbox .wdbox_content_body{
    text-align : center;
}
.wdbox.safari{
    padding: 0;
    cursor: pointer;
    box-shadow : 0px -1px 30px rgba(0,0,0, .2);
    -webkit-box-shadow : 0px -1px 30px rgba(0,0,0, .2);
    -moz-box-shadow : 0px -1px 30px rgba(0,0,0, .2);
}
.wdbox.safari img{
    visibility: hidden;
}
.wdbox-close-message{
    position: absolute;
    font-family: Georgia;
    top : 20%;
    left: 380px;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background: #000;
    opacity: .2;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    width: 180px;
    text-align: center;
}
.wdbox.safari:hover{
    box-shadow : 0px -1px 30px rgba(0,0,0, .3);
    -webkit-box-shadow : 0px -1px 30px rgba(0,0,0, .3);
    -moz-box-shadow : 0px -1px 30px rgba(0,0,0, .3);
}
.wdbox.safari:hover .wdbox-close-message{
    opacity: .7;
}
.wdbox h2{
    color : #93D0F4;
    font-family : Futura XBlk BT,Arial Black,Tahoma,Arial,lucida sans;
    margin-bottom: 20px;
    margin-top: 20px;
}
.wdbox li{
    margin-bottom: 5px;
}
.wdbox ul{
    margin-bottom: 20px;
}
.wdbox .innercontent{
    margin-bottom: 20px;
}
.wdbox_interaction{
    margin-bottom: 10px;
}
.wdbox_interaction a.closeLink{
    float : none;
    display: block;
    margin: auto;
    text-align: center;
    width: 50px;
    padding: 5px 10px;
    background: #93D0F4;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
    border-radius : 5px;
    -webkit-border-radius : 15px;
    -moz-border-radius : 15px;
    /*background:
		-webkit-gradient(linear, left top, left bottom,
		to(#96d1f4), from(#bee2f8));
	background: -moz-linear-gradient(top, #bee2f8, #96d1f4);*/
    background:
        -webkit-gradient(linear, left top, left bottom,
        to(#68C0EF), from(#A3D7F5));
    background: -moz-linear-gradient(top, #A3D7F5, #68C0EF);
    opacity: .6;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
}
.wdbox_interaction a.closeLink:hover{
    opacity: 1;
    /*background:
	-webkit-gradient(linear, left top, left bottom,
	to(#68C0EF), from(#A3D7F5));
	background: -moz-linear-gradient(top, #A3D7F5, #68C0EF);*/

}
/*@end*/

.noticer{
    width: 200px;
    position: absolute;
    top: 8px;
    left: -50px;
    text-align: center;
}
.noticer-message{
    width: 117px;
    font-size: 11px;
    line-height: 1.2;
    position: absolute;
    color: #777;
    padding: 7px 10px 20px;
    background: url(images/copyright-hover.png) no-repeat left top;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    text-align: center;
    right: 33px;
    font-weight: bold;
    top: -20px;
    opacity: 0;
}