body,html {margin:0;padding:0;bottom:0; height:100%;}
body{font-family: 'TitilliumLight';}
*{outline:none;}
img{ border:0px;}
a, a:hover, a:visited{
color:#14B2E5;
}
#langs{width:200px; position:fixed;top:5px; right:5px;z-index:99;}

#easyContainer{overflow:hidden;}
#bgimg {
    position:absolute;
    z-index: -1;

}
.section4{width:450px; margin:20px 0px 0px 10px;}

.portfolio-slider{
    border:0px solid red;
    width:1000px;
    position:relative;
    margin-left:-30px;
    border:0px;
}
.image_home{
    position:relative;
    margin-left:480px;
    margin-top:-200px;
}
.image_cosa{
    position:relative;
    margin-left:570px;
    margin-top:-290px;
}

.polaroid{
    position:relative;
    margin-left:600px;
    margin-top:-350px;
     border:0px;
}
#header{background: url('../images/top_slice.png') repeat-x; position:fixed;top:0; left:0; width:100%;z-index:4;display:block; height:265px;overflow:hidden;}
.clr{
    clear:both;
}
#nooko_logo{
    
    position:fixed; z-index:10; margin:0px auto; margin-top:-220px; width:157px; 
}
#page{
width:960px;    
margin:0 auto;
bottom:0;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom:-48px;
}

#easyCaption{
    font-family:'TitilliumLight';
    font-size:18px;
    color:#C4C6D0;
    font-weight:normal;

}

.par{float:left;}
#parallax {
    position:absolute;
    overflow:hidden;
    padding-top:200px;
    left:0px;
    width:100%; 
    height:59px; 
    font-family:'TitilliumLight';
    font-size:21px;
    color:#C4C6D0;
    z-index:9;
}
.pa1, .pa2, .pa3{
    float: left;
    position:relative;
    margin-left:80px;

}
#sections {
    position:relative;
    left:0px;
    width:1000px; 
    height:auto; 

    font-family:'TitilliumLight';
    font-size:21px;
    color:#C4C6D0;
    
}
#nav
{

width:960px;
height:45px;
position:fixed;
z-index:10;
margin:0 0;
top:258px;
padding:0 10px 10px 10px;overflow:hidden;
}
#navigation 
{
    display:block;
    margin:0;
    padding:0;

width:440px;
height:45px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
}



#navigation li
{
float:left;
display:block;

}

#navigation li a
{
background-image:url(../images/sprite.jpg);
display: block;
    outline: none;
    position: relative;
    height: 45px;
    text-decoration: none;
    width: auto;

}

#navigation li a .area{
position:absolute;
z-index:999;
font-family:'TitilliumLight';
    font-size:16px;
    text-transform:lowercase;
    color:#C4C6D0;
    text-align:center;
    width:110px;
margin-top:15px;
text-shadow:0px 0px 4px #000000;
}
#navigation li a:hover .area{
    color:#FFF;

} 
    #navigation .home 
    {
    background-position:0px 0px;
    width:102px;
    height:45px;
    
    }
    
    #navigation .btn
    {
    background-position:-102px 0px;
    width:110px;
    height:45px;
    }
    
    #navigation .portfolio 
    {
    background-position:-212px 0px;
    width:108px;
    height:45px;
    }
    
    #navigation .about 
    {
    background-position:-320px 0px;
    width:102px;
    height:45px;
    }
    
    #navigation .contact 
    {
    background-position:-422px 0px;
    width:103px;
    height:45px;
    }
    
    
    
    #navigation a .hover {
    background: transparent  url(../images/sprite.jpg) no-repeat;
    display:block ;
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    
    }
    #navigation .active{
    background-position: -102px -45px;
  

    }
    #navigation .active span{  color:#fff !important;}
    #navigation .home .hover {
    background-position: -0px -45px;
    
    }
    #navigation .btn .hover{
    background-position: -102px -45px;
    
    }
    #navigation .portfolio .hover {
    background-position: -212px -72px;
    }
    #navigation .about .hover {
    background-position: -320px -72px;
    }
    #navigation .contact .hover {
    background-position: -422px -72px;
    }

