@import url(/css/landingPage.css);

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, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;}

body{background: #ffffff url(/images/layout/diamondmesh_bg.gif) repeat-x center 0;font: 83.5% Arial, sans-serif}
dl, ol, ul{margin:0}
ul{list-style:none}
ol, ul{padding:0 0 0 0}
li, dd {margin:0 0 0 0}
dt{margin:0}

th{padding:0}
td, th{padding:0}

img {border:0}
hr {display:none}
legend {padding:0 .5em}
blockquote {padding:2em 0;margin:1em 0;color:#296947;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1} 
fieldset {padding:0 1em; border:1px solid #666}
a{text-decoration:none}
a>span{color:#006ba1;font-weight:800;padding-left:3px}

/* Structure Framework */
#pageWrap{width:72em;margin:0 auto;}
.p1-col{color:#00672D}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_50p,.grid_31p,.grid_65p{display:inline;float:left}
.grid_1{width:5em}
.grid_2{width:11em}
.grid_3{width:17em}
.grid_4{width:23em}
.grid_5{width:29em}
.grid_6{width:35em}
.grid_7{width:41em}
.grid_8{width:47em}
.grid_9{width:53em}
.grid_10{width:59em}
.grid_11{width:65em}
.grid_12{width:71em}

/* grid name is "conceptual" and represents
   approximate percent the box will occupy
   actual percent settings allow for margins, padding. wn */
.grid_20p{width:20%}
.grid_25p{width:25%}
.grid_33p{width:32%}
.grid_40p{width:43%}
.grid_50p{width:48%}
.grid_60p{width:50%}

.clearall{clear:both;height:0;display:block}
.clearleft{clear:left;height:0;display:block}
.clearright{clear:right;height:0;display:block}
.fr{float:right}
.fl{float:left}
.box{border:1px solid blue;margin:.25em .25em;padding:.25em}

#header{background: url(/images/layout/whitebox.png) no-repeat 0 0;height:84px;width:952px;padding-left:8px}  
#header a>span{padding:0;cursor:pointer}
#header span.buttonleft{background: url(/images/layout/button_gray_left.gif) no-repeat 0 0;height:44px;width:10px;display:block;float:right}
#header span.buttonright{background: url(/images/layout/button_gray_right.gif) no-repeat 0 0;height:44px;width:10px;margin-right:3px;display:block;float:right}
#header span.buttonfill{background: url(/images/layout/button_gray_fill.gif) repeat-x 0 0;height:44px;padding:0 5px 0 5px;display:block;float:right}
#header span.buttonright.last{margin-right:12px}


#header a.button:hover span{color:#efefef}
#header a.button:hover span.buttonleft{background: url(/images/layout/button_hover_left.gif) no-repeat 0 0;height:44px;width:10px;}
#header a.button:hover span.buttonright{background: url(/images/layout/button_hover_right.gif) no-repeat 0 0;height:44px;width:10px;}
#header a.button:hover span.buttonfill{background: url(/images/layout/button_hover_fill.gif) repeat-x 0 0;height:44px;}
#header a.button span{vertical-align:middle;color:#414142;font-weight:600;padding-top:16px;font-size:12px}



#content{width:960px}

#slidecontainer{width:960px;height:342px;position:relative; font-family:"Century Gothic", Arial, sans-serif;overflow:hidden}

#slides{width:3840px;height:308px;margin:40px 0 0 0;padding:0;float:left}
#slides>div{width:960px;background: url(/images/layout/slidebase.png) no-repeat scroll 0 0;position:relative}
.slide{float:right;width:960px;position:relative;filter:alpha(opacity=90);opacity:0.90;-moz-border-radius: 5px}
#slides div>div{position:relative;height:302px}
#slides div h1{position:relative;color:#fff;font-size:3em;font-weight:700;letter-spacing:-1px}
#slides div h2{position:relative;color:#fff;font-size:1.3em;font-weight:400;font-family:Arial, Helvetica, sans-serif}
#slides div h2 strong{font-size:1.15em;font-weight:700;letter-spacing:0}
#slides .button{position:relative;background: url(/images/layout/hpbutton.gif) no-repeat;color:#444;width:195px;height:36px;display:block;font-size:1.1em;font-weight:600;text-align:center;line-height:39px}
#slides .button:hover{position:relative;background: url(/images/layout/hpbutton.gif) no-repeat 0 -36px;color:#000}

#slides div.layoutA>div{position:relative;background:url(/images/layout/snail.jpg) 10px 0 no-repeat}
#slides div.layoutA h1{top:20px;left:450px}
#slides div.layoutA h2{top:50px;left:450px}
#slides div.layoutA .button{margin-top:75px;margin-left:450px}

#slides div.layoutB>div{position:relative;background:url(/images/layout/tools.jpg) 10px 0 no-repeat}
#slides div.layoutB h1{top:20px;left:450px;letter-spacing:-2px}
#slides div.layoutB h2{top:50px;left:450px}
#slides div.layoutB .button{margin-top:65px;margin-left:450px}

#slides div.layoutC>div{position:relative;background:url(/images/layout/apple.jpg) 10px 0 no-repeat} 
#slides div.layoutC h1{top:20px;left:450px}
#slides div.layoutC h2{top:50px;left:450px;line-height:1.1em}
#slides div.layoutC .button{margin-top:75px;margin-left:450px}

#slidetabs{height:21px;margin:0 0 22px 15px}
.tab{display:block;width:34px;height:22px;cursor:pointer;background:url(/images/layout/slide_tab_out.png) no-repeat 0 0;float:left;padding:0 7px 0 0;color:#fff;font-weight:600;text-align:center;font-size:1.1em}
.tab:hover{background:url(/images/layout/slide_tab_in.png) no-repeat 0 0}
.active{background:url(/images/layout/slide_tab_in.png) no-repeat 0 0}

#ribbon{margin:0;background:transparent url(/images/layout/ribbon.png) no-repeat}
#ribbon a{color:#888;font-size:0.9em}
#ribbon div.labels{height:40px;font-size:0.85em;color:#888} 
#ribbon div.labels div{padding:20px 0 0 20px;} 

#ribbon .callouts{padding:20px}
#ribbon .callouts a.sStory{background:transparent url(/images/layout/aaoBG.jpg) no-repeat;width:400px;height:90px;display:block;color:white;padding:8px}
#ribbon .callouts a.sEvents{background:transparent url(/images/layout/studyGB.jpg) no-repeat;width:400px;height:90px;display:block;padding:8px}
#ribbon .callouts a.gAnnouncements{width:400px;display:block;padding:8px;width:385px;margin-bottom:15px;background-color:#f2f2f2}
#ribbon .callouts a.gAnnouncements:hover{color:#000}

#ribbon .callouts a.sEvents.octNortheast{background:transparent url(/images/layout/event.gif) no-repeat;width:400px;height:90px;display:block;padding:8px}
#ribbon .callouts a.sEvents.octNortheast h2{font-size:18px}

#ribbon .callouts a.sEvents:hover{color:#333}
#ribbon .callouts a.sEvents h2{font-size:20px}
#ribbon .callouts a.sStory h2{font-size:25px}
#ribbon a.action{color:green;margin-top:20px;display:block}
#ribbon a.action:hover{color:#000}
#ribbon .homeCopy{float:right; width:470px;padding:15px;color:#595A5C;line-height:1.6em}

.hpsuccess{float:left;padding-left:18px}
.hpsuccess p{clear:left;position:relative;padding:5px 12px} 
.hpevent{float:right;padding-right:12px}

#chead{background:transparent url(/images/layout/inside_banner_back_2.png) no-repeat 0 0;width:100%;height:100px;margin:15px 0}
#chead.our-mission{background:transparent url(/images/layout/inside_banner_back_1.png) no-repeat 0 0}
#chead.technology{background:transparent url(/images/layout/inside_banner_back_3.png) no-repeat 0 0}
#chead.casestudies{background:transparent url(/images/layout/inside_banner_back_4.png) no-repeat 0 0}
#chead h1{color:#fff;font-size:2.25em;font-weight:600;text-transform:uppercase;padding:33px 0 0 10px}

#cframe{width:71.8em;height:100%;background:transparent url(/images/layout/ribbonInside.gif) no-repeat;display: inline-block}
#cframe>div{padding:12px 12px 0 8px}
#cframe ul{padding:10px 0}
#cframe ul.menu{background: transparent url(/images/layout/secondary_nav_fade.png) no-repeat 0 0;height:250px;font-weight:600}
#cframe ul.menu>li{margin:0 0 0 1px} 
 
#cframe ul.menu>li>a{font-size:12px;padding:10px 5px 6px 5px;height:20px;width:144px;display:block;color:#888;margin:0;border:1px solid transparent;border-left:none;border-right:none;}

#cframe ul.menu>li>a:hover{background-color:#d3d2d7;border-color:#c7c7c7;color:#4c8f63}
#cframe ul.menu>li>a.current{background-color:#d3d2d7;border-color:#c7c7c7;color:#4c8f63}
#innercontent{width:480px;margin-left:220px;line-height:1.6em;padding:12px}
#innercontent h2{font-size:2.1em;font-weight:500;margin:0 0 25px 0;line-height:35px}
#innercontent>p{margin-bottom:12px;color:#595A5C}

#innercontent>ul{ list-style-type:none;list-style-position:outside;background:url(/images/layout/ulBg.gif) repeat-x 0 0;padding:15px;margin:10px 0;-moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0;}
#innercontent>ul li{margin:5px 0 0 0;padding-bottom:5px;border-bottom:1px #CCC solid;color:#444}
#innercontent h3{color:#00A14B;margin-top:20px} 
#innercontent h4{color:#00A14B}
#children ul.rtList li{border-top: 1px dotted #b4b4b4;padding: 5px}
#children ul.rtList li a:hover{background-color:#f2f2f2}
#children h5{margin-top:10px;color:#555}
#innercontent ul p{margin-bottom:10px}

#innercontent.twocolumn{margin-left:5px;width:650px}
.bioSec{float:right;width:350px}
#innercontent .bioSec h3{margin:0}
#innercontent .bioSec h4{margin:0 0 20px 0}
#innercontent .biowrap{border-bottom:1px #999 solid;padding:10px 0} 

a.callout{color:#CCC;float:right;height:24px; width:218px;display:block; background:url(/images/layout/callOver.png) no-repeat 0 0;margin:30px 80px;text-align:center;padding-top:10px}
a.callout:hover{color:#fff;float:right;height:34px; width:218px;display:block; background:url(/images/layout/callOver.png) no-repeat 0 -34px}

a.car-actionBtn{background: url(/images/layout/hpbutton.gif) no-repeat top;width:195px;height:28px;display:block;text-align:center;padding-top:8px;color:white}
a.car-actionBtn:hover{background: url(/images/layout/hpbutton.gif) no-repeat 0 -36px;color:#666}

.call{color:#fff;display:block;margin-bottom:16px;padding:5px 0 5px 5px;font-weight:bold}
.va{background-color:#0055a2;}
.vb{background-color:#00a255;}
.va:hover{background-color:#0074E0;}
.vb:hover{background-color:#00BD03;}

#footer{padding-left:10px;background: transparent url(/images/layout/footer_back.png) no-repeat 0 0; height:31px;width:100%;font-family:Arial,san-sarif;clear:both}
#footer>ul>li{list-style:none;float:left;margin-left:6px;font-size:0.70em;line-height:30px}
#footer>ul>li>a{color:inherit;border-left:1px solid #000;padding-left:5px}
#footer>ul>li.wide>a{border:none;margin-left:42px}
 
.cpop{position:absolute;z-index:100;display:none;background-color:#fff;width:500px;-moz-box-shadow:0.5em 0.5em 0.5em #333;-webkit-box-shadow:0.5em 0.5em 0.5em #333;box-shadow:0.5em 0.5em 0.5em #333;border:1px #333 solid;padding:20px}
.cpop span{float:right;cursor:pointer}
.cpop>div{position:relative;bottom:0}
.releasePop{cursor:pointer} 
.releasePop:hover{color:#006ba1} 

form dt{color:#777;margin-top:5px}
form dd{padding-bottom:6px;min-height:20px}
input{width:330px}
input[type="checkbox"]{width:10px;float:left}
label>span{font-size:.85em}
textarea{width:330px}
input.title{width:220px}
input.num{width:40px;text-align:right}
input.button{width:180px;background-color:#0055A2;color:#fff;padding:4px 8px;margin-bottom:20px}
input.button:hover{background-color:#0074E0}
input.example{color:#000}
input.activef{background-color:#ffffcc}
ul.error{width:320px;border:1px solid #cc0000;margin:20px 0;padding:8px 0;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc;box-shadow: 3px 3px 3px #ccc;cursor:pointer}
#fileUpload{width:250px}
ul.error li{margin-left:22px;padding-left:16px;color:#cc0000;font-weight:600;background:url(/images/layout/error-icon.gif) no-repeat left 5px}
ul.confirm{margin:30px;color:#444;font-size:1.2em;line-height:1.9em}
label.check{display:block;margin-left:28px;margin-top:10px;line-height:1.1em;width:250px}

.uploadfile{}
.uploadfile p{margin-top:10px}
.uploadfile input{width:120px}
.rfpForm{padding:30px;margin:20px 0;background-color:#f1f1f1}


  /* ui & tweaks   */
.kickdown100{margin-top:90px}  
.hide{display:none}
.c-all{clear:both}

.opacity60{
  filter:alpha(opacity=60);
  opacity:0.6;
  }  
  .modal{position:fixed;display:none;z-index:99;top:0;left:0;height:100%;width:100%;background-color:#000;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity: 0.6}
  
.social{float:right;position:relative;top:8px;right:30px}