/* COLOR REFERENCE -----------------------------------   
	 			campaigns aqua 669999
	 			campaigns aqua dark 4d6f72
	 			shouts pumpkin ca992b
	 			shouts pumpkin dark 945e25
	 			contacts blue 323466
	 			contacts blue dark 241942
	 			grapes grape 854769
	 			tracking sienna C8582D
	 			content lime a5c632
	 			admin orange F08330
     			grass green 5BB947 
	 			grey 959595
---------------------------------------------- */
/* GENERAL LAYOUT BITS ------------------------------- */
html,
body { height: 100%; margin: 0; padding: 0; }
body {
	color: #000;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	background: url('../img/bg/body.png') repeat;
	border: 0; }

#wrap {
	width: 947px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0px 40px;
	background: url('../img/bg/wrap.png') repeat-y; }
.colwrap {
	width: 905px;
	min-height: 300px;
	margin: 0 auto 10px 16px;
	padding: 30px 20px 10px 10px;
	overflow: hidden;
	background: url('../img/bg/widebox.png') no-repeat 0 0; }
.boxbot {
	clear: both;
	width: 911px;
	height: 24px;
	margin: -10px 0 0 16px;
	background: url('../img/bg/widebox_bot.png') no-repeat 0 0; }

.col1 {
	float: left;
	width: 209px;
	margin: 0 0 0 10px;
	border-right: 1px solid #c5c5c7; }

.col2 {
	float: right;
	width: 570px;
	min-height: 250px;
	margin: 0 60px 0 0;
	padding-left: 50px;
	overflow: hidden; }

.partners .col1 {
	width: 520px;
	margin-bottom: 20px;
	border-right: 0; }
.partners .col2 { width: 240px; }
/* ----------------- let me clear my float */
.clear:after { /* when overflow:hidden just isn't enough */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; }

div.hr {
	display: block;
	float: none !important;
	clear: both;
	height: 1px;
	width: 800px !important;
	overflow: hidden;
	margin: 30px auto;
	border-top: 1px solid #8c8c8c;  }
div.hr hr { border: none 0; margin: 0; }

/* GENERAL COPY STYLES ------------------------------- */
/* ------------------------------- h1 - h6 */
h1 {
	width: 905px;
	height: 45px;
	margin: 0 auto 10px 20px;
	padding: 13px 0 0 20px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-align: left;
	background: url('../img/h1_bar.png') no-repeat 0 0; }
h1 a { color: #fff; }
h2 {
	font-size: 24px;
	font-weight: normal; }
.col2 h2 { margin-bottom: 10px; }
h3,
h4 { margin-bottom: 7px;
	color: #3f3f3f;
	font-weight: normal; }
h4 { font-size: 13px; }
/* ------------------------------- p li td */
dl { line-height: 150%; }
ul { padding: 0; }
ul li { list-style-type: none; }
p, dd, dl, ul, li {
	font-size: 12px;
	margin: 0 0 7px 0;
	text-align: left;
	color: #3f3f3f; }
ol li { color: #03508c; }

.col2 p {
	width: 500px;
	font-size: 13px;
	line-height: 140%; }
.col2 ul { width: 500px; }
.col2 img { margin: 10px 0; }

abbr, acronym {
	font-variant: small-caps;
	border-bottom: none; }

.alert p {
	width: 300px;
	padding-top: 40px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 12px;
	background: url('../img/ui/alert_noflash.gif') no-repeat top center; }
.alert p a {
	float: none;
	text-transform: none;
	background-image: none;
	font-size: 11px; }

pre {
	padding: 10px;
	color: #1f223f;
	font-size: 11px;
	background: #eff9ff;
	border: 1px solid #ccc; }
pre strong {
	color: #000;
	font-size: 13px; } /* linebreaks */
pre+p.info { /* info about linebreaks */
	width: 100% !important;
	margin-top: -35px;
	margin-left: -25px;
	text-align: right;
	color: #77787F;
	font-size: 11px;
	font-style: italic; }
hr {
	display: block;
	clear: both;
	width: 100%;
	margin: 30px 0 30px 20px;
	overflow: hidden;
	background: url('../img/ui/hr.png') repeat-x top left !important; }
/* --------------------------------- links */
a { color: #0071bc;
	text-decoration: none; }
a:hover { color: #e4701d; }

a, a:active, a:hover, a:link, a:visited, a:focus {
	outline-style: none;
	border: 0; }
a img { border: 0px solid; }
.btn {
	display: block;
	text-indent: -6666px; }
.startnow {
	width: 115px;
	height: 35px;
	background: url('../img/btns/startnow.png') no-repeat 0 0 !important; }
.startnow:hover { background: url('../img/btns/startnow.png') no-repeat 0 -35px; }

.developers .colwrap div a,
.distribution .colwrap div a,
.training object+p a,
#api .col1 a,
.bluearrow a {
	padding-right: 11px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	background: url('../img/ui/bluearrow.png') no-repeat center right; }
.bluearrow { clear: both; }
/* HEADER -------------------------------------------- */
/* ---------------------------------- logo */
#header {
	width: 907px;
	margin: 0 auto;
	padding-top: 25px;
	overflow: auto;
	text-align: left; }

#logo:link, #logo:visited, #logo:hover {
	display: block;
	width: 404px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -6666px;
	background: url('../img/logos/shoutlet.png') no-repeat; }
/* -------------------------------- follow */
#follow {
	width: 175px;
	float: right;
	margin: -30px 0 0 0;
	padding: 0;
	overflow: hidden;
	background: url('../img/home/follow.gif') no-repeat 0 50%; }
#follow li {
	float: right;
	clear: none;
	margin: 0;
	padding: 0; }
#follow li a {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 3px 0 0;
	text-indent: -6666px; }
#follow li a { background: url('../img/btns/linkedin.gif') no-repeat; }
#follow li+li a { background: url('../img/btns/twitter.png') no-repeat; }
#follow li+li+li a { background: url('../img/btns/facebook.png') no-repeat; }
#follow li a:hover { background-position: 0 -26px; }
/* ----------------------------------- nav */
#nav {
	width: 907px;
	height: 26px;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
	background: url('../img/nav/nav.png') repeat-x 0 0; }

#nav li { float: left; }
#nav li a {
	display: block;
	height: 22px;
	padding: 8px 24px 0 24px;
	margin: 0;
	color: #959595;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-transform: none; }
#nav li a:hover { color: #2098D5; }
#nav li+li+li+li+li+li+li { margin-left: 220px; }
#nav li+li+li+li+li+li+li a { color: #2098D5; }

 /* you are here */
.about #a_about,
.developers #a_developers,
.distribution #a_distribution,
.features #a_features,
.partners #a_partners,
.services #a_services { color: #5BB947; }
/* -------------------------------- subnav */
#subnav {
	width: 530px;
	margin: -20px 0 0 350px;
	padding: 5px 0 5px 20px;
	overflow: hidden;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	background: #fff; }
.about #subnav {
	width: 420px;
	margin-left: 430px;
	padding-left: 15px; }
