@import url(http://fonts.googleapis.com/css?family=Cantarell&subset=latin&v2);
body,div,h1,h2,h3,h4,h5,p,ul,form,ul,li,form{margin:0px;padding:0px;line-height:1.5em;}
body{font-family:'Cantarell',Helvetica,Arial,sans-serif;font-size:16px;color:#373737;background-color:#fff;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a.backToTop{display:inline-block;float:right;margin:0em 2.4em 0em 0em;width:193px;height:44px;font-size:.9em;line-height:2.5em;padding-left:20px;text-decoration:none;color:#999;background:transparent url(../backgrounds/backtotop.png) top right no-repeat;}
/* header */
#header{position:relative;background-color:#a4a5a7;}
#header .intro{margin:0px 18%;}
#header img{position:absolute;width:100%;height:100%;z-index:20;}
#header h1{font-size:1.3em;font-weight:normal;color:#fff;width:414px;min-height:205px;padding:200px 34px 0 460px;margin:0px auto;position:relative;z-index:100;background:transparent url(../backgrounds/logo.png) 0px 50px no-repeat;}
/* navigation */
#navigation{display:block;height:27px;background-color:#a4a5a8;border-bottom:1px solid #555;}
#navigation ul.nav{width:884px;height:54px;margin:0px auto;display:block;position:relative;background:transparent url(../backgrounds/nav.png) 0px 0px no-repeat;list-style-type:none;color:#fff;font-size:1.3em;}
#navigation ul.nav li{display:inline-block;width:218px;float:left;}
#navigation ul.nav li a{text-align:center;line-height:2.5em;display:block;color:#fff;}
#navigation ul.nav li.active a{color:#ff5a00;}
#navigation ul.nav li a:hover{text-decoration:none;color:#ff5a00;}
#navigation ul.nav li a:before{content:'\00BB \0020';}
/* sections */
#content div.section{clear:both;padding-bottom:5em;}
#content div.sectionContainer{width:960px;margin:0px auto;}
#content div.section.who{padding-top:3em;}
#content div.section.what{background-color:#7f7f7f;}
#content div.section.how{background-color:#f9f9f9;border-bottom:1px solid #f7f7f7;}
#content div.section.where{background-color:#fff;padding-bottom:9em;}
#content div.section.pullup{clear:none;padding-top:3em;}
/* sections => headings */
#content div.sectionContainer h2{font-size:1.2em;font-weight:normal;padding:.3em 1em 2.7em 3.7em;color:#aaa;}
#content div.sectionContainer h3{font-size:1em;text-transform:uppercase;font-weight:normal;color:#fff;padding:1em 0em .5em 3em;}
/* sections => columns */
#content div.section div.sectionContainer .halfLeftColumn{width:40%;padding:0% 5% 0% 7%;display:inline-block;}
#content div.section div.sectionContainer .halfRightColumn{width:41%;display:inline-block;vertical-align:top;}
#content div.section div.oneColumnCentered{width:886px;margin:1em auto;}
#content div.section.where div.sectionContainer .halfLeftColumn{padding:2em 6% 2em 4%;}
#content div.section.where div.sectionContainer .halfLeftColumn{width:432px;background:transparent url(../backgrounds/contactform_top.png) 37px 16px no-repeat;}
#content div.section.where div.sectionContainer .halfLeftColumn p{color:#fff;}
#content div.section.where div.sectionContainer .halfRightColumn{padding-top:3em;}
#content div.section.where div.sectionContainer .halfRightColumn p{padding-bottom:1.2em;}
#content div.section.where div.sectionContainer .halfRightColumn h4{font-weight:normal;padding-top:1em;padding-bottom:.7em;color:#777;font-size:1.1em;}
#content div.section.where div.sectionContainer .halfRightColumn .list h5{font-weight:normal;color:#777;font-size:1em;display:inline-block;vertical-align:top;width:9em;}
#content div.section.where div.sectionContainer .halfRightColumn .list p{display:inline-block;padding-bottom:1.2em;width:15em;}
#content div.section.where div.sectionContainer .halfRightColumn a{color:#ff5a00;}
.section.where .halfLeftColumn #contactForm{width:391px;padding:0px 20px 12px 20px;margin-top:12px;background:#7f7f7f url(../backgrounds/contactform_bottom.png) -1px bottom no-repeat;}
#content div.section div.sectionContainer .halfLeftColumn p{padding-bottom:1.2em;}
/* sections => elements */
#content div.section.who .halfRightColumn p{font-size:.9em;padding-bottom:1.2em;}
#content div.section.who .halfRightColumn p strong{color:#ff5a00;}
#content div.section.what.viewproject{clear:none;padding-top:3em;}
#content div.section.what.viewproject .sectionContainer{width:800px;padding-top:3em;}
#content div.section.how ul{display:inline-block;list-style-type:none;width:45%;padding:0px 12px 0px 1.8em;vertical-align:top;text-align:left;}
#content div.section.how ul li{line-height:1.2em;padding-bottom:1em;}
#content div.section.how ul.fullWidth{width:98%;padding-top:1.8em;text-align:center;}
#content div.section.how ul.fullWidth li{display:inline-block;width:29%;padding:0em 1em 1.8em 1em;text-align:left;vertical-align:top;}
#content div.section.where h3{color:#A4A5A8;}
#content div.section.who #curly{background:transparent url(../backgrounds/curlybrackets_top.png) 50% top no-repeat;padding:1em 0em;margin-right:2em;}
#content div.section.who #curly em{display:block;background:transparent url(../backgrounds/curlybrackets_bottom.png) 50% bottom no-repeat;padding:1.7em 4em 3.4em 4em;line-height:1.3em;text-align:center;font-style:italic;}
/* projects */
div.projects{display:block;width:884px;margin:0px auto;overflow:hidden;margin-bottom:2em;}
.section.what h3 #previewNav{display:inline-block;float:right;margin-right:3em;font-size:.9em;}
.section.what h3 #previewNav a{color:#E8ECF2;padding:0em 1em;}
.section.what h3 #previewNav a.current{color:#aaa;}
/* projects => projectContainerLarge and projectContainerMini added through js */
div.projects.projectContainerLarge{position:relative;min-height:320px;}
div.projects.projectContainerMini{position:relative;margin-top:.5em;height:180px;}
/* projects => large */
div.project.large{display:inline-block;width:884px;}
div.projects.projectContainerLarge div.project.large{position:absolute;top:0px;left:0px;}
div.project.large h4{color:#fff;width:850px;margin:0px auto;padding:320px 17px 9px 17px;font-size:1.2em;font-weight:normal;text-indent:10px;}
div.project.large p{display:block;width:830px;margin:0em auto;font-size:.9em;color:#eee;padding-bottom:1.2em;}
/* projects => default display */
div.project.mini{display:block;height:120px;background-image:url(/interface/projects/mini2.png);background-repeat:no-repeat;margin-bottom:2em;}
div.project.mini h4{color:#fff;padding:0px 0px 0px 173px;font-size:1.2em;font-weight:normal;}
div.project.mini p{display:block;font-size:.9em;color:#eee;padding:.5em 0em 0em 173px;}
/* projects => mini */
div.projects.projectContainerMini div.project.mini{display:none;background:none;height:auto;clear:both;width:830px;margin:0px auto;padding-bottom:1.5em;}
div.projects.projectContainerMini div.project.mini.current{display:block;}
div.projects.projectContainerMini div.project.mini h4{padding:0px .5em 0px 0px;display:inline;font-size:.9em;text-transform:uppercase;color:#fff;}
div.projects.projectContainerMini div.project.mini p{padding:0px;display:inline;}
/* projects => mini nav */
div.projects.projectContainerMini .miniNav{height:120px;width:788px;overflow:hidden;position:relative;padding-bottom:.5em;}
div.projects.projectContainerMini .miniNav a{display:inline-block;width:153px;height:120px;position:absolute;top:0px;left:0px;background:transparent url(../backgrounds/projectmini.png) top left no-repeat;}
div.projects.projectContainerMini .miniNav a.current{background-image:url(../backgrounds/projectminiselected.png);}
div.projects.projectContainerMini .miniNav a span{display:block;width:153px;height:120px;background:transparent url(../backgrounds/projectmini.png) top left no-repeat;-moz-border-radius:15px;border-radius:15px;}
div.projects.projectContainerMini .navLeft{float:left;font-size:60px;color:#e8ecf2;padding:45px 0px;text-align:center;width:48px;}
div.projects.projectContainerMini .navRight{float:right;font-size:60px;color:#e8ecf2;padding:45px 0px;text-align:center;width:48px;}
div.projects.projectContainerMini .navLeft:hover,div.projects.projectContainerMini .navRight:hover{text-decoration:none;cursor:pointer;}
div.project.large.lastminutetraining h4{background:transparent url(/interface/projects/previews_large.png) 0px 0px no-repeat;}
div.project.large.earthcore h4{background:transparent url(/interface/projects/previews_large.png) -884px 0px no-repeat;}
div.project.large.c4 h4{background:transparent url(/interface/projects/previews_large.png) -1768px 0px no-repeat;}
/* contact form */
#contactForm p{padding:0em .3em 0em .3em;line-height:1.3em;}
#contactForm form{display:block;padding:.7em 0em .5em 0em;}
#contactForm form textarea{width:390px;min-height:16em;border:1px solid #444;padding:.3em;}
#contactForm form div.actions{padding:.5em 0em;}
#contactForm form button{width:394px;height:50px;border:none;color:#fff;font-size:1.1em;text-transform:uppercase;padding-right:20px;background:#1d56aa url(../backgrounds/submitbutton.png) top left no-repeat;text-align:center;}
#contactForm form button:before{content:'\00BB \0020';}
#contactForm form button:hover{cursor:pointer;}
#contactForm .sendingMessage{display:none;}
#contactForm.sending form{display:none;}
#contactForm.sending .message{display:none;}
#contactForm.sending .sendingMessage{display:block;text-align:center;font-size:1.3em;padding:2em;}
/* footer */
#footer{clear:both;border-top:1px solid #f0f0f0;background-color:#f9f9f9;}
#containerFooter{width:884px;margin:0px auto;font-size:.8em;color:#7f7f7f;padding:.5em 0em;}