/**
 *
 * Copyright (c) by @Surveys
 *
 * Global css file for screen media.
 
*****************************************************************************
* GLOBAL
*******************************************************************************/
* {
margin:0;
padding:0;
}

body {
color:#001526;
font-size:75%;
background:#ffffff url('../images/general/background-general_new.jpg') repeat-x;
font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

html>body {
font-size:12px;
}

img {
border:none;
}

img.centered {
display:block;
margin:0 auto;
}

.clear {
clear:both;
}

div.clear {
height:0;
clear:both;
width:100%;
font-size:0;
line-height:0;
}

/* fix for older browsers */
#main-content div.clear {
height:1px;
}

p {
font-size:1em;
line-height:2em;
padding:0 0 2em;
}

#mouse {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/mouse.png') no-repeat 0 0;
}

#iphone {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/iphone.png') no-repeat 0 0;
}

#monitor {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/monitor.png') no-repeat 0 0;
}

#computer {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/computer.png') no-repeat 0 0;
}

#notes {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/notes.png') no-repeat 0 0;
}

#smartphone {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/smartphone.png') no-repeat 0 0;
}

#phone {
width:120px;
height:393px;
position:absolute;
top:0;
left:0;
background:transparent url('../images/topbar/phone.png') no-repeat 0 0;
}

/* Header Toggle */

#header-toggle {
float:left;
margin-top:0;
}

#header-toggle.hide {
width:99px;
background-position:left 0;
}

#header-toggle.hide:hover {
background-position:left -35px;
}

#header-toggle.show {
width:99px;
background-position:left -70px;
}

#header-toggle.show:hover {
background-position:left -105px;
}

/* Button Links */
a.button {
display:block;
height:35px;
text-indent:-10000em;
text-decoration:none;
background:transparent url('../images/general/buttons_new.gif') no-repeat left 0;
}

a.button:hover {
background-position:left -18px;
}

/******************************************************************************
* LINKS
*******************************************************************************/
a {
color:#7f9c47;
text-decoration:none;
}

a:hover {
color:#7f9c47;
text-decoration:underline;
}

/* special links */
a.map {
padding-left:20px;
background:url('../images/icons/map.gif') no-repeat center left;
}

/******************************************************************************
* LISTS
*******************************************************************************/
ul,ol {
line-height:2em;
text-align:left;
margin-bottom:2em;
}

ul {
padding-left:14px;
list-style-type:disc;
}

ul li {
margin-bottom:2em;
}

ol {
margin-left:30px;
}

ol li {
list-style-type:decimal;
}

/******************************************************************************
* HEADLINES (vertical grid is 22px high)
*******************************************************************************/
h1,h2,h3,h4,h5,h6 {
color:#223D51;
font-weight:400;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:#223D51;
text-decoration:none;
background:transparent !important;
padding:0;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
text-decoration:none;
}

h1 {
font-size:3em;
line-height:1.3333em;
margin-top:0.6667em;
margin-bottom:0;
}

h2 {
font-size:2em;
line-height:1em;
margin-top:1em;
margin-bottom:0;
}

h3 {
font-size:1.6667em;
line-height:1.2em;
margin-top:1.2em;
margin-bottom:0;
}

h4 {
font-size:1.5em;
line-height:1.3333em;
margin-top:1.3333em;
margin-bottom:0;
}

h5 {
font-size:1em;
line-height:2em;
margin-top:2em;
margin-bottom:0;
}

h6 {
font-size:0.8333em;
line-height:2.4em;
margin-top:2.4em;
margin-bottom:0;
}

/******************************************************************************
* WRAPPERS
*******************************************************************************/
#nav-bar-wrapper {
width:100%;
background:url('../images/general/background-general.png') repeat-x 0 -213px;
}

#logo-wrapper {
width:100%;
background:#223D51 url('../images/general/header-back.png') repeat-x 0 0;
}

#logo-wrapper a {
border:none;
background-color:transparent;
clear:both;
padding:0;
}

