@charset "UTF-8";

/* color scheme:
	orange: #f60;
	turquoise: #0072b3;
	gray: #4a4a4a;
	red: #e108e1;
	pink-red: #d3021b;
 */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	outline: none;
}

body { 
	margin: 0;
	padding: 0;
	background: #fff;
}

a:link { color: #0072b3; }
a:visited { color: #0094d5; }
a:hover { text-decoration: underline; }
a:active { color: #990000 }

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f60; 
	margin-top: 1.5em;
	margin-bottom: 1em;
}
h1 { font-size: 24px; }
h2 { font-size: 18px;}
h3 { font-size: 16px; }
p, ul, ol, table, blockquote {
	margin-bottom: 1em;
}
strong {
	color: #000;
}
table {
	border-collapse: collapse;
}
caption {
	text-align: left;
	font-weight: bold;
	padding-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
th {
	background-color: #b10019;
	border: 1px solid #999;
	margin: 0;
	padding: 5px;
	vertical-align: bottom;
	font: 15px/1.2em "Trebuchet Ms", Arial, Helvetica, sans-serif;
	color: #fff;
}
td {
	border: 1px solid #999;
	margin: 0;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
blockquote {
	margin: 0;
	padding: 10px 30px 0;
	background: url(../images/quote_left.gif) no-repeat left top;
}
blockquote p {
	margin-top: 0;
}

/* INITIAL DIVS
========================================*/

div {
	position: relative;
}

#gestalt {
	width: 962px;
	margin: 0 auto 20px;
	padding-top: 30px;
}

#header {
	width: 100%;
	height: 95px;
	z-index:100;
}
#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 50px;
}

/* SEARCH
========================================*/
#siteSearch {
	position: absolute;
	right: 0;
	bottom: 12px;
	text-align: right;
	height: 20px;
	z-index: 1000;
}
#searchBox { 
	position: absolute;
	right: 20px;
	top: 0;
	width: 175px;
	height: 18px;
	border: 1px solid #999;
}
#searchBtn {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}


/* TAGLINE AREA
========================================*/
#tagBox {
	width: 960px;
	height: 120px;
	border: 1px solid #999;
	background-image: url(../images/home/placeholder);
	margin-top: -2px;
}
#tagBox #snippet {
	position: absolute;
	right: 0;
	top: 0;
	width: 251px;
	height: 120px;
}


/* MAIN CONTENT
========================================*/
#maincontent {
	padding: 20px 270px 50px 120px;
	float: left;
	font: 12px/1.4em Georgia, "Times New Roman", Times, serif;
	color: #4a4a4a;
}
#maincontent ol, #maincontent ul {
	margin-left: 20px;
}
#maincontent li {
	margin: .5em 0;
}
/* for those pages that are too short */
.spacer {
	height: 300px;
}

/* ANCILLARY (SIDEBAR)
========================================*/
#ancillary {
	width: 200px;
	margin: 75px 0 50px -201px;
	padding-bottom: 15px;
	background: url(../images/sidebar/sidebar.gif) repeat-y left bottom;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif
}
#ancillary h3 {
	margin: 0 20px 1em 20px;
	padding-top: 20px;
}
#ancillary ul, #ancillary ol {
	margin: 0 30px 1em 30px;
	font-size: 11px;
	line-height: 1.4em;
}
#ancillary li {
	margin-bottom: .5em;
}

#pullQuote, #quickTip {
	margin-top: -2px;
	color:#360;
}

/* pullquotes, which will have only one paragraph, a top quote and bottom quote */
#pullQuote {
	background: url(../images/sidebar/quote_top.gif) no-repeat left top;
}
#pullQuote p {
	padding: 35px 22px 10px 22px;
	margin-bottom: 10px;
	background: url(../images/sidebar/quote_btm.gif) no-repeat left bottom;
	font-size: 11px;
	line-height: 1.4em;
}

#quickTip {
	background: url(../images/sidebar/tip_top.gif) no-repeat left top;
	padding-bottom: 10px;
}

#quickTip p {
	margin: 1em 22px;
	font-size: 11px;
	line-height: 1.4em;
}

/* signup form */
#signup {
	width: 193px;
	border-top: 1px solid #ccc;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #d3021b;
	font-size: 12px;
}
#signup * {
	margin: 0;
	padding: 0;
}
#signup img {
	margin-bottom: 5px;
}
#signup p {
	padding: 7px 5px 5px 5px;
	text-align: center;
}
#signupForm {
	color: #333;
}
#signup span{
	color: #666;
	margin-left: 10px;
}
#signupBox { 
	width: 105px;
	height: 18px;
	border: 1px solid #999;
	color: #666;
	margin-left: 2px;
}
#goBtn {
	background-color: #0072b3;
	color: #fff;
	position: relative;
	top: 2px;
}
#signupBtn {
	background-color: #0072b3;
	border-top: 2px solid #00A7D4;
	border-left: 2px solid #00A7D4;
	border-right: 2px solid #00355C;
	border-bottom: 2px solid #00355C;
	color: #fff;
	width: 25px;
	position: relative;
	top: 2px;
	font-size: 9px;
}

