/*
Site Name: Foundry9.com
Theme URI: 
Description: 
Author: Gus Argueta
Version: 1.0
*/

/* HTML5 reset & make the new tags behave (for efficiency we'll just include it here instead of making the extra call) */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;list-style:none outside none;vertical-align:baseline;margin:0;padding:0}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}
body,html,* html #main{height:100%;}

/* body */
body {background:#fff url(../images/main-bg.jpg) repeat-x;color:#333;font-family:helvetica,arial,sans-serif;font-size:62.5%;line-height:1.8em;min-width: 999px;min-height:100%;}

/* typography */
h1, h2, h3, h4, h5, h6 {font-family:'Avenir LT W02 85 Heavy',sans-serif;color:#444}
h1 {font-size:3.8em}
h2 {font-size:1.85em}
h3 {font-size:1.6em}
h4 {font-size:1.2em; letter-spacing: 1.5px;}
h5 {font-size:1.2em}
h6 {font-size:1em}
p {font-size:1.2em}

a {color:#5b9ac1;text-decoration:none;}
a:hover,a:active {color:#12579b;text-decoration:none;outline:0}

#header{height:181px;position:absolute;top:0;left:0;width:100%;z-index:2;}
.header-holder{width:999px;position:relative;margin:0 auto;}
#tabs {position:absolute;left:31px;top:129px;list-style:none;margin:0;padding:0;}
#tabs li {float:left;margin-right:5px;position:relative;}
#tabs li a{float:left;height:34px;line-height:34px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;background:url(../images/tab-bg.jpg);padding:0 20px;}
#tabs li a span{position:absolute;left:18px;top:-1000px;width:9px;height:6px;background:url(../images/tab-state.gif);overflow:hidden;}

#tabs li a.active span{top:46px !important;background-position:0 -6px;}
#tabs li a:hover{background-position:0 -34px;}
#tabs li a.active{background-position:0 -68px;}

h1.logo{position:absolute;top:52px;left:33px;width:196px;height:36px;overflow:hidden;background:url(../images/logo.gif);text-indent:-9999px;margin:0;}
h1.logo a{display:block;height:100%;}
#content{width:998px;overflow:hidden;position:relative;margin:0 auto;padding:233px 0 49px;z-index:1;}

#content .f9 {background:url(../images/glow.png) no-repeat -18px 0;position: absolute;
top: 0;
left: 0;
width: 300px;
height: 143px;}

#tab-content{list-style:none;min-height:490px;position:relative;margin:0;padding:0;}

#tab-content aside {width:300px; float:left; border-top:5px solid #ebebe8;margin:17px 30px 0 30px;padding-top:2px;}
#tab-content aside .header {text-transform:uppercase;font-size:1.4em;font-weight:bold;color:#748c9c;border-bottom:1px dotted #748c9c;padding-bottom: 2px;}
#tab-content aside .arrow {}

#tab-content aside p {color:#999;font-size:1.4em;}
#tab-content aside .title {display:block;font-size:3em;font-weight:bold;margin:15px 0 5px 0; color:#1964a8; line-height:30px;}

#tab-content aside ul {margin-top:10px;}
#tab-content aside ul li {margin-bottom:10px;}
#tab-content aside ul li a {font-size:1.6em;font-weight:bold;color:#5b9ac1;}
#tab-content aside ul li a.selected,
#tab-content aside ul li a:hover {color:#12579b;}
#tab-content aside ul li span{display:block;font-size:1.2em;color:#999;}

#tab-content article {float:left;width:530px;}
#tab-content article h2 {margin-bottom:15px;line-height:24px}
#tab-content article p {font-size:1.2em;font-weight:bold;color:#767676;margin-bottom:25px;}
#tab-content article p.list {margin-bottom:5px;}

#tab-content #content-how article ul {margin-left:16px;}
#tab-content #content-how article ul li {font-size:1.2em;font-weight:bold;color:#767676;list-style-type:disc;}

#tab-content #content-what article {float:left;position: relative;left: 30px;}
#tab-content #content-from article {width:581px;height:426px;}

#tab-content #content-from aside {border-top:none;}
#tab-content #content-from aside .accordionButton {border-top:5px solid #ebebe8;padding:2px 0 8px 0;cursor:pointer;}
#tab-content #content-from aside .accordionButton .header{text-transform:uppercase;}
#tab-content #content-from aside .accordionButton.over .header,
#tab-content #content-from aside .accordionButton.on .header{color:#12579b;}
#tab-content #content-from aside .title{margin:5px 0;}

#tab-content #content-what,
#tab-content #content-people,
#tab-content #content-for,
#tab-content #content-from,
#tab-content #content-how {background:url(../images/main_dwn_arrow.gif) no-repeat 10px 27px;}

#tab-content #content-what aside {margin-right:60px;}
#tab-content #content-what article .flexslider ul.slides {margin:0;  padding:0 5px;}
#tab-content #content-what article .flexslider ul.slider li {list-style-type:none;margin:0; padding:0;}
#tab-content #content-what article .blurb {margin-top:10px;color:#666;}
#tab-content #content-what article .blurb h3 {margin-bottom:5px;}
#tab-content #content-what article .blurb p {line-height:16px;font-weight:normal;} 

#tab-content .controls {width:37px;height:87px;float:right;}
#tab-content .controls a {display:block;width:36px;height:36px;margin-bottom:13px;}
#tab-content .controls .top {background:url(../images/arrowkeys.gif) no-repeat 0 0;}
#tab-content .controls .bottom {margin-bottom:0;background:url(../images/arrowkeys.gif) no-repeat 0 100%;}
#tab-content .controls a.top.off {background-position:100% 0;}
#tab-content .controls a.bottom.off {background-position:100% 100%;}

#footer{background:url(../images/footer-bg.jpg) repeat-x;width:100%;height:135px;font-weight:700;}
.footer-holder{height:100%;}
.foter-content{width:934px;color:#999;margin:0 auto;padding:15px 0 15px 55px;}
.foter-content p{float:left;margin:0;}
.footer-list{float:right;list-style:none;overflow:hidden;color:#333;margin:0;padding:0 28px 0 0;}
.footer-list li{width:180px;float:left;border-left:1px solid #bcc1c1;margin-left:-1px;padding:0 20px 10px 11px;}
.footer-list li h3{color:#69c;margin:0;}
.footer-list li p{line-height:16px;margin:0;}

a.linkedin {background:url(../images/linkedin_icon.jpg) no-repeat 0 0;color:#767676;font-size:1.2em;padding-left:20px;}
a.linkedin:hover {color:#ff5600;}

#content-what,#content-how,#content-for,#content-from,#content-people{width:999px;overflow:hidden;position:relative;margin:0 auto;padding:0;}
#map_canvas {display:none;height: 100%}
#tab-content article #map_canvas p {margin-bottom:5px;}