/* Reset Styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; outline: none; list-style-type: none; }
a img { border: 0; }
body { display: block; position: relative; }
sup { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex; }
/* Clearfixes */
body, #masthead { zoom: 1; }
body:after, #masthead:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; }
/* Custom Styles */
body { font-family: Arial; font-size: 12px; margin: 0; }
#container { margin: 0 auto; padding: 0; width: 864px; text-align: left; }
#masthead { float: left; margin: 0; padding: 0; width: 864px; height: 77px; border-top: 4px solid #d9e526; }
#masthead #logo { display: block; float: left; width: 143px; height: 40px; text-indent: -9999px; margin-left: 7px; margin-top: 20px; background: url(../images/layout/logo.png); }
#masthead .masthead_home { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
#altimeter_hover { position: absolute; top: 4px; left: 490px; color: #063868; font-family: Verdana; font-size: 9px; font-weight: normal; display: none; }
#freelunch_hover { color: #063868; display: none; font-family: Verdana; font-size: 9px; font-weight: normal; left: 450px; position: absolute; top: 4px; }
#navigation { float: right; margin: 12px 0 0; padding: 0; height: 55px; }
#navigation ul { float: right; list-style-type: none; margin: 0; padding: 21px 0 0; }
#navigation ul li { float: left; margin: 0; padding: 0; text-align: center; font-family: Verdana; font-weight: normal; font-size: 10px; color: #000000; }
#navigation ul li a { color: #000000; text-decoration: none; }
#navigation ul li a:hover { color: #00A0C6; }
#navigation ul li a:active { color: #919100; }
#navigation ul li .on { font-weight: bold; color: #663; }
#navigation ul .home { width: 70px; }
#navigation ul .home ul { width: 70px; }
#navigation ul .blog { width: 70px; }
#navigation ul .blog ul { width: 160px; left: -44px; }
#navigation ul .profile { width: 70px; }
#navigation ul .profile ul { width: 70px; }
#navigation ul .experience { width: 90px; }
#navigation ul .experience ul { width: 90px; }
#navigation ul .green { width: 70px; }
#navigation ul .green ul { left: -35px; width: 140px; }
#navigation ul .headlines { width: 84px; }
#navigation ul .headlines ul { width: 84px; }
#navigation ul .clients { width: 70px; }
#navigation ul .clients ul { width: 120px; left: -25px; }
#navigation ul .contact { width: 70px; }
#navigation ul .contact ul { width: 70px; }
#navigation ul .philanthropy { width: 95px; }
#navigation ul .philanthropy ul { width: 95px; }
#navigation ul li span { display: block; text-align: center; color: #063868; font-size: 9px; padding: 5px 0; }
/* DROPPY MENUS */
/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; float: right; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; color: #333; }
#nav ul { display: none; position: absolute; top: -20px; left: 0; margin: 0; padding: 0; height: auto; }
* html #nav ul { line-height: 12px; }
/* IE6 "fix" */
#nav ul a { zoom: 1; }
/* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* Essentials - configure this */
#nav ul { margin: 0; padding: 4px 0 0; width: 80px; color: #063868; font-size: 9px; text-align: center; }
#nav ul li { text-align: center; }
/* END DROPPY MENUS */
#header { float: left; width: 864px; }
#footer { width: 864px; height: 20px; margin: 0; padding: 25px 0 0; clear: both; background: #ffffff; font-family: Verdana; font-size: 9px; text-align: left; }
/* Social Media Bar */
#social { position: fixed; bottom: 1px; right: 0; width: 100%; height: 32px; background: #dadada; }
* html #social { display: none; }
@media only screen and (max-device-width: 480px)
{
#social { position: absolute; }
}
/* Hide for IE6 */
#social ul { padding: 0 10px 0 50px; float: right; }
#social ul li { float: left; font-size: 11px; color: #505050; padding: 0 15px 0 0; }
#social ul li.follow { padding: 0; }
#social ul li span { float: left; padding: 12px 5px 0 0; }
#social ul li form { float: left; height: 33px; width: 177px; }
#social ul li form input.searchbox { float: left; font-size: 11px; height: 15px; width: 138px; background: transparent url(http://www.altitudeinc.com/images/icons/searchbox.png) 0 0 no-repeat; border: 0; margin: 7px 0 0; font-family: Verdana; padding: 2px 4px; }
#social ul li form input.submitbutton { margin: 11px 0 0 -18px; background: url(http://www.altitudeinc.com/images/icons/search.png) 0 0 no-repeat; width: 12px; height: 12px; border: 0; cursor: pointer; }
#social ul li a { float: left; display: block; width: 29px; height: 29px; margin: 3px 0 0; text-indent: -9999px; font-size: 1px; line-height: 1px; }
#social ul li a.share { margin-top: 4px; background: url(http://www.altitudeinc.com/images/icons/social-share.png) 0 0 no-repeat; }
#social ul li a.linkedin { background: url(http://www.altitudeinc.com/images/icons/social-icons.png) 0 0 no-repeat; }
#social ul li a.twitter { background: url(http://www.altitudeinc.com/images/icons/social-icons.png) -28px 0 no-repeat; }
#social ul li a.facebook { background: url(http://www.altitudeinc.com/images/icons/social-icons.png) -56px 0 no-repeat; }
#social ul li a.youtube { background: url(http://www.altitudeinc.com/images/icons/social-icons.png) -84px 0 no-repeat; }
#social ul li a.dustbowl { background: url(http://www.altitudeinc.com/images/icons/social-icons.png) -112px 0 no-repeat; }
/* tooltip styling. by default the element to be styled is .tooltip */
.tooltip { display: none; background: #ffffff; border: 1px solid #e1df61; font-size: 10px; font-family: Verdana; padding: 5px; color: #505050; min-height: 12px; min-width: 105px; }
#at20mc { position: fixed!important; top: 20px; left: 0; }
/* Universal Elements */
.imgtxt { display: block; font-size: 1px; line-height: 0; text-indent: -9999px; }
.clear { clear: both; line-height: 0; font-size: 1px; }
#content ul.bullet {margin:0px 0px 0px 20px;}
#content ul.bullet li {list-style:disc; margin:0px 0px 15px 0px;}
/* ---------------------------------------------------------------------- */
/* TABS
/* ---------------------------------------------------------------------- */
#side-tabs { position: fixed; top: 79px; left: 0; z-index:1000;}
#side-tabs .tab { position: relative; font-family: Verdana; font-size: 11px; line-height: 15px; padding-top: 3px; color: #3c3c3e; }
#side-tabs .tab h1 { font-size: 16px; line-height: 24px; font-weight: normal; }
#side-tabs .tab h2 { font-size: 11px; line-height: 15px; font-weight: bold; }
#side-tabs .tab a { color: #4f77b1; text-decoration: none; }
#side-tabs .tab a:hover, #side-tabs .tab a.hover { color: #00a0c6; }
#side-tabs .handle-wrap { position: absolute; top: 0; left: -40px; cursor: default; z-index: 2; }
#side-tabs .handle { position: absolute; top: 0; left: 0; text-indent: -9999px; cursor: pointer; }
#side-tabs .panel { margin-left: -9999px; cursor: pointer; overflow: hidden; }
#side-tabs .panel .open, #side-tabs .panel .rollover { }
/* Stuck tab */
#side-tabs #stuck-tab .handle { width: 24px; height: 81px; }
#side-tabs #stuck-tab .handle-wrap { background: url(../images/tabs/stuck_tab_handle.png) no-repeat top left; width: 33px; height: 93px; }
#side-tabs #stuck-tab .panel { background: url(../images/tabs/tab_panel.png) no-repeat top left; width: 236px; height: 83px; margin-top: -1px; margin-left: -380px; padding: 9px 21px 7px 31px; }
#side-tabs #stuck-tab .open a { font-size: 12px; }
/* Disrupt tab */
#side-tabs #disrupt-tab .handle { width: 24px; height: 81px; }
#side-tabs #disrupt-tab .handle-wrap { background: url(../images/tabs/disrupt_tab_handle.png) no-repeat top left; width: 33px; height: 94px; }
#side-tabs #disrupt-tab .panel { background: url(../images/tabs/disrupt_tab_panel.png) no-repeat top left; width: 236px; height: 83px; margin-top: -3px; margin-left: -380px; padding: 9px 21px 7px 31px; }
#side-tabs #disrupt-tab .open a { font-size: 12px; }
#side-tabs .tab h1.disrupt {font-size: 14px; line-height: 19px; font-weight: normal;}