#signupLinks {
	font-size: 10px;
	color: #999;
}

/* FOOTER
========================================*/
#footer {
	margin-top: 75px;
	width: 100%;
	background: #f60;
	clear: both;
	height: 32px;
}
#footer p {
	text-align: center;
	padding-top: 9px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;	
	line-height: 12px;
}
#footer p span {
	color: #fff;
	margin-left: 8px;
}
#footer a:link {
	color: #000;
}

/* HOMEPAGE ONLY
========================================*/
#homepage #tagBox {
	width: 960px;
	height: 340px;
	border: 1px solid #999;
	background-image: url(../images/home/placeholder);
}
#homepage #tagBox #bubble {
	width: 233px;
	height: 233px;
	position: absolute;
	left: 610px;
	top: 55px;
}
#homepage #maincontent {
	width: 650px;
	margin: 35px auto 0;
	padding: 0;
	float: none;
}
#homepage h1 {
	font-size: 20px;
}
#homepage h1 span {
	color: #555;
	font-size: .8em;
}



/* APPS
========================================*/
.apps #maincontent {
	height: 800px;
}
#icons {
	width: 575px;
	background: url(../images/icons/handheld.jpg) no-repeat left top;
	position: relative;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	padding-top: 40px;
	margin-bottom: 20px;
}
#icons a:link, #icons a:visited { color: #fff; }
#icons a:hover { color: #fc0; text-decoration: none; }

#icons ul {
	height: 270px; /* 305 (icon height) - 40 (icon padding */
	margin: 0;
	padding: 0 40px 0 105px;
}
#icons li {
	list-style-type: none;
	width: 75px;
	height: 110px;
	text-align: center;
	float: left;
	margin-right: 20px;
}
#icons img {
	display: block;
	width: 75px;
	height: 75px;
	margin-bottom: 2px;
}

#appTips, #appCaseStudies, #appWebinars, #appReports, #appDigimags, #appPodcasts, #appNews, #appCalendar {
	display: none;
	padding: 0 0 25px 0;

}
.stuff li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mp3Player p {
	padding-top: 10px;
	text-align: center;
	font: bold 14px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #f60;
}


/* AS SEEN IN 
========================================*/
.publication {
	margin-left: 165px;
}
.publication img {
	position: absolute;
	left: -171px;
	top: 0;
	width: 160px;
	height: 59px;
}
.headline {
	font-weight: bold;
	color: #000;
}
.headline em {
	font-weight: normal;
	color: #4a4a4a;
}

/* CONTACT 
========================================*/
#contact table td {
	margin: 0;
	padding: 0;
	border: none;
	padding-right: 20px;
}
#contact #maincontent a:link, #contact #maincontent a:visited { color: #0072b3; }

/* DIGIMAGS
========================================*/
#mags {
	text-align: center;
}
#mags img {
	width: 450px;
	height: 315px;
	margin: 1em 0;
}


/* KUDOS ===========================*/
.quotee {
	margin: 0 0 1em 0;
	padding-top: 25px;
	padding-bottom: 1em;
	background: url(../images/quote_right.gif) no-repeat right top;
	text-align: right;
	font-style: italic;
	color: #666;
}
.quotee strong {
	font-weight: normal;
}

#kudos h2 {
	text-align: left;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}


/* SERVICES
========================================*/
#services .other {
	display: none;
}
#services h2 span {
	font-size: 12px;
}
#services table {
	line-height: 1.1em;
}
#services table ul {
	margin: 2px;
	padding: 0;
}
#services table li {
	list-style-type: none;
	line-height: 1.1em;
	margin-bottom: 1em;
}
#services table td {
	width: 33%;
}


/* TEAM
========================================*/
.staff {
	clear: left;
	width: 100%;
	margin-bottom: 2em;
}
.staff img {
	height: 150px;
	width: 120px;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #999;
}
.staff p, .staff h3 {
	margin-left: 150px;
}
#about h3 span {
	color: #333;
	font-size: .9em;
	line-height: 1.4em;
}
/* new styles */
#teampics {
	height: 200px;
}
#teampics p {
	width: 100px;
	margin-right: 18px;
	float: left;
	line-height: 1.26em;
}
#teampics a {
	text-decoration: none;
}
#teampics img {
	width: 100px;
	height: 125px;
	margin-bottom: .25em;
}



/* BACKGROUNDS ===========================*/
#about #tagBox { background-image: url(../images/bkg/binoculars.jpg); }
#services #tagBox { background-image: url(../images/bkg/bee.jpg); }
#resources #tagBox { background-image: url(../images/bkg/ducklings.jpg); }
#digital #tagBox { background-image: url(../images/bkg/magazine.jpg); }
#kudos #tagBox { background-image: url(../images/bkg/conductor.jpg); }
#thanks #tagBox { background-image: url(../images/bkg/goldfish.jpg); }
#results #tagBox { background-image: url(../images/bkg/binoculars.jpg); }
#contact #tagBox { background-image: url(../images/bkg/dog.jpg); }

#results #results_ {
	background: #fff;
}

p#designCredit {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	color: #4a4a4a;
}