.distribution #subnav {
	width: 300px;
	margin-left: 540px;
	padding-left: 11px; }
.email #subnav {
	width: 560px;
	margin-left: 300px;
	padding-left: 15px; }
.podcasts #subnav { width: 510px; }
.rss #subnav {
	width: 300px;
	margin-left: 550px; }
.video #subnav { width: 520px; }
#subnav li {
	float: left;
	margin: 0 10px;
	color: #c95829;
	list-style: disc outside; }
#subnav li:first-child { list-style-type: none; }

#subnav li a { color: #8C8C8C; }
#subnav li a:hover { color: #c95829; }

#about a#a_overview,
#distribution a#a_overview,
#email a#a_overview,
#channels a#a_channels,
#fa a#a_freeagent,
#freedistro a#a_free,
#podcasts a#a_overview,
#rss a#a_overview,
#video a#a_overview,
#contact a#a_contact,
#directories a#a_directories,
#personalization a#a_personalization,
#preview a#a_preview,
.pricing a#a_pricing,
#press a#a_press,
#reporting a#a_reporting,
#tivo a#a_tivo,
#videodistro a#a_distro,
#widget a#a_widget,
#wysiwyg a#a_wysiwyg { color: #404040; text-decoration: underline; }

/* gallery subnav, tabs */
.gallery #subnav {
	width: 800px;
	margin: -40px 40px 0 40px;
	padding: 0;
	background-image: none;
	border-bottom: 1px solid #c0c0c0; }