.image-wrapper
{
    float:left;
    width:300px;
    height:200px;
    margin:0 0px 0px 0;
    position:relative;
       
}
.image-wrapper img{
    border:0px solid #999 !important;

}
.image-text
{
    width:280px !important;
    height:180px !important;
    position:absolute;
    font-family:'TitilliumLight';
    color: #fff;
    
    font-size:24px;
    padding:10px;
    margin:0px;
    top:0;
    left:0;
    /*background:url(../images/site/bg.png) repeat;*/
    background-color: #0CAEE3;
    text-shadow:1px 1px 0px #000000;

}

.image-category
{
    position:absolute;
    bottom:10px;
    left:10px;
    text-transform:uppercase;
    color: #0B405E;
    font-size:10.5px;

}

.details
{
    clear:both;
    float:left;
    width:920px;
    margin-bottom:20px;
}

.details p
{
    float:left;
    width: 450px;
    line-height:18px;
    margin: 2px 0 15px;
}

.pagetitle{ text-indent:-9000px;}

#scroller{
    position:fixed;
    width:100%;
    height:100%;   
    margin:0 auto;
    
    display:block;
} 
 #container{
     position:relative;
     top:259px;
     
}
.largebox{
    width:4000px;
    left:0px;
}
.light{
    font-weight:normal;
    color:#A1A3AB;
}

#box{
    position:absolute;
    top:50px;
    left:0px;
    padding:50px 100px;
    margin:0px;
    width:740px;
    height:400px;
    background:#fff;
    font-family:'TitilliumLight';
    font-size:16px;
    color:#232323;
    opacity:0.9;
    z-index:9;

}
 #box h3{
    color:#1AB4E6;
}
#container-lightbox #image{
    position:relative;
    padding-left:0px;
    display:block;
    margin:0px;
    width:938px;
    height:400px;
    overflow:hidden;
    border:1px solid #999;
}
#container-lightbox #image img{width:938px;}
/* */
.section{
    color:#585858;
    margin:60px 0;
    bottom:0px;
    width:1000px;
    float:left;
    height:100%;
    line-height:20px;
    text-shadow:1px 1px 2px #f0f0f0;
    
}
.section h2, .section h1{
    margin:15px 0px 00px 10px;
    font-size:21px;
    font-weight:normal;
}
.section h1{
    color:#14B2E5;
}
.section p{
    margin:20px 0px 0px 10px;
    width:600px;
}

.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}

.footer, .push {
    height: 30px; clear:both;
    margin:0;padding:0;
}
.footer{background: url('../images/footer.png') repeat-x; width:100%; position:fixed;z-index:8; margin-top:-30px;bottom:0;left:0px;
color:#fff;
font-family: 'TitilliumLight';
font-size:10px;
line-height:30px;
}


.carousel-control{overflow:hidden;display:inline-block;vertical-align:middle; margin-top:80px;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;border:0;text-indent:-9999px; }
.carousel-next{background:url(../images/next.png) 0 0 no-repeat;float:left; }
.carousel-previous{background:url(../images/prev.png) 0 0 no-repeat; float:left;}
.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
.disabled,.disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#sections ul{overflow:hidden;padding:0; margin:0;zoom:1;}
#sections ul li{display:inline;float:left;margin:0 0px 0px 0;padding:0; list-style:none; width:305px;}
#sections ul li a{display:block;padding:0px;text-decoration:none;}
#sections ul li a.active{color:#fff;}
#sections p{margin:0 0 15px;}
#sections .tabs-frames{border:0px solid #333;padding:0px;}
#sections .js ul{overflow:hidden;zoom:1;}
.js ul li{overflow:hidden;width:305px;height:350px;padding-right:5px;}
.carousel-wrap{width:915px;margin-bottom:0;zoom:1; height:350px;float:left;}
table, tr, td{margin:0; padding:0;}
.footer p{width:960px; margin:0 auto;}
@font-face {
    font-family: 'TitilliumLight';
    src: url('TitilliumText22L002-webfont.eot');
    src: url('TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L002-webfont.woff') format('woff'),
         url('TitilliumText22L002-webfont.ttf') format('truetype'),
         url('TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumRegular';
    src: url('TitilliumText22L003-webfont.eot');
    src: url('TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L003-webfont.woff') format('woff'),
         url('TitilliumText22L003-webfont.ttf') format('truetype'),
         url('TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}