body {
	margin: 0;
	font: 14px/19px Georgia, "Times New Roman", Times, serif;
	color: #666;
	background: #fcd903;
	min-width: 960px;
	padding: 20px 0 0;
}
img { border-style: none; }
a {
	color: #666;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
.page-holder {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
}
#header {
	background: #fff url(/images/bg-dot.gif) repeat-x 0 100%;
	padding: 42px 0 27px;
}
#header h1 {
	width: 290px;
	height: 79px;
	float: left;
	overflow: hidden;
	margin: 0;
}
#header h1 a {
	display: block;
	height: 100%;
	background: url(/images/bg-logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#header strong {
	float: right;
	text-align: right;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #ccc;
	width: 510px;
	margin: 32px 3px 0 0;
}
#header ul {
	float: right;
	margin: 0 -10px 0 0;
	padding: 12px 0 0;
	list-style: none;
	clear: right;
	overflow: hidden;
	display: inline;
}
#header ul li {
	float: left;
	background: url(/images/bg-main-nav-bullet.gif) no-repeat left;
	margin: 0 14px 0 -5px;
	padding: 0 0 0 14px;
	display: inline;
}
#header ul a {
	float: left; font-family: verdana; text-transform: uppercase;
	height: 20px; font-weight: bold; font-size: 12px; color: #3E3016; text-decoration: none;
	overflow: hidden;
}
#header ul a.active { color: #F2D411 }

#header ul a:hover { color: #aaa; }