.gallery #subnav li {
	float: right;
	width: 128px;
	height: 29px;
	list-style: none;
	text-align: center; }

.gallery #subnav li a {
	display: block;
	width: 128px;
	height: 29px;
	padding-top: 10px; }
#a_videogallery { border-right: 1px solid #c0c0c0; }

.gallery #subnav li a { color: #0071bc; }
.gallery #subnav li a:hover { color: #e4701d; }

#videogallery #a_videogallery,
#rssgallery #a_rssgallery,
#widgetsgallery #a_widgetsgallery {
	font-weight: bold;
	text-decoration: none; }

/* HOME ---------------------------------------------- */
#home .colwrap {
	margin: 5px auto 0 auto;
	padding: 2px 0 10px 0;
	background-image: none; }
#home .col1 {
	width: 641px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #808183; }
.home h2 {
	padding: 0px 0 2px 6px;
	color: #000;
	font-size: 12px;
	text-transform: uppercase; }
.home .col1 h2 { width: 609px; }
/* -------------------------- 1-2-3 slides */
#slides {
	width: 614px;
	height: 272px;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background: url('/img/home/slide1.jpg') no-repeat 0 0; }
#slides h1 {
	width: 320px;
	margin: 80px 0 0 40px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	line-height: 115%;
	background-image: none;
	text-indent: -6666px; }
/* -------------------------- how it works */
ul#howitworks {
	padding-bottom: 15px;
	overflow: hidden;
	border-bottom: 1px solid #808183; }
#howitworks li {
	display: block;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
	color: #F16422;
	font-size: 27px; }
#howitworks h3 {
	float: right;
	clear: none;
	width: 177px;
	margin: 6px 0 0 0;
	color: #00508F;
	font-size: 14px;
	font-weight: bold; }
#howitworks p {
	float: right;
	width: 180px;
	margin: -5px 0 0 0;
	color: #626366;
	font-size: 12px; }
#howitworks li a {
	float: left;
	margin: 0 0 0 20px;
	text-transform: none !important; }
/* ------------------------------- clients */
#clients {
	margin: 0;
	height: 80px; }
#clients object { margin: -14px 0 0 2px; }
#clients ul { margin-left: 15px; } /* fall-back content */
#clients li {
	display: block;
	float: left;
	clear: none;
	width: 139px;
	height: 52px;
	margin: 0 auto 10px auto;
	text-indent: -6666px;
	background-image: url(../img/sprites-clientlogos.gif);
	background-repeat: no-repeat; }
#clients li+li { background-position: 0 -52px; }
#clients li+li+li { background-position: 0 -104px; }
#clients li+li+li+li { background-position: 0 -156px; }
#clients li+li+li+li+li { background-position: 0 -210px; }
#clients li+li+li+li+li+li { background-position: 0 -262px; }
#clients li+li+li+li+li+li+li { background-position: 0 -314px; }
#clients li+li+li+li+li+li+li+li { background-position: 0 -366px; }
/* --------------------- who uses shoutlet */
#whoshoutlet {
	overflow: hidden;
	border-top: 1px solid #808183; }
#whoshoutlet p {
	clear: both;
	width: 580px;
	margin: 5px 0 15px 15px; }
#whoshoutlet ul {
	width: 630px;
	float: left;
	clear: none;
	overflow: hidden;
	margin: 5px 0 5px 0;
	padding: 0; }
#whoshoutlet li {
	display: block;
	float: left;
	clear: none;
	width: 117px;
	height: 115px;
	margin: 0 9px 0 0;
	padding: 0;
	text-indent: -6666px;
	background-repeat: no-repeat;
	background-position: 0 0; }
