body {

	background: url("../i/12_col.gif") 50% 0 repeat-y; 
	margin: 0;
	padding: 0;
	font: 75%/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: relative;
}

body#mainpage {
	background: #fff url("../i/body-bg.jpg") 50% 0 no-repeat; 
}
body#capabilities, body#possibilities, body#howitworks  {
	background: #fff url("../i/body-bg2.jpg") 50% 0 no-repeat; 
}
body#examples  {
	background: #fff url("../i/body-bg3a.jpg") 50% 0 no-repeat; 
}
body#example  {
	background: #fff url("../i/body-bg3.jpg") 50% 0 no-repeat; 
}
body#contactus  {
	background: #fff url("../i/body-bg4.jpg") 50% 0 no-repeat; 
}
body#legal  {
	background: #fff url("../i/body-bg5.jpg") 50% 0 no-repeat; 
}

#wrap {
	margin: 0 auto;
	width: 960px;
}

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, blockquote {
	margin: 0;
	padding: 0;
	
}

h1, h2, h3, h4 {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: normal;
}

h1 {}



h2 {
	font-size: 2em;
	color: #161616;
	padding: .67em 0;
	line-height: 1em;
}
h2 a {
	font-size: .46em;
	color: #ff8b01;
	padding-left: 1em;
}
h2 span {
	font-size: .5em;
	font-family: "Times New Roman", Times, serif;
	color: #ccc;
}


h3 {
	font-size: 1.5em;
	color: #7a868e;
	padding: 1em 0.25em;
}


h4 {
	font-size: 1.33em;
	color: #000;
	padding-bottom: 1em;
}

h5 {
	font-size: 0.92em;
	color: #666;
}



p {
	padding-bottom: 1.2em;
	color: #000;
}

p.notes {
	font-size: 0.83em;
	color: #333;
	padding: 0;
	width: 370px;
}

p.orangequote {
	font: italic 1.17em/1.57em Georgia, serif;
	color: #ff8b01;
	padding-top: 20px;
}

p.headliner {
	font-size: 1.17em;
	margin-top: 1em;
}
p.ob {
	line-height: 1.2em;
	padding-top: 0 !important;
	margin-top: 0 !important;
}


ul {
	padding-bottom: 1em;
}
li {
	list-style: none;
	padding-bottom: .5em;
	padding-left: 9px;
	background: url("../i/bullet2.gif") 0 .5em no-repeat;
}


.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, 
.g10, .g11, .g12, .g13, .g14, .g15,.g16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.gfirst {margin-left: 0;}
.glast {margin-right: 0;}

.g1 {width: 60px;}
.g2 {width: 140px;}
.g3 {width: 220px;}
.g4 {width: 300px;} 
.g5 {width: 380px;}
.g6 {width: 460px;}
.g6bis {width: 460px;}
.g7 {width: 540px;}
.g8 {width: 620px;}
.g9 {width: 700px;}
.g10 {width: 780px;}
.g11 {width: 860px;}
.g12 {width: 940px;}



a {
	overflow: hidden;
}
a:link {
	color: #1b5487;
}
a:visited {
	color: #666;
}
a:hover {
	color: #c00;
	text-decoration: none;
}
a img {
	border: 0;
}

a.dscrlnk:link {
	color: #242424;
	text-decoration: none;
	line-height: 1em;
}
a.dscrlnk:hover {
	color: #c00;
}
a.dscrlnk small {
	font-size: .92em;
}
a.dscrlnk span{
	font-size: 1.17em;
	font-family: "Times New Roman", Times, serif;
	color: #ccc;
}




table {	
	border-collapse: collapse;
	text-align: left;
	border-top: 1px dotted #ccc;
}

caption {
	text-align: left;
	margin: 0;
	background: #666;
	color: #fff;
	padding: 0.5em;
}

table thead th {
	border-bottom: 2px solid #999;
}

tbody {}
tfoot {}
tr {}
th, td {
	border-spacing: 0;
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	vertical-align: top;
}
th {}
td {}









