@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0; height: 100%; }

/* Colors
--------------- 
	- cyan-bg: #a8e6fe
	- cyan-txt: #c6efff
	- drk blue/purple: #283b54
	- lt blue/purple: #8197ad
	- lime green: #d5ffc8
*/

body { color:#000; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 100%; background:#a8e6fe url(../../images/site/bg-body.png) repeat-x 50% 0; padding:0; margin: 0; }

/* Anchor
--------------- */
a { color:#d5ffc8; outline:none; text-decoration: none; }
a:hover { color:#c6efff; }

/* Form
--------------- */
form { margin:0; padding:0; }
input, select, textarea { font-family: inherit; font-size:inherit; }
input.btn { background:#283b54; border:1px solid #c6efff; color:#c6efff; padding:2px; font-weight:normal; line-height:normal; }
input.btn:hover { cursor:pointer; color:#d5ffc8; }

/* Misc
--------------- */
.clear { clear:both; float:none; }
img { border:0; }
img.globe { position:relative; z-index:33; width:440px; height:215px; margin-top:-68px; float:left; }
 /* img.globe { position: relative; z-index:33; margin-bottom:-154px; width:440px; height:-158px; } */ 
.error-text { color:#d5ffc8; font-style:italic; font-weight:bold; }

div.hr { background:url(../../images/site/wave-sm.png) no-repeat 50% 50%; height:22px; padding:20px 0; clear:both; float:none; }

table.tblLatestProjects { border:0; background:url(../../images/latest-projects-bg-footer.png) no-repeat 0 100%; width:435px; padding-bottom:7px; padding-top:20px; }
	table.tblLatestProjects td { vertical-align:top; background:#fff; }
	table.tblLatestProjects td.heading { height:30px; background:#b7e467 url(../../images/latest-projects-bg-header.png) no-repeat 0 0; }
	table.tblLatestProjects td.heading h3 { width:109px; height:18px; background:url(../../images/latest-projects.png) no-repeat 0 0; margin:8px 0 0 17px; padding:0; line-height:normal; }
	table.tblLatestProjects td.heading h3 span { display:none; visibility:hidden; }
	table.tblLatestProjects td.project,
	table.tblLatestProjects td.list { padding:10px; color:#283b54; }
	table.tblLatestProjects td.project { width:239px; /* 250px */ border-left:solid #75c65d 1px; }
	table.tblLatestProjects td.list { width:174px; /* 185px */ border-right:solid #75c65d 1px; }
	table.tblLatestProjects td.list ul { margin-left:0px; padding-top:14px; padding-left:25px; }
	table.tblLatestProjects td.list ul li { line-height:140%; }
	table.tblLatestProjects td.list a { color:#8197ad; text-decoration:none; }
	table.tblLatestProjects td.list a:hover { color:#283b54; text-decoration:none; }

table.tblContactUsForm { border:0; padding:0; margin:0; }
	table.tblContactUsForm td { padding:2px 4px; }
	table.tblContactUsForm td.heading { color:#c6efff; text-align:right; vertical-align:top; }

div.paper { background:#fff url(../../images/paper-middle.gif) repeat-y 0 0; width:442px; }
	div.paper-bottom { background:url(../../images/paper-bottom.gif) no-repeat bottom; width:442px; }
	div.paper-top { background:url(../../images/paper-top.gif) no-repeat top; width:322px; padding:60px; /* 442 */ }
	div.paper div.content { color:#666; font-size:90%; }
	div.paper div.content a { color:#8197ad; text-decoration: none; }
	div.paper div.content a:hover { color:#283b54; }
	div.paper div.content span { font-size: 10px; color: #435466;/* border: solid 1px #435466;*/ }
	div.paper div.content h3 { color:#5bae1a; font-size:150%; font-weight:bold; margin:0; padding:0 0 14px 0; }
	div.paper div.content p { margin-bottom:0; }
	div.paper div.content dl.whats-new { margin:0; padding:0; }
	div.paper div.content dl.whats-new dt { color:#666; font-size:80%; font-weight:normal; margin:0; padding:0; }
	div.paper div.content dl.whats-new dd { padding:0 0 14px 0; margin:0; font-size:125%; font-weight:bold; }
	div.paper div.content dl.whats-new dd span { font-size: 10px; color: #435466; font-weight:normal; }

	/* tabs */
	h1.tabs-heading { margin:0; padding:0; line-height:normal; font-size:24px; }
	.ui-tabs { margin:0; padding:0; }
	.ui-tabs .ui-tabs-nav { list-style:none; width:600px; margin:0 0 0 auto; }
	.ui-tabs .ui-tabs-nav li { position: relative; margin:0 0 0 7px; padding:0; list-style:none; float:left; }
	.ui-tabs .ui-tabs-nav li a { color:#fff; text-decoration:none; font-size:14px; padding:6px 0 0 0; display:block; width:113px; height:21px; /* 27px */ text-align:center; background:url(../../images/tab.png) no-repeat 0 0; }
	.ui-tabs .ui-tabs-nav li a:hover { color:#d5ffc8; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background:url(../../images/tab.png) no-repeat 0 -27px; color:#283b54; }
	.ui-tabs .ui-tabs-nav li a, 
	.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; color:#fff; } 
	.ui-tabs .ui-tabs-panel { background:#fff; color:#666666; padding:10px 15px; clear:both; }
	.ui-tabs .ui-tabs-hide { display: none !important; }

	/* slider */
	ul.slider { list-style:none; /*margin:0 30px;*/ margin:0; padding:0; width:770px; height:300px; overflow:hidden; position:relative; }
	ul.slider li { display:block; width:770px; height:300px; overflow: hidden; background:#ff0; padding:0; margin:0; }
	table.tblPortfolio { width:770px; height:300px; border:0; padding:0; /* margin:0 30px; */ }
		table.tblPortfolio td { vertical-align:top; text-align:left; padding:5px; }
			table.tblPortfolio td h3 { margin:0; padding:0 0 10px 0; }
			table.tblPortfolio td p { margin:0; padding:0 0 10px 0; }
		table.tblPortfolio td.img { width:137px; height:98px; vertical-align:top; padding:0; }
		/* btn */

		#tabs-web span.btnPrev,
		#tabs-web span.btnNext { width:28px; height:28px; display:block; }
		#tabs-web span.btnPrev:hover,
		#tabs-web span.btnNext:hover { cursor:pointer; }
		#tabs-web span.btnPrev { background:url(../../images/tabs-arrow-left.png) no-repeat 0 0; }
		#tabs-web span.btnNext { background:url(../../images/tabs-arrow-right.png) no-repeat 0 0; }

	/* headlines */
	dl.headlines dt { font-size:10px; font-weight:normal; }
	dl.headlines dt,
	dl.headlines dd { padding:3px 0; font-weight:normal; }
	dl.headlines dd { margin: 0 0 20px 0; font-size:20px; }
	dl.headlines dd a { font-weight:normal; }
	dl.headlines dd span { font-size: 10px; color: #435466; font-weight:normal; }

	/* gallery */
	ul.gallery-digs { margin:0; padding:0; list-style:none; }
	ul.gallery-digs li { width:140px; height:110px; float:left; padding:5px; }
	ul.gallery-digs li img { width:140px; height:110px;}
	
	/* bio */
	table.tblBios { border:0; width:625px; margin:0 auto; }
	table.tblBios th, table.tblBios td { width:50%; padding:5px; }
	table.tblBios th {  }
	table.tblBios td a { color:#283b54; text-decoration:none; }
	table.tblBios td a:hover { color:#8197ad; }
	table.tblBios td span { color:#666; font-size:10px; }
	table.tblBios td ul { margin-top:0; list-style:none; }
	table.tblBios td ul li { padding-bottom:15px; }

	/* news feed */
	p.feed { border-top:solid #ccc 1px; margin:0; padding:6px; }
	a.feed { margin:0 0 0 3px; padding:6px 0 6px 19px; background:url(/images/icons/feed-icon-14x14.png) no-repeat 0 50%; text-decoration:none; } 
	a.feed:hover { text-decoration:underline; } 
	a.feedfooter { margin:0 0 0 3px; padding:2px 0 2px 19px; background:url(/images/icons/feed-icon-14x14-bw.png) no-repeat 0 50%; }

/* Text
--------------- */
h1 { color:#c6efff; font-size:180%; font-weight:normal; }

/* Navigation
--------------- */
ul.navigation { list-style:none; margin:0; padding:0; }

/* Structure
--------------- */
#container { background:url(../../images/site/bg-container-shadow.png) no-repeat 0 0; width:952px; /* 1012px */ padding:0 30px; margin:0 auto; 	min-height: 100%; margin: 0 auto -253px; height: auto !important; height: 100%;}

#utility { color:#fff; font-size:12px; background:#8197ad url(../../images/site/bg-utility.png) repeat-x 0 0; width:auto; height:32px; text-align:right; }
	#utility ul { margin:0; padding:0; list-style-type:none; display:block; width:auto; height:32px; float:right; }
	#utility ul li { float:left; height:32px; display:block; padding:7px 25px 0 25px; }
	#utility ul li.divider { background:url(../../images/site/nav-utility-divider.png) no-repeat 0 0; }
	#utility ul li.input {  padding:4px 25px 0 25px; }
	#utility a { color:#fff; text-decoration:none; }
	#utility a:hover { color:#d5ffc8; text-decoration:none; }
	#utility input { color:#666; font-size:11px; padding:2px; border:solid #283b54 1px; height:14px; font-size:inherit; }
	#utility input.btn { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; padding:0 0 0 5px; width:54px; height:20px; border:0; background:#283b54 url(../../images/site/btn-sign-up.png) no-repeat right; }
	#utility input.btn:hover { color:#d5ffc8; cursor:pointer; }

#content-wrap { min-height: 100%; background:#8197ad url(../../images/site/bg-content.png) repeat-x 0 0; width:952px; /*margin: 0 auto -253px; height: auto !important; height: 100%;*/ }

#header {
	width:auto;
	min-height:220px; background:url(../../images/site/wave.png) no-repeat 0 0;
}
	#header div.logo { position:absolute; padding:0; margin:15px 0 0 80px; background: url(../../images/site/F5-logo.png); width:142px; height:145px; }
	#header div.logo a { display:block; width:142px; height:145px; }
	#header div.logo a span { display:none; visibility:hidden; /* margin-left:-10000px; */ }
	#header ul.navigation {
		float:right; width:230px; text-align:right;
	}
	#header ul.navigation li.divider {
		background:url(../../images/site/nav-main-divider.png) no-repeat 100% 100%; padding-bottom:2px;
		}
		#header ul.navigation li a { color:#fff; display:block; width:200px; padding:10px 15px; text-decoration:none; }
		#header ul.navigation li a.active { color:#d5ffc8; background:url(../../images/site/nav-main-active.png) repeat-y 100% 100%; }
		#header ul.navigation li a:hover { color:#d5ffc8; background:url(../../images/site/nav-main-hover.png) repeat-y 100% 100%; }

#headline { margin:60px 12px 12px 12px; background:url(../../images/site/headline-bottom.png) no-repeat 0 100%; width:928px; padding-bottom:7px; }
	/*
		Notes: adjust column heights to adjust for the floating image (i.e. globe)
	*/
	#headline ol.headline { background:url(../../images/site/headline-top.png) no-repeat 100% 0; list-style:none; padding:7px 0 0 0; /*padding:7px 0 0 0;*/ margin:0; }
	#headline ol.headline li { background:#fff; text-align:right; display:block; }
	#headline ol.headline li.col-left { height:140px; width:425px; float:left; }
	#headline ol.headline li.col-right { height:140px; width:483px; /* 503 */ padding:0 20px 0 0; float:right; color:#999; font-size:78%; }
	#headline ol.headline li.col-right h3 { color:#283b54; padding:10px 0 0 0; margin:0; font-size:160%; font-style:normal; }
	#headline ol.headline li.col-right p { margin:0 50px 0 0; padding-top:15px; }
	#headline ol.headline li.col-right p.findoutmore { text-align:right; height:39px; padding:0; }
	#headline ol.headline li.col-right p.findoutmore a { color:#8abf25; font-weight:bold; margin:0 0 0 auto; text-align:right; background:url(../../images/headline-arrow-right.png) no-repeat 100% 50%; width:110px; height:9px; padding:19px 50px 20px 0; display:block;text-decoration: none; line-height: 16px; }
	#headline ol.headline li.col-right p.findoutmore a:hover { color:#283b54; }

#content { padding:10px 33px; font-size:90%; color:#fff;  }
body.about #content { background: url(../../images/site/culture-team-bg.png) no-repeat right top; }

#content ul.layout-two-column { list-style:none; margin:0; padding:0; }
#content ul.layout-two-column li.col-left { width:435px; padding:0 8px 0 0; float:left; }
#content ul.layout-two-column li.col-right { width:435px; padding:0 0 0 8px; float:left; }

dl.headlines dt { font-weight:bold; margin: 0; }
dl.headlines dt,
dl.headlines dd { padding:3px 0 0 0; }

	/* gallery */
	ul.gallery-digs { margin:0; padding:0; list-style:none; }
	ul.gallery-digs li { width:140px; height:110px; float:left; padding:5px; }
	ul.gallery-digs li img { width:140px; height:110px;}
	
.hidden { display: none; visibility: hidden; }

div#content p {
	margin: 0 0 10px 0;
	line-height: 20px;
}

div#content h2 {
	margin: 20px 0 5px 0;
}

/* Tags for Headlines */
/*a.blogpost:after {
	content: url(../../images/site/tag-blogpost.gif);
}

a.newsletter:after {
	content: url(../../images/site/tag-newsletter.gif);
}

a.news:after {
	content: url(../../images/site/tag-news.gif);
}

a.news:after, a.newsletter:after, a.blogpost:after {
	margin-left: 15px;
}*/

#footer { margin:15px 15px 0 15px; font-size:10px; }
#footer a { color:#283b54; text-decoration:none; }
#footer a:hover { color:#000; text-decoration:underline; }

#footercontainer, .push { float: none; height: 253px; clear: both; }
#footercontainer { position: relative; bottom: auto; margin-top: -253px; width: 952px; margin: 0 auto; }

/* footer styles 4-20-2010 */

#footer-bar { height: 40px; background: url(/images/site/ftrbar-bg.png) repeat-x; padding: 25px 0 5px 0;}
#footer-bar ul.icons { margin: 4px 15px; padding: 0; height: 40px; }

#footer-bar ul.icons li { line-height: 32px; display: inline; height: 32px; }
#footer-bar ul.icons li a { display: block; width: 32px; height: 32px; float: left; margin: 4px 15px 4px 0; }
#footer-bar ul.icons li a span { display: none; visibility: hidden; }
#footer-bar ul.icons li a.icon-facebook { background: url(/images/icons/icon-facebook.png) 0 0 no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-facebook:hover { background: url(/images/icons/icon-facebook.png) 0 -32px no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-twitter { background: url(/images/icons/icon-twitter.png) 0 0 no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-twitter:hover { background: url(/images/icons/icon-twitter.png) 0 -32px no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-digg { background: url(/images/icons/icon-digg.png) 0 0 no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-digg:hover { background: url(/images/icons/icon-digg.png) 0 -32px no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-flickr { background: url(/images/icons/icon-flickr.png) 0 0 no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-flickr:hover { background: url(/images/icons/icon-flickr.png) 0 -32px no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-youtube { background: url(/images/icons/icon-youtube.png) 0 0 no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-youtube:hover { background: url(/images/icons/icon-youtube.png) 0 -32px no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-rss { background: url(/images/icons/icon-rss.png) 0 0 no-repeat; width: 32px; height: 32px; }
#footer-bar ul.icons li a.icon-rss:hover { background: url(/images/icons/icon-rss.png) 0 -32px no-repeat; width: 32px; height: 32px; }

#footersite { height: 183px; margin: 0; background: url(/images/site/ftr-bg.png) repeat-x; }
#footersite div.ftrleft { height: 183px; background: url(/images/site/ftr-l.png) no-repeat; background-position: left; }
#footersite div.ftrright { height: 183px; background-image: url(/images/site/ftr-r.png); background-repeat: no-repeat; background-position: right; }

#footersite ul#footermap { margin: 0; padding: 20px 0 0 0; }
#footersite ul#footermap > li { display: block; width: 138px; height: 163px; float: left; line-height: 22px; list-style: none; padding: 0 0 0 20px; }
#footersite ul#footermap > li.sep { background: url(/images/site/ftr-sep.png) 0 -20px no-repeat; }
#footersite ul#footermap li a { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 14px; color: #8eee83; text-decoration: none; }
#footersite ul#footermap li ul { margin: 0; padding: 0; }
#footersite ul#footermap li ul li { display: block; line-height: 22px; list-style: none; width: 115px; padding-left: 8px; }
#footersite ul#footermap li ul li a { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 12px; color: #c2edff; text-decoration: none; }
#footersite ul#footermap li ul li a:hover { color: #fff; }

#footersite div#force5tag { position: absolute; margin: 160px 0 0 875px; color: #fff; font-size: 10px; }

/* Secondary Pages - Nav and Content */
#subnav { text-align: center; border-bottom: solid 1px #fff; }
#subnav ul { margin: 0 auto; padding: 0 30px; display: block; height: 55px; }
#subnav ul li { float: left; display: block; margin: 0 10px 7px 10px; list-style-type: none; padding-top: 30px; }
#subnav ul li a { color: #fff; padding: 30px 20px 7px 20px; margin-top: 30px; }
#subnav ul li:hover a, #subnav ul li.active a { color: #cafabf; background-image: url(/images/site/nav2-bg-over.png); }
#subcontent { background-color: #30425b; padding: 50px 20px 20px 20px; }
#subnav ul li div:hover { visibility: hidden; }
#subnav ul li.active div { background-image: url(/images/site/nav2-glow-b.png); height: 34px; position: absolute; width: 237px; background-repeat: no-repeat; margin: 7px 0 0 -35px; }
#subnav ul li.brand:hover div { background-image: url(/images/site/nav2-glow-b.png); height: 34px; position: absolute; width: 237px; background-repeat: no-repeat; margin: 7px 0 0 -25px; }
#subnav ul li.web:hover div { background-image: url(/images/site/nav2-glow-b.png); height: 34px; position: absolute; width: 237px; background-repeat: no-repeat; margin: 7px 0 0 -35px; }
#subnav ul li.print:hover div { background-image: url(/images/site/nav2-glow-b.png); height: 34px; position: absolute; width: 237px; background-repeat: no-repeat; margin: 7px 0 0 -55px; }
#subnav ul li.video:hover div { background-image: url(/images/site/nav2-glow-b.png); height: 34px; position: absolute; width: 237px; background-repeat: no-repeat; margin: 7px 0 0 -40px; }
#subnav ul li.staging:hover div { background-image: url(/images/site/nav2-glow-b.png); height: 34px; position: absolute; width: 237px; background-repeat: no-repeat; margin: 7px 0 0 -48px; }