#whoshoutlet li { background-image: url('../img/home/globalbrands.jpg'); }
#whoshoutlet li+li { background-image: url('../img/home/retailers.jpg'); }
#whoshoutlet li+li+li { background-image: url('../img/home/franchises.jpg'); }
#whoshoutlet li+li+li+li { background-image: url('../img/home/regulated.jpg'); }
#whoshoutlet li+li+li+li+li { background-image: url('../img/home/agencies.jpg'); }
/* ----------------------------- be social */
#whoshoutlet+img { margin: 40px 0 10px 0; }
/* ---------------------------------- col2 */
#home .col2 {
	width: 242px;
	margin: 0;
	padding: 0 0 0 20px; }
/* -------------------------- demo request */
.home a.requestdemo {
	display: block;
	width: 237px;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -6666px;
	border: 0 solid #fff;
	background: url('../img/btns/demorequest.png') no-repeat 0 0; }
.home a.requestdemo:hover { background-position: 0 -32px; }
/* ----------------------- featured client */
#home .col2 h2 {
	width: 250px;
	margin: 15px 0 5px -20px;
	padding: 10px 0 0 20px;
	border-top: 1px solid #808183; }
#home .col2 p {
	width: 250px;
	margin: 0 0 15px -20px;
	padding: 0 0 10px 20px;
	color: #626366;
	font-size: 12px;
	border-bottom: 1px solid #808183; }
#home .col2 p img {
	display: block;
	margin: 0; }
#home .col2 a { text-transform: none; }
#home .col2 a[rel="external"] {
	font-size: 12px;
	background-position: 100% 2px; }

/* FEATURES ------------------------------------------ */
.features h2+a { /* start now button */
	float: right;
	margin: -43px -5px 0 0; }
.features a+img { margin-left: -15px; }

.features .col2 { min-height: 340px; }
.features .col2 ul { padding-left: 20px; }
.features .col2 ul li {
	list-style-type: disc;
	line-height: 120%; }
.features .col2 ul li ul { margin-left: 0 !important; }
.features .col2 dl { margin-top: 10px; }
.features .col2 dt { font-weight: bold; }

.features .col2 ul+p,
.features .col2 a+p  { margin-top: 20px; }

.features .col2 p {
	width: 440px !important;
	margin-left: 0;
	font-size: 13px;
	line-height: 140%; }

.features.main .col2 h2,
.features.main .col2 p,
.features.main .col2 ul {
	width: 340px !important;
	margin-left: 190px !important; }
.features.main .col2 img { margin-left: -15px; }

.features.widgets .col2 h2,
.features.widgets .col2 p {
	margin-left: 0 !important;
	width: 500px !important; }
.features.widgets .example {
	float: left;
	clear: none;
	margin: 15px 0 15px 0; }
.features.widgets .col2 p.help {
	width: 285px !important;
	font-size: 11px;
	font-style: italic; }
.features.widgets .example+p {
	float: right;
	clear: both;
	padding-top: 20px;
	text-align: right; }

/*.features.main .col2 { background: url('../img/dings/feat.png') no-repeat 30px 0; }*/
#email .col2 { background: url('../img/dings/feat_email.jpg') no-repeat 0 0; }
#podcasts .col2 { background: url('../img/dings/feat_podcast.jpg') no-repeat 0 0; }
#rss .col2 { background: url('../img/dings/feat_rss.jpg') no-repeat 0 0; }
#sms .col2 { background: url('../img/dings/feat_sms.jpg') no-repeat 0 0; }
#tracking .col2 { background: url('../img/dings/feat_report.jpg') no-repeat 0 0; }
#video .col2 { background: url('../img/dings/feat_video.jpg') no-repeat 0 0; }
/*#widgets .col2 { background: url('../img/dings/feat_widget.jpg') no-repeat 10px 0; }
*/
.sms.main .colwrap,
.tracking.main .colwrap,
.widgets.main .colwrap { /* keep rest of layout same for pages without subnav */ 
	padding-top: 33px; }
/* ------------------------------- sidenav */
#sidenav li {
	width: 209px;
	height: 42px; }

#sidenav li a {
	display: block;
	padding: 15px 0 14px 45px;
	background-position: 0 0; }
#sidenav li a:hover { background-position: 420px 0; }