#branding {
	height: 131px;
	overflow: hidden;
}
#branding h1 {
	float: left;
	width: 150px;
	height: 85px;
	text-indent: -9999px;
	background: url("../i/logo.gif") 10px 0 no-repeat;
}
#branding h1 a {
	display: block;
	height: 85px;
	padding: 0;
}



#orangebox {}
#mainpage #orangebox {
	height: 360px;	
}
#capabilities #orangebox {
	height: 450px;	
}
#possibilities #orangebox, #howitworks #orangebox {
	padding-top: 20px;	
}
#examples #orangebox, #example #orangebox {
	height: 115px;	
	padding-top: 30px;
}
#contactus #orangebox {
	height: 135px;	
	padding-top: 30px;
}
#legal #orangebox {
	height: 135px;	
	padding-top: 30px;
}

#orangebox h2 {
	display: block;
	text-indent: -9999px;
	padding: 0;
}
#orangebox h2.putting {
	background: url("../i/headlines/putting.png") 16px 10px no-repeat; /* padding width - shadow width (here = 3px) */
	width: 289px; /* image width + background shift + paddings (here = 0) */
	height: 81px; /* image height + background shift + paddings (here = 0) */
}
#orangebox h2.capabilities {
	background: url("../i/headlines/capabilities.png") 17px 17px no-repeat; /* padding width - shadow width (here = 3px) */
	width: 374px; /* image width + background shift + paddings (here = 0) */
	height: 82px; /* image height + background shift + paddings (here = 0) */
}
#orangebox h2.examples {
	background: url("../i/headlines/proofpudding.png") 33px 10px no-repeat; /* padding width - shadow width (here = 3px) */
	width: 380px; /* image width + background shift + paddings (here = 0) */
	height: 84px; /* image height + background shift + paddings (here = 0) */
}
#orangebox h2.legal {
	background: url("../i/headlines/legal.png") 28px 17px no-repeat; /* padding width - shadow width (here = 3px) */
	width: 429px; /* image width + background shift + paddings (here = 0) */
	height: 65px; /* image height + background shift + paddings (here = 0) */
}
#howitworks #orangebox h2 {
	background-position: 17px 17px;
	background-repeat: no-repeat;
	width: 440px;
	height: 50px;
}
#orangebox h2.contactus {
	background: url("../i/headlines/contactus.png") 28px 17px no-repeat; /* padding width - shadow width (here = 3px) */
	width: 429px; /* image width + background shift + paddings (here = 0) */
	height: 65px; /* image height + background shift + paddings (here = 0) */
}
#orangebox h2.targeting { background-image: url("../i/headlines/targeting.png"); }
#orangebox h2.organize { background-image: url("../i/headlines/organize.png"); }
#orangebox h2.personalize { background-image: url("../i/headlines/personalize.png"); }
#orangebox h2.interact { background-image: url("../i/headlines/interact.png"); }
#orangebox h2.measure { background-image: url("../i/headlines/measure.png"); }
#orangebox h2.analyze { background-image: url("../i/headlines/analyze.png"); }
#orangebox h2.develop { background-image: url("../i/headlines/develop.png"); }



#orangebox p {
	padding: .5em 1em 1em 20px;
}
#howitworks #orangebox p {
	line-height: 1.17em;
}
#orangebox a.button1 {
	margin-left: 20px;
	display: block;
	text-indent: -9999px;
	width: 131px;
	height: 24px;
	background: url("../i/a-button1.gif") 0 0 no-repeat;
}
#orangebox a.button1:hover {
	background-position: 0 -24px;
}

.toLeft a, .toRight a {
	color: #c00;
	font-size: 0.92em;
	line-height: 1.27em;
	margin-top: 1.5em;
	text-decoration: none;
}
.toLeft a:hover, .toRight a:hover {
	color: #900;
}
.toRight {
	text-align: right;
}
.toLeft a {
	display: block;
	padding-left: 50px;
	background: url("../i/toleft.png") 10px 50% no-repeat;
}
.toRight a {
	display: block;
	padding-right: 40px;
	background: url("../i/toright.png") 100% 50% no-repeat;
}