#head-wrapper {
width:100%;
background:#e0eaf0 url('../images/general/header-back.png') repeat-x 0 -147px;
border-bottom:solid 1px #fff;
}

#content-wrapper {
width:100%;
background:#fff url('../images/general/content-wrapper-back.png') repeat-x 0 0;
border-top:1px solid #E6E5E7;
}

#wordpress-wrapper {
width: 600px;
height: 150px;
position:relative;
}

#wordpress-left {
width: 50px;
position:absolute;
left:0;
top:0;
}

#wordpress-right {
padding: 10px;
margin:0 0 0 50px;
} 

/******************************************************************************
* TOP BAR
*******************************************************************************/
#top-bar {
background:url('../images/general/background-paths_delete.jpg') no-repeat 100px 8px;
width:1000px;
height:44px;
position:relative;
margin:0 auto;
}

/******************************************************************************
* LOGO BAR
*******************************************************************************/
#logo-bar {
height:147px;
width:850px;
text-align:left;
padding-left:120px;
background:url('../images/general/logo-bar-tablet.jpg') top right no-repeat;
margin:0 auto;
}

#logo {
margin-top:29px;
}

/******************************************************************************
* NAVIGATION & MENUS
******************************************************************************
 navigation bar */
#nav-bar {
height:38px;
width:865px;
margin:0 auto;
padding:0 25px 0 150px;
}

/* main menu */
#main-menu {
float:right;
width:750px;
line-height:1em;
list-style-type:none;
margin-bottom:0;
height:38px;
padding:0;
}

#main-menu li {
float:right;
margin-right:1px;
background:transparent;
margin-bottom:0;
padding:0;
}

#main-menu li a {
height:18px;
color:#D5E5F0;
border:none;
display:block;
text-decoration:none;
background:transparent;
text-align:center;
padding:10px 20px;
}

#main-menu li.active a,#main-menu li a:hover {
color:#3c5567;
background:url('../images/general/background-general-button.png') repeat-x;
}

/******************************************************************************
* CONTENT
*******************************************************************************/
#main-content {
width:825px;
text-align:justify;
margin:0 auto;
padding:0 25px 0 150px;
}

#main-content div.double-column {
background:transparent url('../images/general/content-columns.gif') repeat-y 0 0;
}

#main-content div.triple-column {
background:transparent url('../images/general/content-columns.gif') repeat-y -824px 0;
}

#main-content div.column {
float:left;
width:255px;
padding:0 20px;
}

#main-content div.column-single-first {
width:245px;
padding-left:0;
}

#main-content div.column-single-last {
float:right;
width:245px;
padding-right:0;
}

#main-content div.column-double-first {
width:530px;
padding-left:0;
}

/******************************************************************************
* FOOTER
*******************************************************************************/
#footer-content {
width:825px;
background:transparent url('../images/general/background-paths_delete.jpg') no-repeat 500px -255px;
margin:0 auto;
padding:22px 25px 11px 150px;
}

#footer-bottom {
width:100%;
height:8px;
background:url('../images/general/background-general_new.jpg') repeat-x 0 -289px;
}

#footer-wrapper {
width:100%;
color:#7A96AB;
background:#223D51 url('../images/general/background-general.png') repeat-x 0 -297px;
}

#footer-wrapper a {
color:#fff;
text-decoration:none;
}

#footer-wrapper a:hover {
text-decoration:underline;
}

/******************************************************************************
* ICONS
*******************************************************************************/
h1.icon,h2.icon,h3.icon {
background-position:left center;
background-repeat:no-repeat;
padding:12px 0 12px 50px;
}

p.icon {
background-position:left center;
background-repeat:no-repeat;
padding:5px 0 5px 50px;
}

.phone {
background-image:url('../images/icons/phone-large.gif');
}

.phonelittle {
background-image:url('../images/icons/phonelittle.png');
}

.cellphonelittle {
background-image:url('../images/icons/cellphonelittle.png');
}

.link {
background-image:url('../images/icons/link.gif');
}

.sendemail {
background-image:url('../images/icons/sendemail.png');
}

