/* global */

body {
	background: #fff url('/images/bg_subpage.jpg') repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

td, p, div {
	color: #56574F;
	font-size: 12px;
	font-family: Helvetica, Arial, sans;
	font-weight: normal;
	line-height: 14px;
}

img {
	border: 0;
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
}

img.left {
	float: left;
	margin: 0 10px 10px 0;
}

a:link, a:visited {
	cursor: pointer;
	text-decoration: none;
	color: #CB2703;
}
	
a:active, a:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #CB2703;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.orange {
	color: #CB2703;
}

/* header & nav styles */
	
#header {
	background: transparent url('/images/bg_header.jpg') no-repeat;
	width: 950px;
	height: 119px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#logo {
	width: 173px;
	height: 119px;
	text-align: left;
}

#logo a {
	background: transparent url('/images/drumroll_logo.png') no-repeat;
	width: 173px;
	height: 119px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 0 24px;
}

/* nav styles */

#nav {
	float: right;
	width: 602px;
	margin: -119px 0 0 0;
}

#nav ul, #nav li {
	margin: 0;
	padding: 0;
}

#nav ul li {
	display: inline;
	list-style-type: none;
	float: left;
}

#nav li a {
	width: 86px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #company a:active, #nav #company a:hover,
#nav #work a:active, #nav #work a:hover,
#nav #clients a:active, #nav #clients a:hover,
#nav #services a:active, #nav #services a:hover,
#nav #highlights a:active, #nav #highlights a:hover,
#nav #careers a:active, #nav #careers a:hover,
#nav #contact a:active, #nav #contact a:hover {
	background-position: 0 -45px;
}

#nav #company a.on, 
#nav #work a.on, 
#nav #clients a.on, 
#nav #services a.on, 
#nav #highlights a.on, 
#nav #careers a.on, 
#nav #contact a.on {
	background-position: 0 -90px;
}

#nav #company a {
	background: url('/images/nav/company.png') no-repeat 0 0;
}
	
#nav #work a {
	background: url('/images/nav/work.png') no-repeat 0 0;
}
	
#nav #clients a {
	background: url('/images/nav/clients.png') no-repeat 0 0;
}
	
#nav #services a {
	background: url('/images/nav/services.png') no-repeat 0 0;
}
	
#nav #highlights a {
	background: url('/images/nav/highlights.png') no-repeat 0 0;
}
	
#nav #careers a {
	background: url('/images/nav/careers.png') no-repeat 0 0;
}
	
#nav #contact a {
	background: url('/images/nav/contact.png') no-repeat 0 0;
}

/* subnav styles */

#subnav {
	margin: 0 0 30px 0;
	padding: 0;
}

#subnav ul, #subnav li {
	margin: 0;
	padding: 0;
}

#subnav ul li {
	display: inline;
	list-style-type: none;
	float: left;
}

#subnav li a {
	display: block;
	padding: 7px 15px;
	border: solid 1px #fff;
	border-bottom: dashed 1px #BDD4E4;
	line-height: normal;
}

#subnav li a:link, #subnav li a:visited {
	color: #56574F;
}

#subnav li a:hover, #subnav li a:active {
	color: #56574F;
	text-decoration: none;
	background: #ECF4FF;
}

#subnav li#selected a {
	color: #E48A1A;
	text-decoration: none;
	border: dashed 1px #BDD4E4;
	border-bottom: solid 1px #fff;
	background: #fff;
}

/* page styles */

#content {
	width: 900px;
	min-height: 425px;
	_height: 425px;
	margin: 0 auto;
	padding: 50px 25px 30px 25px;
	text-align: left;
}

#flash {
	margin: 0 auto;
}

h1 {
	color: #CB2703;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 20px 0;
	padding: 0;
}

h2 {
	color: #373737;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
}

h3 {
	color: #CB2703;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 5px;
}

a.arrow {
	background: url('/images/arrow_link.gif') no-repeat;
	background-position: center right;
	padding: 0 14px 0 0;
}

a.back {
	background: url('/images/arrow_back.gif') no-repeat;
	background-position: center left;
	padding: 0 0 0 14px;
}

.twoColumn {
	margin: 15px 0 0 0;
}

.twoColumn .column {
	float: left;
	width: 430px;
}

.twoColumn .column:first-child {
	margin: 0 40px 0 0;
}

.threeColumn {
	margin: 15px 0 0 0;
}

.threeColumn .column {
	float: left;
	width: 290px;
	margin: 0 15px 0 0;
}

