/*   

Main CSS Stylesheet
Author: Jan Kraus, http://floatnet.pl/
Version: 1.0

*/

body{
   font-size:14px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}

#wrapper{
   width:954px;
   margin:0 auto;
   text-align:left;
}

.hidden{
   display: none;
}

 a:active, a:focus { outline-style: none; -moz-outline-style:none;}

.high_z {
    z-index: 10;
}

/* =Header
   ------------------------------------------------------ */
   
#header{
   height:160px;
   position: relative;
}

#header h1{
   width:220px;
   height:100px;
   margin:0 0 0 0;
   padding:40px 0 0 0;
}

#header h1 a{
   display: block;
   width:220px;
   height:100px;
   background:url('../img/logo.png') 0 0 no-repeat;
   outline:none;
   text-decoration: none;
   text-indent: -9999px;
}

#header ul.nav{
   position: absolute;
   left:235px;
   margin:0;
   padding:0;
   top:35px;
   list-style:none;
   width:720px;
}

ul.nav .skiplink{
   display: none;
}

ul.nav li.l1{
   display: block;
   float:left;
   margin:0;
   padding:0 30px 0 30px;
   width:180px;
}

ul.nav li.l1 a{
   text-decoration: none;
   text-transform: uppercase;
   font-size:12px;
   color:#333;
   font-weight: bold;
   letter-spacing:0.5px;
}

ul.nav li ul{
   margin:0;
   padding:0;
   list-style:none;
   line-height:18px   
}

ul.nav li.l1 ul li a{
   text-decoration: none;
   font-size:12px;
   color:#bbb;
   text-transform: none;
   font-weight: normal;
   letter-spacing: 0;
}

ul.nav li a:hover{
   color:#d0382a;
   text-decoration: underline;
}

/* =Content
   ------------------------------------------------------ */

ul.big-nav{
   margin:0;
   padding:0;
   list-style:none;
   overflow:hidden;
   position:relative;
}

ul.big-nav li{
   width:237px;
   float:left;
   background:#000;
   border-right:2px dotted #fff;   
}

ul.big-nav li a{
   display: block;
   width:177px;
   padding:305px 30px 10px 30px;   
   text-decoration: none;
   color:#fff;
   text-transform: uppercase;
   font-size:11px;
   font-weight: bold;
   text-decoration: none;
   position: relative;
}

ul.big-nav li a span.ov{
   width:237px;
   height:300px;
   display: block;
   position: absolute;
   left:0;
   top:0;
}

ul.big-nav li.last-child{
   width:236px !important;
   border-right: none !important;   
}

ul.big-nav li.last-child a{
   width:176px !important;
}


/* subpages */

body.page ul.big-nav li.empty{
   height:160px;
   border-bottom:40px solid #000;
   display:block;
}

body.page ul.big-nav li a{
   padding:10px 30px 110px 30px;
   height:40px;  
   border:none; 
   border-bottom:40px solid #000;
   color:#fff !important;
   position:relative;
   z-index: 2;
}

body.page ul.big-nav li.parent{
   position: absolute;
   bottom:10px;
   left:30px;
   width:auto;
   height:auto;
   float:none;
   padding:0;
   border:none;
   background:none;
}

body.page ul.big-nav li.parent a{
   padding:0;
   background:none;
   height:auto;
   border:none;
}

body.page ul.big-nav li a span.ov{
   width:237px;
   height:160px;
   display: block;
   position: absolute;
   left:0;
   top:0;
   z-index: -1;
}

body.page ul.big-nav li.last-child a span.ov{
   width:236px;
}

body.page .bodyimgleft {
    padding: 0 15px 15px 0;
    float: left;
}

body.page .bodyimgright {
    padding: 0 0px 15px 15px;
    float: right;
}

body.page .allgray {
    background-color: #F1F1F1;
    z-index: -5;
}

div.news h3 {
    margin-bottom: 5px;
}
div.news h2 {
    margin-bottom: 0px;
}
div.news a {
    text-decoration: none;
}