#a_email a { background-image: url('../img/nav/email.png'); }
#a_sms a { background-image: url('../img/nav/sms.png'); }
#a_video a { background-image: url('../img/nav/video.png'); }
#a_podcasts a { background-image: url('../img/nav/podcast.png'); }
#a_rss a { background-image: url('../img/nav/rss.png'); }
#a_widgets a { background-image: url('../img/nav/widget.png'); }
#a_tracking a { background-image: url('../img/nav/tracking.png'); }

.email #a_email a,
.sms #a_sms a,
.video #a_video a,
.podcasts #a_podcasts a,
.rss #a_rss a,
.widgets #a_widgets a,
.tracking #a_tracking a { background-position: 210px 0; }

#sidenav #a_pdf {
	padding-top: 20px;
	border-top: 1px solid #ccc; }

#a_pdf a,
#a_screenshots a {
	color: #333;
	font-size: 11px;
	text-transform: uppercase; }

#a_pdf a {
	padding: 14px 0 10px 50px !important;
	background: url('../img/nav/pdf.jpg') no-repeat center left; }
#a_pdf a:hover { background-position: 0 0 !important; }

#a_screenshots a {
	margin-top: 15px;
	padding: 10px 0 10px 50px !important;
	background: url('../img/nav/screenshots.png') no-repeat 8px 2px !important; }
#a_screenshots a:hover { background-position: 8px 2px !important; }

/* DEVELOPERS ---------------------------------------- */
.about h2,
.about dl,
.about textarea,
.developers h2,
.developers .hr,
.developers h4,
.developers ol,
.distribution h2,
.distribution dl,  /* this shit should all get distilled and put in copy later 080814mfj */
.distribution .hr,
.gallery h2  { margin-left: 40px !important; }

.about .colwrap p,
.developers.main .colwrap p,
.distribution .colwrap p,
.gallery .colwrap p {
	width: 520px;
	margin: 5px 0 20px 40px;
	font-size: 14px;
	line-height: 140%; }

.developers.main h3,
.distribution h3 {
	margin: 0;
	color: #ee812f; }

.developers.main .colwrap div,
.distribution .colwrap div {
	float: left;
	width: 210px;
	margin: 10px 5px 10px 40px;
	padding: 0 0 0 30px; }

.developers.main .colwrap div p,
.distribution .colwrap div p  {
	font-size: 13px;
	width: auto;
	margin: 5px 0 0 0; }

.developers .colwrap img { margin: 10px 0 10px 90px; }

.developers.main h4 {
	width: 420px;
	float: left;
	font-size: 15px; }
.developers.main ol {
	width: 420px;
	float: left;
	padding-left: 20px; }
.developers.main ol li {
	line-height: 140%;
	font-size: 14px; }

.developers.main .colwrap ol+p {
	float: right;
	clear: none;
	width: 231px !important;
	margin-right: 120px;
	padding: 20px 0;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	text-align: center;
	text-transform: uppercase;
	background: url('../img/bg/devbox.png') no-repeat 50% 50%; }

#api .colwrap { background: url('../img/bg/widebox2.png') no-repeat 0 0; }
#api .col1 {
	width: 200px;
	margin-left: 40px;
	border-right: 0px solid #c5c5c7; }
#api .col2 { width: 490px; margin-right: 100px; }

#api h4 { font-weight: bold; }
#contact_fields dl { margin-left: 20px; }
#contact_fields dt {
	float: left;
	clear: both;
	margin: 0 4px 8px 0;
	width: auto;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	color: #787989; }
#contact_fields dd {
	margin: 0 4px 8px 0;
	text-align: left;
	width: auto;
	min-height: 1em; }