.dot-1 { background: url(/images/bg-dot.gif) repeat-x 0 100%; }
.dot-2 { background: #fff url(/images/bg-dot2.gif) repeat-x 0 100%; }
#content {
	background: #fff;
	padding: 30px 0 0;
}
.promo {
	color: #000;
	font-size: 18px;
	line-height: 23px;
	padding: 0 0 47px;
	text-align: center;
	background: #fff url('/images/down.png') no-repeat 50% 65%;
}
.promo.sans { background-image: none; padding-bottom: 0px }
.promo.max { font-size: 22px; text-align: left; line-height:30px; }
.cols {
	width: 975px;
	overflow: hidden;
	margin: 0 -35px 0 0;
}
.cols .col {
	width: 290px;
	float: left;
	padding: 0 35px 27px 0;
}
.cols h2 {
	margin: 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
}
.cols p { margin: 0; font-size: 12px; margin: 0 0 20px 0 }
.cols .headline {
	background-repeat: repeat-y;
	padding: 7px 10px 5px;
	margin: 0 0 25px;
}
.cols .work-services .headline { background-image: url(/images/bg-head-work-services.gif); }
.cols .brands .headline { background-image: url(/images/bg-head-brands.gif); }
.cols .space .headline { background-image: url(/images/bg-head-space.gif); }
.cols .headline h2 {
	height: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.cols .work-services h2 { background-image: url(/images/bg-text-work-services.gif); }
.cols .brands h2 { background-image: url(/images/bg-text-brands.gif); }
.cols .space h2 { background-image: url(/images/bg-text-space.gif); }
.cols .image { padding: 33px 0 0; }
.cols .image img { display: block; }
.feed { padding: 14px 0 42px; }
.feed .headline {
	background: #fcd903 url(/images/bg-feed-headline.png) no-repeat 100% 0;
	padding: 7px 10px 5px;
	margin: 0 0 3px;
}
.feed .headline h2 {
	height: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/bg-text-feed.png) no-repeat;
	margin: 0;
}
.feed .body {
	border: 1px solid #cdcdcd;
	width: 920px;
	position: relative;
	padding: 0 9px;
}
.feed .inner {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 21px 0 18px;
}
.feed .inner ul {
	width: 9999px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.feed .inner ul li {
	width: 174px;
	float: left;
	padding: 0 52px 0 14px;
	position: relative;
}
.feed .inner ul img { vertical-align: top; }
.feed .inner ul .info {
	border: 1px solid #aec8ec;
	min-height: 137px;
	height: auto !important;
	height: 137px;
	font-size: 12px;
	line-height: 17px;
	padding: 35px 12px 0;
}
.feed .inner ul .info .date {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: #ccc;
	margin: 0 0 7px;
}
.feed .inner ul .info p { margin: 0; }
.feed .prev,
.feed .next,
.feed .prev a,
.feed .next a {
	display: block;
	width: 21px;
	height: 20px;
}
.feed .prev,
.feed .next {
	position: absolute;
	top: 50%;
	margin: -10px 0 0;
}
.feed .prev { left: -11px; }
.feed .next { right: -11px; }
.feed .prev a,
.feed .next a {
	overflow: hidden;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.feed .prev a { background-image: url(/images/btn-prev.png); }
.feed .next a { background-image: url(/images/btn-next.png); }
.feed .head {
	width: 170px;
	height: 24px;
	position: absolute;
	top: 2px;
	left: 16px;
}
.feed .head div {
	background: url(/images/bg-carousel-head.png);
	padding: 9px 8px 6px 11px;
	height: 9px;
}
.feed .info .head div { background: url(/images/bg-carousel-info-head.png); }
.feed .head a {
	float: right;
	width: 12px;
	height: 12px;
	background: url(/images/btn-carousel.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: -3px 0 0;
}
.feed .head h3 {
	height: 7px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
}
.feed .head h3.flickr { background-image: url(/images/bg-flickr.gif); }
.feed .head h3.delicious { background-image: url(/images/bg-delicious.gif); }
.feed .footer {
	border: solid #cdcdcd;
	border-width: 0 1px 1px;
	background: #fdfdfd url(/images/bg-feed-footer.gif) repeat-x 0 100%;
	margin: 0;
	padding: 0 11px;
	list-style: none;
	height: 1%;
	overflow: hidden;
}
.feed .footer li {
	float: left;
	padding: 8px 0 6px;
	margin: 0 12px;
	display: inline;
}
.feed .footer li a {
	float: left;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.feed .footer li.twitter a {
	background-image: url(/images/bg-feed-twitter.png);
	width: 49px;
}
.feed .footer li.flickr a {
	background-image: url(/images/bg-feed-flickr.png);
	width: 38px;
}
.feed .footer li.delicious a {
	background-image: url(/images/bg-feed-delicious.png);
	width: 57px;
}
.feed .footer li.videos a {
	background-image: url(/images/bg-feed-videos.png);
	width: 40px;
}
.feed .footer li.quoteables a {
	background-image: url(/images/bg-feed-quoteables.png);
	width: 69px;
}
.feed .footer li.mash-up a {
	width: 50px;
	background-image: url(/images/bg-feed-mash-up.png);
}
.feed .footer li a:hover,
.feed .footer li.active a { background-position: 0 -10px; }
.feed .footer li.active { background: url(/images/bg-feed-arrow.png) no-repeat 50% 0; }
.sub-nav {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 17px 0 18px;
	list-style: none;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
.sub-nav li {
	float: left;
	padding: 0 22px 0 0;
}
.sub-nav a {
	color: #ccc;
	text-decoration: none;
}
.sub-nav a:hover,
.sub-nav li.active a {
	color: #333;
	text-decoration: none;
}
.action {
	background: url(/images/bg-action-left.gif) no-repeat;
	padding: 0 0 0 19px;
	height: 24px;
	margin: 0 0 32px;
}
.action ul {
	float: left;
	margin: 0;
	padding: 0 35px 0 8px;
	list-style: none;
	height: 24px;
	background: #f5f5f5 url(/images/bg-action-right.gif) no-repeat 100% 0;
}
.action ul li {
	float: left;
	padding: 6px 0 0 8px;
}
.action ul a {
	float: left;
	width: 11px;
	height: 10px;
	background: url(/images/bg-action-link.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.action ul a:hover,
.action ul li.active a { background-position: 0 -10px; }
.description { padding: 0 0 42px; min-height:405px; }
.description h2 {
	margin: 6px 0 0; color: #A4CA75; text-transform: uppercase; letter-spacing: 1px;
	font-family: times; font-size: 24px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.description .col-1 {
	width: 616px;
	float: left;
}
.description .col-2 {
	width: 298px;
	float: right;
}
.description .head {
	width: 100%;
	overflow: hidden;
	padding: 0 0 22px;
}
.description .head .col-1 ul {
	margin: 0;
	padding: 12px 0 0;
	list-style: none;
	height: 1%;
	overflow: hidden;
}
.description .head .col-1 ul li {
	float: left;
	margin: 0 12px 0 0;
}
.description .head .col-1 ul a {
	float: left;
	width: 8px;
	height: 12px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.description .head .col-1 ul .prev a { background-image: url(/images/btn-descr-prev.gif); }
.description .head .col-1 ul .next a { background-image: url(/images/btn-descr-next.gif); }
.description .head .col-2 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #ccc;
}
.description .head .col-2 strong { color: #666; }
.description .body {
	width: 100%;
	overflow: hidden;
}
.description .media { padding: 2px 0 0; }
.description img { vertical-align: top; }
.description p { margin: 0 0 18px; }
#footer {
	background: #fcd903;
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	padding: 25px 0;
	color: #3f3601;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .links {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#footer .links li {
	display: inline;
	padding: 0 0 0 5px;
}
#footer .links a { color: #978202; }
#footer .text {
	width: 480px;
	float: left;
}
#footer p { margin: 0 0 8px; }
#footer .text ul {
	width: 100%;
	margin: 4px 0 0 -6px;
	padding: 0;
	list-style: none;
	color: #655701;
	overflow: hidden;
}
#footer .text ul li {
	float: left;
	background: url(/images/bg-footer-bullet.gif) no-repeat left;
	margin: 0 0 0 -4px;
	padding: 0 9px;
}
#footer div.blurb { margin: 0 0 10px 0 }

div.error, div.success, div.warning { font-size: 14px; color: #cc0000; line-height: 20px; background-color: #ffeeee; border: 1px solid #ff0000; border-right: none; border-left: none; padding: 5px 10px; margin: 0px 0px 10px 0; }
div.success { color: #fff; border: 1px solid #FCD903; border-right: none; border-left: none; background-color: #555; }
div.success a { color: #551A8B; text-decoration: none; }
div.success a:hover { text-decoration: underline; }
div.warning { background-color: #FFFFE4; color: #7D052C; border: 1px solid #7D052C; border-right: none; border-left: none; }
div.error div, div.success div, div.warning div { border: none; padding: 0 0 0 10px; margin: 5px 0 }
div.inline-flash { background-color: #FFFFE1; }

#demo-cont { background-color: #1A1A1A; margin: 0 0 25px 0 }
#demo-cont table, table { border-collapse: collapse; }
#demo-cont td { font-family: arial; font-size: 11px; vertical-align: middle; }
#demo-cont td b { font-size: 13px; }
#demo-cont td.opt { background-color: #555; padding: 15px; white-space: nowrap; color: #fff; border-bottom: 1px solid #000; border-right: 1px solid #aaa; border-top: 1px solid #eee; }
#demo-cont td.opt:hover { background-color: #aaa; cursor: pointer; color: #fff; }
#demo-cont td.active { background-color: #1A1A1A; color: #aaa; border-right: none; }
#demo-cont td.active:hover { background-color: #1A1A1A }
#demo-vid-cont { margin: 20px 30px; }
td.vid-cont { text-align: center; }
.demo-head p { text-align: left; color: #000; margin: 0 0 10px 0; font-size: 14px; font-family: arial; }

body#cms-demo, body#cms-demo #footer { background-color: #70AEC6; color: #fff; }
body#cms-demo #footer a { color: #ddd; }
body#cms-demo #header { padding-bottom: 0; background-image: none; background-color: #fff; }
body#cms-demo #content { padding-top: 0; }
body#cms-demo #footer .text { width: 450px; }

table td { vertical-align: top; }
table td.cols p { margin-top: 20px; margin-bottom: 50px; }
table td.buff { width: 20px; }
#home-bottom { width: 100%; }

#overview-top { margin-bottom: 20px; }
#overview-top td p { margin-bottom: 20px; color: #333 }

#grid { margin: 3px 0 0 0 }
#grid td { padding-bottom: 30px }
#grid td h3 { margin: 10px 0 0 0; }
#grid td h3 a { font-family: verdana; font-size: 14px; margin: 0; color: #000; text-decoration: none; }
#grid td h3 a:hover { color: #aaa; }
#grid td p { margin: 0; font-size: 12px; }
#grid td a img { border: 2px solid #eee; }
#grid td a:hover img { border: 2px solid #aaa; }
#grid .c-0, #grid .c-2 { width: 35% }
#grid .c-0 { padding-right: 40px; }
#grid .c-2 { padding-left: 40px; }

#content.detail { padding-top: 0px; }
.cycler { height: 375px;  }
#cycler-cont { position: absolute; top: 360px }

.description .head .col-2 a { text-decoration: none; color: #bbb; }
.description .head .col-2 a:hover { color: #000; }

p.tiny-intro { margin-left: 4px; }