div.news a:hover {
    text-decoration: underline;
    color: #D0382A;
}

div.jobs h2 a {
    text-decoration: none;
}

div.jobs h2 a:hover {
    color: #d0382A;
}

div.jobs ul {
    padding-left: 1.2em;
}

div#job-listing h1 {
    font-size:15px;
    text-transform: uppercase;
}

/* home */
body.home ul.big-nav li.tech a{background:#000 url('../img/home_about.jpg') 0 0 no-repeat;}
body.home ul.big-nav li.people a{background:#000 url('../img/home_tech.jpg') 0 0 no-repeat;}
body.home ul.big-nav li.about a{background:#000 url('../img/home_people.jpg') 0 0 no-repeat;}
body.home ul.big-nav li.news a{background:#000 url('../img/home_news.jpg') 0 0 no-repeat;}

body.home ul.big-nav li.tech a span.ov{background:#000 url('../img/home_about.jpg') 0 0 no-repeat;background-position:-238px 0;}
body.home ul.big-nav li.people a span.ov{background:#000 url('../img/home_tech.jpg') 0 0 no-repeat;background-position:-239px 0;}
body.home ul.big-nav li.about a span.ov{background:#000 url('../img/home_people.jpg') 0 0 no-repeat;background-position:-240px 0;}
body.home ul.big-nav li.news a span.ov{background:#000 url('../img/home_news.jpg') 0 0 no-repeat;background-position:-236px 0;}

/* tech */

body.tech ul.big-nav li.item-1 {background:#00746b url('../img/tech_1.jpg') -500px 0 no-repeat;}
body.tech ul.big-nav li.item-2 {background:#188883 url('../img/tech_2.jpg') -500px 0 no-repeat;}
body.tech ul.big-nav li.item-3 {background:#429591 url('../img/tech_3.jpg') -500px 0 no-repeat;}
body.tech ul.big-nav li.item-4 {background:#76aaa8 url('../img/tech_4.jpg') -500px 0 no-repeat;}

body.tech ul.big-nav li.item-1.active a, body.tech ul.big-nav li.item-1 a span.ov{background:#000 url('../img/tech_1.jpg') 0 0 no-repeat;}
body.tech ul.big-nav li.item-2.active a, body.tech ul.big-nav li.item-2 a span.ov{background:#000 url('../img/nw2.jpg') 0 0 no-repeat;}
body.tech ul.big-nav li.item-3.active a, body.tech ul.big-nav li.item-3 a span.ov{background:#000 url('../img/app_03.jpg') 0 0 no-repeat;}
body.tech ul.big-nav li.item-4.active a, body.tech ul.big-nav li.item-4 a span.ov{background:#000 url('../img/tech_4.jpg') 0 0 no-repeat;}

/* about */

body.about ul.big-nav li.item-1 {background:#ff9900 url('../img/about_1.jpg') -500px 0 no-repeat;}
body.about ul.big-nav li.item-2 {background:#fcaf17 url('../img/about_2.jpg') -500px 0 no-repeat;}
body.about ul.big-nav li.item-3 {background:#ffc222 url('../img/about_3.jpg') -500px 0 no-repeat;}
body.about ul.big-nav li.item-4 {background:#ffce71 url('../img/about_4.jpg') -500px 0 no-repeat;}

body.about ul.big-nav li.item-1.active a, body.about ul.big-nav li.item-1 a span.ov{background:#000 url('../img/about_1.jpg') 0 0 no-repeat;}
body.about ul.big-nav li.item-2.active a, body.about ul.big-nav li.item-2 a span.ov{background:#000 url('../img/media_02.jpg') -2px 0 no-repeat;}
body.about ul.big-nav li.item-3.active a, body.about ul.big-nav li.item-3 a span.ov{background:#000 url('../img/careers_03.jpg') 0 0 no-repeat;}
body.about ul.big-nav li.item-4.active a, body.about ul.big-nav li.item-4 a span.ov{background:#000 url('../img/road_04.jpg') 0 0 no-repeat;}

/* people */

body.people ul.big-nav li.item-1 {background:#ed1c24 url('../img/people_1.jpg') -500px 0 no-repeat;}
body.people ul.big-nav li.item-2 {background:#f04e37 url('../img/people_2.jpg') -500px 0 no-repeat;}
body.people ul.big-nav li.item-3 {background:#f26649 url('../img/people_3.jpg') -500px 0 no-repeat;}
body.people ul.big-nav li.item-4 {background:#f68d6f url('../img/people_4.jpg') -500px 0 no-repeat;}

body.people ul.big-nav li.item-1.active a, body.people ul.big-nav li.item-1 a span.ov{background:#000 url('../img/people_1.jpg') 0 0 no-repeat;}
body.people ul.big-nav li.item-2.active a, body.people ul.big-nav li.item-2 a span.ov{background:#000 url('../img/people_2.jpg') 0 0 no-repeat;}
body.people ul.big-nav li.item-3.active a, body.people ul.big-nav li.item-3 a span.ov{background:#000 url('../img/people_3.jpg') 0 0 no-repeat;}
body.people ul.big-nav li.item-4.active a, body.people ul.big-nav li.item-4 a span.ov{background:#000 url('../img/people_4.jpg') 0 0 no-repeat;}



#content{
   background:url('../img/wrapper.png') 0 0 repeat-y;
}

#content div.inner{
   overflow:hidden;
   height:100%;
   width:100%;
   background:url('../img/content.png') 0px 50% no-repeat;   
}

body.tech #content{background:url('../img/wrapper_tech.png') 0 0 repeat-y;}
body.tech #content div.inner{background:url('../img/content_tech.png') 0px 50% no-repeat;   }
body.about #content{background:url('../img/wrapper_about.png') 0 0 repeat-y;}
body.about #content div.inner{background:url('../img/content_about.png') 0px 50% no-repeat;   }
body.people #content{background:url('../img/wrapper_people.png') 0 0 repeat-y;}
body.people #content div.inner{background:url('../img/content_people.png') 0px 50% no-repeat;   }

/* =Primary
   ------------------------------------------------------ */

#content div.primary{
   padding:30px;
   width:655px;
   float:left;
}

body.page #content div.primary{
   padding:30px 20px 30px 30px;
   width:665px;
}


div.primary h2{
   font-size:18px;
   font-weight: bold;
}

div.person_box h2 {
    margin-bottom: 0px;
}

body.page div.primary h2{
   font-size:13px;
   text-transform: uppercase;
   color:#444;
}

body.page div.primary{
   font-size:12px;
   color:#444;
}

div.primary div.main{
   width:415px;
   float:left;
}

div.primary div.side{
   width:195px;
   float:right;
   padding:0px 0;
}

/* =Secondary
   ------------------------------------------------------ */

#content div.secondary{
   padding:30px;
   float:right;
   width:179px;
}


div.secondary h2{
   font-size:12px;
   text-transform: uppercase;
   font-weight: bold;
   color:#fff;
}

body.home div.secondary h2{
   display: none;
}

div.secondary ul.items{
   list-style:none;
   display: block;
   margin:0;
   padding:0;
}

div.secondary ul.items li{
   padding:0 0 10px 0;
   font-size:11px;
   line-height:14px;
}

div.secondary ul.items a{
   color:#fff;
   text-decoration: none;
}

div.secondary ul.items strong{
    line-height:14px;
    font-size:11px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-weight: normal;
}

div#footer{
   clear:both;
   padding:10px 0;
   font-size:10px;
   color:#ccc;
   position: relative;
}

div#footer p.meta{
   position: absolute;
   right:0;
   top:10px;
}

div#footer p.meta a{
   color:#ccc;
   text-decoration: none;
}

div#footer p.meta a:hover{
   text-decoration: underline;
}