#panels { clear: both; position: relative; }

#panel-nav { position: absolute; margin: 0; padding: 0; font-family: Verdana; bottom: 32px; left: 0; z-index: 999; }
#panel-nav li { margin-bottom: 4px; width: 90px; text-align: right; padding-right: 0; height: 13px; }
#panel-nav li.label { position: relative; left: 0px; font-size: 9px; color: #333; padding-bottom: 8px; line-height: 100%; height: 5px; }
#panel-nav a { display: inline-block; font-size: 9px; color: #333; text-decoration: none; padding: 0px 3px 0px 22px; height: 13px; background: #d9e526; width: 65px; zoom: 1; *display: block; text-align: left; float:left;}
#panel-nav a span { display: inline-block; padding: 2px 2px 2px 5px; margin: -2px 2px -2px -5px; }
#panel-nav a:hover { background-color: #993; color: #FFF; }
#panel-nav a.active { background: #FFF; color: #000; }

#panel-images { position: relative; height: 240px; margin-bottom: 10px; overflow: hidden; }
#panel-images img { position: absolute; top: 0; left: 0; }

#panel-content { margin-left: 354px; font-family: Verdana; padding-top: 10px; }
#panel-content h1 { margin: 0; padding: 0 0 10px 0; font-size: 20px; line-height: normal; font-weight: normal; color: #4F77B1; }
#panel-content h2 { padding: 15px 0 5px; margin: 0; font-size: 11px; font-weight: bold; color: #000; }
.case-study { width: 150px; float: left; margin-right: 24px; }
#panel-content .case-study.last { margin-right: 0; }
.case-study a { color: #345F86; text-decoration: none; }
.case-study a:hover { color: #00a0c6; }
.case-study a.pdf { display: block; background: url(../images/icons/pdf.gif) no-repeat left center; padding: 4px 0 2px 20px; font-size: 9px; color: #063868; text-decoration: underline; }
.case-study a.pdf:hover { color: #00A0C6; }
.case-study p { margin-bottom: 5px; line-height: normal; font-size: 10px; }
.study-image { position: relative; width: 160px; height: 142px; margin-bottom: 8px; }
.study-image img { position: absolute; bottom: 0; left: 0; }

#callout { width: 150px; height: 242px; float: left; padding: 12px 4px 12px 12px; font-family: Verdana; }
#callout img { width: 166px; margin: -12px -8px 3px -12px; }
#callout p { margin-bottom: 10px; font-size: 10px; line-height: 14px; }
#callout a { color: #4f77b1; text-decoration: none; }
#callout a:hover { color: #00a0c6; }

#callout div.insight h3 {color:#006699; font-size:10px; line-height:12px; margin-bottom:10px;}
#callout div.insight p {color:#333333; font-size:15px; line-height:20px;}
#callout div.insight a {background:url(../images/layout/get_it_now_button.jpg) 0 0 no-repeat; width:112px; height:40px; display:block; text-indent:-9999px; line-height:0px;}

#callout div.quarterly {margin-top:10px;}
#callout div.quarterly h3 {color:#8b6300; font-size:10px; line-height:12px; margin-bottom:10px;}
#callout div.quarterly p {color:#333333; font-size:15px; line-height:20px;}
#callout div.quarterly a {background:url(../images/layout/apply_now_button.jpg) 0 0 no-repeat; width:112px; height:40px; display:block; text-indent:-9999px; line-height:0px;}

#rss-feed { float: left; margin-left: 15px; margin-right: 14px; height: 246px; width: 302px; padding: 8px 15px; border: 2px solid #f5f5ea; font-family: Verdana; }
#rss-feed .subscribe-link { float: right; text-decoration: none; font-size: 9px; color: #4f77b1; margin-top:4px;}
#rss-feed .subscribe-link:hover { color: #00a0c6; }
#rss-feed .subscribe-link img { vertical-align: top; position: relative; top: -3px; margin-left: 3px; }
#rss-feed h1 { font-size: 9px; font-weight: normal; margin-bottom: 13px; }
#rss-feed h1 a {color:#666600; font-size:14px; text-decoration:none;}
#rss-feed .loading { padding: 90px 0 0; color: #CCC; font-family: Arial; font-size: 9px; text-transform: uppercase; text-align: center; letter-spacing: 3px; }
.post { padding-bottom: 10px; }
.post .date { display: block; font-size: 10px; line-height: 11px; color: #333; padding-bottom: 3px; }
.post a { display: block; font-size: 14px; line-height: 18px; color: #4f77b1; text-decoration: none; }
.post a:hover { text-decoration: underline; }

#featured-case-studies { position: relative; width: 333px; height: 270px; float: left; overflow: hidden; }
#featured-case-studies a.overlay { display: block; padding: 15px; position: absolute; top: 0; left: 0; text-decoration: none; color: #FFF; width: 303px; }
#featured-case-studies a.overlay strong { display: block; }
#featured-case-studies .overlay:hover { text-decoration: underline; }

#featured-case-studies #nike .overlay { background: #75aa29; }
#featured-case-studies #uvex .overlay { background: #009db5; }
#featured-case-studies #margaritaville .overlay { background: #f9a505; }
#featured-case-studies #dewalt .overlay { background: #c88b1e; }
#featured-case-studies #niton .overlay { background: #cd280d; }

#featured-case-studies .case-studies { width: 200000px; position: absolute; }
#featured-case-studies .case-study { float: left; width: 333px; height: 270px; position: relative; margin: 0 1px; }
#featured-case-studies .next, #featured-case-studies .prev { display: none; width: 24px; height: 33px; position: absolute; top: 50%; right: -3px; margin-top: -15px; background: url(../images/layout/case_study_arrows.png) no-repeat top right; text-indent: -9999px; z-index: 999; }
#featured-case-studies .prev { background-position: top left; left: -10px; }

/* Dustbowl */
#dustbowl { float: left; margin: 11px 0 0; padding: 0; width: 863px; height: 27px; background: #d4dfe9 url(http://www.altitudeinc.com/images/layout/dustbowl_bg.gif); font-size: 10px; font-family: Verdana, arial; color: #515758; }
#dustbowl a { font-size: 10px; text-decoration: none; color: #005288; }
#dustbowl a:hover { text-decoration: underline; color: #00a0c6; }
#dustbowl p { float: left; }
#dustbowl p.dustbowl { width: 330px; padding: 7px 0 0 360px; }
#dustbowl p.tweet { padding: 7px 0 0 40px; width: 130px; }