/* ---------------- open-close on API page */
.col2 .oc {
	width: 509px !important;
	margin: 20px 0 36px 0 !important;
	padding-bottom: 10px;
	background: url('../img/bg/fieldset.gif') bottom center no-repeat !important; 
	border: 1px solid #fff; }

.col2 .oc h3 {
	height: 25px !important;
	margin: -24px 0 0 -1px !important;
	padding: 15px 0 0 30px !important;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	background: url('../img/bg/fieldset_top.gif') top center no-repeat !important; }
.col2 .oc h3 a {
	color: #000;
	font-size: 15px !important; }

.col2 .oc h4 {
	width: 100%;
	margin: 0 !important; }

.col2 .oc p { width: 100%; }
.col2 .oc a {
	padding-right: 0 !important;
	font-size: 12px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	background-image: none !important;  }

.col2 .oc h3+div  { /* first div after these h3s contain the fields in the show/hide area */
	padding-bottom: 20px; }
.col2 .oc div { /* contains show/hide items */
	width: 450px;
	margin-left: 30px;
	padding-left: 0; }

h3 abbr {
	display: block;
	float: left;
	width: 11px;
	height: 0;
	margin: 2px 4px 0 0;
	padding-top: 16px;
	overflow: hidden;
	background: url('../img/ui/toggle_more.gif') top left no-repeat; }
h3 abbr.open { background: url('../img/ui/toggle_less.gif') top left no-repeat; }
h3 abbr.close { background: url('../img/ui/toggle_more.gif') top left no-repeat; }

/* DISTRIBUTION -------------------------------------- */
.distribution .colwrap img { margin: 10px 0; }
.distribution .colwrap div.hr+div+div img { /* push channel image down a scosh */
	margin-top: 27px; }
/* temp two col */
.distribution .colwrap div.hr+div { border-right: 1px solid #8c8c8c; }
.distribution .colwrap div.hr+div+div { /* no border on free */
	border-left: 0px solid #fff; }
.distribution .colwrap div { width: 40%; padding-left: 14px; }
.distribution .colwrap div img {
	display: block;
	margin: 10px auto !important; }
/* end temp */

.distribution.fa .colwrap p { width: 420px; }
.distribution.fa .colwrap img {
	float: right;
	margin: -60px 20px 0 0; }

.distribution.tivo .colwrap p {
	width: 320px;
	margin-top: 20px; }
.distribution.tivo .colwrap img {
	float: right;
	margin: 20px 20px 0 0; }

.distribution.free dd { text-align: center; }
.distribution.free dt {
	clear: both;
	padding-left: 45px;
	color: #3f3f3f;
	font-size: 16px;
	line-height: 36px;
	background: url('../img/h3_video.png') 0 0 no-repeat; }
.distribution.free dt.rss { background: url('../img/h3_rss.png') 0 0 no-repeat; }
.distribution.free dt.widgets { background: url('../img/h3_widgets.png') 0 0 no-repeat; }
.distribution.free dd {
	float: left;
	clear: none;
	margin: 0 10px; }

.channels dl { float: left; }
.channels dl+dl {
	float: right;
	margin-right: 50px; }

.channels dt {
	width: 320px;
	height: 55px;
	margin-top: 10px;
	padding-left: 60px;
	color: #ee812f;
	font-size: 16px;
	background: url('../img/dings/orangehex.gif') 0 5px no-repeat; }
dt#auto { background: url('../img/dings/chan_auto.jpg') 0 5px no-repeat; }
dt#boomers { background: url('../img/dings/chan_boomers.jpg') 0 5px no-repeat; }
dt#food { background: url('../img/dings/chan_food.jpg') 0 5px no-repeat; }
dt#fashion { background: url('../img/dings/chan_fashion.jpg') 0 5px no-repeat; }
dt#finance { background: url('../img/dings/chan_finance.jpg') 0 5px no-repeat; }
dt#green { background: url('../img/dings/chan_green.jpg') 0 5px no-repeat; }
dt#health { background: url('../img/dings/chan_health.jpg') 0 5px no-repeat; }
dt#lifestyle { background: url('../img/dings/chan_lifestyle.jpg') 0 5px no-repeat; }
dt#parents { background: url('../img/dings/chan_parents.jpg') 0 5px no-repeat; }
dt#music { background: url('../img/dings/chan_music.jpg') 0 5px no-repeat; }
dt#sports { background: url('../img/dings/chan_sports.jpg') 0 5px no-repeat; }
dt#tech { background: url('../img/dings/chan_tech.jpg') 0 5px no-repeat; }
.channels dd {
	width: 300px;
	height: 32px;
	margin: -32px 0 30px 60px; }

/* PARTNERS ------------------------------------------ */
.partners .colwrap { background: url('../img/bg/widebox2.png') no-repeat 0 0; }
.partners h2 {
	margin-left: 20px; }
.partners h3 {
	margin-left: 20px;
	color: #00508e; }
.partners h4 {
	margin-left: 20px;
	color: #666;
	text-transform: uppercase; }
.partners .col1 ul {
	padding-left: 30px;
	color: #666; }
.partners .col1 h3+ul li {
	font-size: 12px;
	list-style-type: disc; }
.partners .col1 p {
	width: 490px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 120%; }
.partners .col1 p+p {
	margin-top: 15px;
	line-height: 150%; }
#partnerlogos {
	width: 100%;
	margin: 20px 0 0 20px;
	padding: 0;
	overflow: hidden; }
#partnerlogos li {
	display: block;
	float: left;
	clear: none;
	width: 170px;
	height: 130px;
	padding: 0;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	font-style: italic;
	text-align: center; }
#partnerlogos li img {
	display: block;
	margin: auto; }
.partners #a_pdf {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px solid #ccc; }
/* TRAINING ------------------------------------------ */
.training object {
	display: block;
	margin: 10px 0 10px 40px;
	border: 1px solid #666; }
.training object+p {
	margin-right: 62px;
	text-align: right; }
.training h3 {
	margin: 0 0 0 40px;
	color: #00508e; }
/* ------------------------------ list all */
.training#listall .col1,
.training#listall .col2 {
	width: 240px;
	margin: 10px 0 0 40px;
	padding: 0 !important;
	border: 0; }
.training#listall .col2 { float: left; }
.training#listall h3 {
	min-height: 18px;
	clear: both;
	width: 275px;
	margin: 0;
	padding: 10px 0 4px 32px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-transform: lowercase;
	background-repeat: no-repeat; }
.training#listall h3.campaign { background-image: url('../img/h3/campaign.png'); }
.training#listall h3.contacts { background-image: url('../img/h3/contacts.png'); }
.training#listall h3.email { background-image: url('../img/h3/email.png'); }
.training#listall h3.home { background-image: url('../img/h3/home.png'); }
.training#listall h3.reports { background-image: url('../img/h3/line.png'); }
.training#listall h3.widgets { background-image: url('../img/h3/widgets.png'); }
.training#listall .colwrap ul {
	width: 220px;
	max-height: none !important;
	margin: -4px 0 10px 30px;
	padding: 2px 2px 0 4px;
	overflow: hidden !important;
	border: 0;
	border-top: 1px solid #959595; }
.training#listall .colwrap ul li {
	padding: 2px 0;
	margin: 0;
	border-bottom: 0; }
.training#listall .col2 ul li { margin: 0 !important; }
.training#listall .col2 ul li a {
	font: 12px Helvetica,Calibri,Arial,Sans-Serif;
	text-transform: none;
	background-image: none; }