.threeColumn .last {
	margin: 0;
}

div.column > p:first-child {
	margin-top: 0;
}

.cta {
	margin: 15px 0;
}

.cta .title {
	color: #CB2703;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
}

.cta a {
	color: #CB2703;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}

.itemContainer {
	padding: 3px 0;
	border-top: dashed 1px #BDD4E4;
}

.lastItemContainer {
	border-bottom: dashed 1px #BDD4E4;
}

.itemContainer .item {
	padding: 10px 5px;
}

.itemContainer dl, .itemContainer dt, .itemContainer dd {
	margin: 0;
	padding: 0;
}

.itemContainer dl {
	padding: 10px 5px;
}

.itemContainer dl.alt {
	background: #ECF4FF;
}

.itemContainer dt {
	color: #CB2703;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}

.itemContainer dd {
	
}

/* home page styles */

body.home {
	background: #fff url('/images/bg_home.jpg') repeat-x;
}

.home #content {
	padding: 0px;
	min-height: 0;
	height: auto;
}

.home .intro {
	color: #CB2703;
	margin: 15px 0;
}

.home .intro strong {
	color: #E38A1A;
}

.home #newsfeed {
	background: url('/images/news/bg_newsfeed.gif') no-repeat;
	width: 900px;
	height: 27px;
	padding: 0;
	font-size: 12px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#newsfeed #newsItems {
	margin: 0;
	padding: 0;
}

#newsfeed #newsItems li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#newsfeed #newsItems .newshdr {
	padding: 5px 0 5px 7px;
}

#newsfeed .newsitem {
	position: absolute;
	padding: 5px 7px;
	height: 15px;
	width: 750px;
	overflow: hidden;
}

#newsfeed .newsitem a {
	color: #56574F;
}

#newsfeed .hidden {
	display: none;
}

#newsfeed #newsfeedButtons {
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
}

#newsfeed #newsfeedButtons li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#newsfeed #newsfeedButtons li a {
	width: 16px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#newsfeed #prevNewsItem {
	background: url('/images/news/arrow_prev.gif') no-repeat 0 0;
}

#newsfeed #nextNewsItem {
	background: url('/images/news/arrow_next.gif') no-repeat 0 0;
}

.home #features ul {
	margin: 0;
	padding: 0;
}

.home #features ul li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.home #features ul li.last {
	margin: 0;
}

/* work page styles */

body.work {
	background: #fff url('/images/bg_subpage_curve.jpg') repeat-x;
}

.work #flash {
	margin-top: 21px;
}

.work #content {
	padding-top: 15px;
}

/* clients page styles */

ul.clientThumbs {
	margin: 0;
	padding: 0;
}

ul.clientThumbs li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
}

ul.clientThumbs li.last {
	margin-right: 0;
}

.clients .clientDetail {
	width: 430px;
	height: 260px;
	float: left;
	margin-right: 10px;
}

.clients #clientDetailContainer {
	width: 430px;
}

.clients .clientDetailContainer {
	height: 265px;
	overflow: hidden;
}

.clients .clientDetailInnerContainer {
	width: 3960px;
	height: 265px;
}

/* highlights page styles */

.highlights .feature h1 {
	margin: 0 0 5px 0;
}

.highlights_press .itemContainer {
	padding: 20px 0;
	border-bottom: dashed 1px #BDD4E4;
}

.highlights_press #date {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}

/* services page styles */

.services h3 {
	color: #56574F;
	font-size: 13px;
}

/* contact page styles */

.contact .map ul {
	margin: 0;
	padding: 0;
}

.contact .map ul li {
	display: block;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}

/* footer */

#footer {
	color: #96968F;
	font-size: 11px;
	margin: 0 auto;
	padding: 15px 0;
	width: 900px;
	text-align: left;
	border-top: dashed 1px #BDD4E4;
}

.home #footer {
	border-top: none;
}

/* admin styles */
 
.tbl_altrow {
 background: #eee;
}

.admin .tbl_hdr {
	color: #fff;
	background: #8C1507;
	font-weight: bold;
	text-transform: uppercase;
}

.admin td {
	color: #000;
}

.admin .tbl_altrow {
	background: #eee;
}

#editor_notes {
	display: none;
}

.admin pre {
	color: #000;
	margin-top: 0;
}

/* forms */
	
.error {
	color: #ff0000;
}
	
.red {
	color: red;
}

/* float clearfix styles */

.clear {
	clear: both; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */