/************* DOCUMENT **************/
@charset "UTF-8";
/* CSS Document */

/************* ALGEMEEN **************

        The Squeezers // Marketing, adertising & design
        t. +31 (0) 79 343 61 58
        f. +31 (0) 79 343 61 59


/************* 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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before, q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
/*table{border-collapse:collapse;border-spacing:0;}*/

/************* BOXES **************/

body{background-color:#eeeeee;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#7b7b7b;line-height:20px;margin:0;padding:0;}
.container{width:960px;background-color:#f5f4f3;padding:0;margin:20px auto 20px auto;}
.top{width:960px;height:112px;background-color:#FFF;float:left;}
.logo{margin:8px 20px 20px 35px;float:left;}
.nav{margin:0 0 11px 0;float:right;}
.header{width:960px;height:347px;float:left;background:url(../images/954_Render05_0001_1.jpg) no-repeat top;margin:0;margin-top:-13px}
.contentwrap{width:960px;padding:0;margin:-10px 0 0 0;background-color:white;float:left;}
.content{width:891px;padding:23px;background-color:#FFF;float:left;}
.left{width:422px;margin:0 20px 0 0;float:left;background-color:#FFF;}
.right{width:422px;float:right;}
.footer{width:891px;float:left;background-color:#FFF;margin:0 0 20px 13px;padding:14px 23px 14px 23px;}
.copyright{float:left;}
.SQU{float:right;}
.SQU a:link,.SQU a:hover,.SQU a:active,.SQU a:focus,.SQU a:visited{color:#39a0ea;text-decoration:none;}

/************* HEADINGS **************/

/*H2{color:#39a0ea;text-transform:uppercase;font-size:18px;margin:0 0 21px 0;}*/
H2{color:#39a0ea;padding:0 0 14px 0;margin:0 0 21px 0;border-bottom:#CCC 1px solid;font-weight:lighter;font-size:14px;}
H3{color:#39a0ea;padding:20px 0 14px 0;margin:10px 0 10px 0;border-top:#CCC 1px solid;font-weight:lighter;font-size:14px;}
H5{color:#39a0ea;padding:0 0 14px 0;margin:10px 0 10px 0;font-weight:lighter;font-size:14px;}

/************* NAV **************/

.nav li{display:inline;list-style-type:none;padding-right:40px;margin:80px 0 0 0;float:left;color:#36a9e1;}
.nav a:link,.nav a:active,.nav a:visited{color:#36a9e1;text-decoration:none;}
.nav a:hover{color:#36a9e1;}

/************* PAGE STYLING **************/

/************* TEXTCONTENT **************/

.text{width:584px;float:left;}
.images{float:right;margin:22px 0 0 0;max-width: 287px;}
.images li{list-style:none;margin:10px 0 10px 0;}
.content table li{list-style:url(../images/list.png);}
.quicknav{position:relative;margin:0 0 0 650px;}
.quicknav li{list-style:none;padding:10px;margin:0;border-bottom:#CCC 1px solid;}
.quicknav a:link,.quicknav a:hover,.quicknav a:active,.quicknav a:visited{color:#39a0ea;text-decoration:none;}
/************* CONTACT **************/

#maps{width:422px;height:214px;margin:33px 0 38px 0;float:left;}
.contact{border-left:#CCC 1px solid;float:left;padding:15px;}
.contact li{list-style:none;}
.contact a:link,.contact a:hover,.contact a:active,.contact a:visited{color:#39a0ea;text-decoration:none;}

/************* GALLERY **************/

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { /*this is the gallery container*/
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #fff;
}
.slideViewer ul {  /*this is your list of images*/
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/
    float:left;
}

/*typographic info*/
.slideViewer span.typo{
    padding: 6px; /* do not modify padding (yet)*/
    background: #fff;
    color: #000;
    font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider contanier*/
    overflow: hidden;
    width: 1%;
    background: #fff;
}
.thumbSlider ul { /*the thumbnails list of images*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.thumbSlider ul li{
    float:left;
    margin: 0;
}
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/
    color: #fff;
    text-decoration: none;
}
.thumbSlider a img{
    border: 0;
    display: block;
    padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
    /* width, height and top values are dynamically added by the script. Do not modify. */
    position:relative;
    left: 0;
    font-size: 0.01em;
    left: 0;
    margin: 0;
    padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
    background: transparent; /* could be any color  */
    color: #ff0000;
    font: bold 16px Arial;
    overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
    border: 0;
}
a.l_dis, a.r_dis {
    background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
    cursor: default;
}
a.l_dis span, a.r_dis span {
    display: none;
}
a:focus {outline:none;}
ul.list-style-disc {
    list-style: disc;
}
.country-flag {
    padding-top: 4px;
    margin-right: 3px;
}

p {
    margin-bottom: 20px;
}

p.no-margin {
    margin: 0px;
}

.grayscale {
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
    height: 20px;
    width: 20px;
}

.contact-right{
    width: 344px !important;
}
.contact-left {
    width: 500px !important;
}

.contact td:first-child {
    width: 40px;
}

.contact {
    padding-top: 0px !important;
    padding-left: 30px !important;
}

.contact h5 {
    padding-bottom: 0px;
}