/* SERVICES ------------------------------------------ */
#services .col1 {
	width: 520px;
	margin-right: 0; }
#services .col2 {
	width: 240px;
	margin: 0 100px 0 0 !important;
	padding: 0; }
#services h2,
#services .colwrap p {
	width: 420px;
	margin-left: 40px; }
#services h3 {
	margin-left: 40px;
	color: #00508e; }
/* ABOUT --------------------------------------------- */
/* ----------------- gallery-contact-press */
#about .colwrap p {
	height: 120px;
	padding-left: 260px;
	background: url('../img/dings/peeps.jpg') 0 0 no-repeat; }
#about .colwrap p+p {
	height: 120px;
	padding-left: 260px;
	background-image: none; }

.contact h2 {
	padding-bottom: 180px;
	background: url('../img/dings/about_contact.png') 0 50px no-repeat; }
.contact h2+dl { margin-left: 250px !important; }

.contact dl {
	float: left;
	width: 250px;
	margin-top: -180px; /* compensate for h2 padding */
	padding: 10px 0 70px 20px;
	border-left: 1px solid #c0c0c0; }

.press .col1 { width: 290px; }
.press .col2 { width: 490px; }
.press .col1 p {
	width: 260px;
	font-size: 12px;
	font-style: italic;  }
.press dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c0c0c0; }
.press .colwrap img { margin: 15px 0; }

.gallery object {
	display: block;
	float: left;
	clear: none;
	margin: 10px 20px 20px 20px; }