.sendemaillittle {
background-image:url('../images/icons/sendemaillittle.png');
}

.howwedo {
background-image:url('../images/icons/howwedo.png');
}

.whatwedo {
background-image:url('../images/icons/whatwedo.png');
}

.consultancy {
background-image:url('../images/icons/consultancy.png');
}

.culturesurveys {
background-image:url('../images/icons/culturesurveys.png');
}

.exitsurveying {
background-image:url('../images/icons/exitsurveying.png');
}

.casestudies {
background-image:url('../images/icons/casestudies.png');
}

.customersatisfaction {
background-image:url('../images/icons/customersatisfaction.png');
}

.onlinesurveying {
background-image:url('../images/icons/onlinesurveying.gif');
}

.questionnairedesign {
background-image:url('../images/icons/questionnairedesign.gif');
}

.graphicaldesign {
background-image:url('../images/icons/graphicaldesign.gif');
}

.reporting {
background-image:url('../images/icons/reporting.gif');
}

.analysisinterpretation {
background-image:url('../images/icons/analysisinterpretation.gif');
}

.attention {
background-image:url('../images/icons/attention-large.gif');
padding-left:60px !important;
}

.presentation {
background-image:url('../images/icons/presentation.png');
}

/*******************************************************************************
* MISC
*******************************************************************************/
.margin-bottom {
margin-bottom:24px;
}

.border-bottom {
border-bottom:1px solid #E6E5E7;
}

.border-top {
border-top:1px solid #E6E5E7;
}

p.border-bottom {
padding-bottom:1.916em;
}

.margin-top {
margin-top:24px;
}

.padding-top {
padding-top:24px;
}

/*******************************************************************************
* FORMS
*******************************************************************************/
fieldset {
border:1px solid silver;
margin-bottom:1em;
padding:15px;
}

legend {
font-size:1.25em;
color:#223D51;
font-weight:400;
line-height:1.6em;
}

label {
line-height:2em;
}

input,textarea,select {
border:1px solid #c9c9c9;
font-size:1em;
line-height:2em;
font-family:Arial, Verdana, Helvetica, sans-serif;
background:#fff url('../images/general/background-input.gif') no-repeat 0 0;
padding:4px;
}

input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus {
border:1px solid #aaa;
background-position:0 -400px;
}

input.check,input.radio {
background:none;
border:none;
}

input.date_input {
padding-left:30px;
background-image:url('../images/general/background-input-calendar.gif');
width:186px;
}

input.double-length,textarea.double-length,select.double-length {
width:212px;
}

input.triple-length,textarea.triple-length,select.triple-length {
width:360px;
}

input.login-main,textarea.login-main,select.login-main {
width:250px;
background-color:#e6e6e6;
}

div.form-column {
float:left;
width:400px;
padding-right:12px;
}

/*******************************************************************************
* ANIMATIONS
*******************************************************************************/
.animation ul {
list-style:none;
display:inline;
padding:0;
}

.animation ul li {
list-style:none;
display:inline;
margin:0;
padding:0;
}

.animation li {
position:relative;
float:left;
width:190px;
}

.animation a {
text-decoration:none;
color:#959394;
font-family:Arial;
font-size:11px;
line-height:60px;
}

.animation li.current_language_item a {
text-decoration:none;
color:#231f20;
font-family:Arial;
font-size:11px;
line-height:60px;
}

.animation li .c1 {
height:155px;
clear:both;
}

.animation li .c1 .c11 {
margin-top:40px;
position:absolute;
opacity:0;
}

.animation li .c1 .c12 {
margin-top:20px;
position:absolute;
}

.animation li .c2 {
padding-top:20px;
clear:both;
}

.animation li .c2 img {
opacity:.70;
}

.animation li .c3 {
padding-top:10px;
padding-left:0;
clear:both;
}

.animation li .c3 img {
opacity:0;
}

/*******************************************************************************
* CHECKLIST
*******************************************************************************/
.checklist {
list-style-type:none;
}

.checklist ul {
list-style-type:none;
margin:0;
padding:0 10px;
}