.toLeftExamples a, .toRightExamples a {
	color: #333;
	font-size: 0.92em;
	line-height: 1.27em;
	text-decoration: none;
	padding: .2em 0;
}
.toLeftExamples a:hover, .toRightExamples a:hover {
	color: #900;
}
.toRightExamples {
	text-align: right;
}
.toLeftExamples a {
	display: block;
	padding-left: 50px;
	background: url("../i/toleft.png") 10px 50% no-repeat;
}
.toRightExamples a {
	display: block;
	padding-right: 40px;
	background: url("../i/toright.png") 100% 50% no-repeat;
}
.toLeftExamples a span, .toRightExamples a span {
	color: #999;
}

#targetyourmedia {
	padding: 15px;
	background-color: #f0f0f0;
	border: 1px solid #cfcfcf;
}
#targetyourmedia h5 {
	text-indent: -9999px; 
	height: 87px;
	background-image: url("../i/targetyourmedia.gif");
	background-repeat: no-repeat;
	top: 0;
}
#targetyourmedia p { 
	font-size: 0.92em;
	line-height: 1.27em;
	padding: 1em 0;
}



.achievements {
	padding: 15px 15px 15px 45px;
	background: #fff7e5 url("../i/cup-icon.gif") 15px 15px no-repeat;
	border: 1px solid #ffedc4;
}
.achievements p { 
	font: normal .92em/1.45em Georgia, serif;
	padding: 0 0 1em 0;
}
.achievements p.quote-text { 
	font-style: italic;
}


p.dscr {
	font-size: 1em;
	font-style: italic; 
	line-height: 1.45em;
	font-family: Georgia, serif; 
	color: #444;
}


#breadcrumbs {
	font-size: 0.92em;
	color: #b0bcc4;
}
#breadcrumbs a, #breadcrumbs span {
	color: #7a868e;
}
#breadcrumbs a:hover {
	color: #2a4252;
}






.section {
	padding: 0 0 2em 0;
}






/* === Footer === */

#footerwrap {
	margin: 0 auto;
	background: url("../i/footer-bg.gif") 50% 0 repeat-y;
}
#footer {
	width: 960px;	
	padding: 0;
	margin: 20px auto 0 auto;
}
#footer h5 {
	font-size: 1em;
	color: #000;
	font-weight: normal;
	padding-top: 2em;
}
#footer p {
	font-size: 0.92em;
	padding: .73em 0 0 0;
}
#footer p span {
	color: #999;
}
#footer a {
	color: #666;
}


#bottomnav {
	padding: 2em 0 0 0;
	font-size: .92em;
}
#bottomnav li {
	list-style-type: disc;
	list-style-position: inside;
}
#bottomnav li.additional {
	padding-left: 1.15em;
	list-style-type: none;
}


#clientlogin {
	width: 168px;
	background: #fffbf5 url("../i/clientlogin-bg.gif") 0 0 repeat;
	border: 1px solid #e7e3de;
	padding: 25px 25px 10px 25px;
}
#clientlogin h5 {
	background: url("../i/key-icon.gif") 0 0 no-repeat;
	padding: 0 0 10px 22px;
}
#clientlogin h5 a {
	font: .71em Tahoma, Verdana, sans-serif;
	padding-left: 1em;
}
#clientlogin dl {
	font-size: .92em;
	width: 165px;
}
#clientlogin dl dt {
	float: left;
	width: 69px;
	padding: 1em 0 .5em 0;
	line-height: 1em;
	clear: both;
}
#clientlogin dl dt.password {
	line-height: 1em;
}
#clientlogin dl dt a {
	font-size: .82em;
}
#clientlogin dl dd {
	float: left;
	width: 95px;
	padding: .75em 0;
}


#copyright {
	width: 960px;
	margin: 0 auto;
	padding: 2em;
	font-size: .92em;
	line-height: 1.18em;
}
#copyright a {
	padding-left: 2em;
	color: #666;
}


#contactus p span {
	font-size: 0.91em;
}


.top20 { padding-top: 20px; }
.top50 { padding-top: 50px; }
.examplesdisclaimer { 
	margin-top: 20px;
	padding: 2em 2em 1em 2em;
	background-color: #fff6f6;
	border: 1px solid #fdcece;
}