#widgetsgallery .colwrap { background: url('../img/bg/widebox2.png') no-repeat 0 0; }
#widgetsgallery .example {
	float: left;
	clear: none;
	margin: 15px 0 15px 0; }
#widgetsgallery .example p {
	clear: both;
	width: 285px !important;
	font-size: 11px;
	font-style: italic; }
#widgetsgallery .bluearrow { text-align: right; }
.tos .colwrap p {
	width: 800px;
	font-size: 12px;
	text-align: right; }
/* ------------------------------ site map */
#maplist { margin-left: 40px; }

#maplist li:first-child { width: 80px; } /* make 'home' smaller */
#maplist li li:first-child { width: auto; } /* but not the others */

#maplist li { /* first level */
	float: left;
	width: 155px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold; }
#maplist li a { color: #3f3f3f; }
#maplist li a:hover { color: #e4701d; }

#maplist li ul { /* secondary */
	margin-left: 10px;
	background: url('../img/ui/mapline.gif') repeat-y; }

#maplist li li {
	float: none;
	width: auto;
	padding-left: 12px;
	font-size: 13px; 
	font-weight: normal;
	line-height: 20px;
	background: url('../img/ui/mapline_li.gif') no-repeat 0 0; } 

#maplist li li:last-child {
	border: 1px solid transparent; /* wtf, needs border to get bg working, investigate later 080815mfj */
	margin-left: -1px;
	background: #fff url('../img/ui/mapline_lilast.gif') no-repeat 0 0; }

#maplist li li li { /* tertiary */
	width: auto;
	font-size: 12px; }
/* ------------------------------ 404 page */
.oops .col1 { width: 240px; padding: 0 20px 0 40px; }
.oops .col1 p { width: 180px; margin-top: 15px; margin-left: 0; }
.oops .col2 { width: 530px; margin-right: 20px; padding-left: 0; }
.oops #maplist { margin: 20px 0 0 0; }
.oops #maplist li:first-child { width: 100px; }
.oops #maplist li {	width: 200px; }
.oops #maplist li li { width: 90px; }
.oops #maplist li li li { width: 190px; }

#goog-wm { }
#goog-wm b { font-weight: normal; /* A b tag?? Seriously, Google? */ }
#goog-wm h3 {
	margin-bottom: 7px;
	color: #3f3f3f;
	font-weight: normal;
	text-transform: lowercase; }
#goog-wm h3.closest-match a { }
#goog-wm h3.other-things { }
#goog-wm ul li { text-transform: lowercase; }
#goog-wm input { text-transform: lowercase; }
#goog-wm input[type="text"] {
	float: left;
	width: 100px;
	margin: 0;
	color: #000;
	border: 1px solid #999;
	background: url('../img/bg/input.gif') no-repeat; }
#goog-wm input[type="submit"] { float: left; clear: none; }
#goog-wm li.search-goog { display: block; }
/* FOOTER -------------------------------------------- */
#footer {
	margin: 0;
	padding: 0 0 15px 0;
	clear: both; }
#footer ul {
	width: 880px;
	margin: 60px auto 0 auto;
	overflow: hidden;
	text-align: center; }
#footer li {
	float: left;
	margin: auto 14px;
	padding: 0;
	text-align: center; }
#footer li a {
	font-family: Verdana;
	font-size: 9px;
	color: #aaa; }
/* ---------------- they got horsey sauce! */
.colwrap a[href^="mailto:"],
#footer a[href^="mailto:"] {
	background: transparent url('../img/ui/aemail.gif') 100% 50% no-repeat;
	padding-right: 10px; }
a[href^="tel:"] {
	background: transparent url('../img/ui/atel.gif') 100% 1px no-repeat;
	padding-right: 13px;
	color: #3f3f3f;
	font-variant: small-caps; }
/*#contentarea a[href^="http:"],*/
a[rel="external"] {
	background: transparent url('../img/ui/aoutside2.gif') 100% 1px no-repeat;
	padding-right: 11px; }
a[href$=".pdf"] {
	background: transparent url('../img/ui/apdf.gif') 100% 50% no-repeat;
	padding: 3px 16px 1px 0; }