.checklist li {
height:10px;
background:url(../images/icons/checklist.jpg) no-repeat;
cursor:pointer;
padding:0 0 20px 30px;
}

/*******************************************************************************
* FEATURED
*******************************************************************************/
div#featured {
padding:0 0 0 70px;
}

div#featured ul {
float:left;
list-style-type:none;
margin:0;
}

div#featured ul li {
float:left;
width:297px;
text-indent:-999em;
}

div#featured ul li a {
display:block;
height:247px;
background-repeat:no-repeat;
background-position:0 0;
}

div#featured ul li a:hover {
background-position:0 -254px;
}

div#featured ul li#featured1 a {
background-image:url(../images/animation/onlinesurveying.jpg);
}

div#featured ul li#featured2 a {
background-image:url(../images/animation/questionnairedesign.jpg);
}

div#featured ul li#featured3 a {
background-image:url(../images/animation/graphicaldesign.jpg);
}

div#featured ul li#featured4 a {
background-image:url(../images/animation/reporting.jpg);
}

div#featured ul li#featured5 a {
background-image:url(../images/animation/analysisinterpretation.jpg);
}

div#featured ul li#featured-down1 p, li#featured-down2 p, li#featured-down3 p, li#featured-down4 p {
background-image:url(../images/icons/arrow-down.gif);
background-repeat:no-repeat;
background-position:130px 0;
}

/*holder*/
#mainContent .holder {
font-size:90%;
overflow:hidden;
margin-top:10px;
}

#mainContent .holder div {
float:left;
width:280px;
height:190px;
background:url(../images/general/whatwedo-back.png) top left no-repeat;
margin:10px 10px 5px 5px;
padding:15px 10px 15px 15px;
}

#mainContent .holder div p {
margin:0 0 0 90px;
}

#mainContent .holder div p a {
display:block;
color:#fe7e01;
margin-top:6px;
padding-left:22px;
background:url(../images/general/whatwedo-plus.png) center left no-repeat;
}

#mainContent .holder div p a:hover {
color:#333;
}

#mainContent .holder div img {
float:left;
width:75px;
margin:0;
}

#mainContent .holder div h2 {
padding-bottom:5px;
color:#7c981a;
text-decoration:none;
font-weight:700;
font-size:150%;
border:none;
margin:0 0 10px;
}

#mainContent .holder div h2 a {
padding-bottom:5px;
color:#7c981a;
text-decoration:none;
font-weight:700;
font-size:100%;
border:none;
margin:0 0 10px;
}

#head {
width:325px;
text-align:left;
margin:0 auto;
padding:10px 525px 22px 150px;
}

/*******************************************************************************
* PROJECTS
*******************************************************************************/
#projects{
  width: 750px;
  margin: auto;
}

a.project{
  width: 250px;
  height: 100px;
  display: block;
  float: left;
  border: none;
  position: relative;
  z-index: 0;
}

a.project span.text{
  display: none;
}

a.project span.hover{
 cursor: pointer;
 display: block;
 width: 250px;
 height: 100px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
}

a.project.dettagliomuebles{ margin: 20px; background: transparent url(../images/projects/logo_dettagliomuebles_on_off.png) 0 0 no-repeat; }
a.project.dettagliomuebles span.hover{ background: transparent url(../images/projects/logo_dettagliomuebles_on_off.png) 0 -100px no-repeat; }

a.project.cancunclipperclub{ margin: 20px; background: transparent url(../images/projects/logo_cancunclipperclub_on_off.png) 0 0 no-repeat; }
a.project.cancunclipperclub span.hover{ background: transparent url(../images/projects/logo_cancunclipperclub_on_off.png) 0 -100px no-repeat; }

a.project.senorfrogs{ margin: 20px; background: transparent url(../images/projects/logo_senorfrogs_on_off.png) 0 0 no-repeat; }
a.project.senorfrogs span.hover{ background: transparent url(../images/projects/logo_senorfrogs_on_off.png) 0 -100px no-repeat; }