html {
font-size: 100%;
}

body { 
	background-color: #909090; 
	font-size: 62.5%; 
	background-image: url(../images/bkgrd.jpg);
}


#container { 
	background-color: #fff; 
	border: none;
	width: 90em; 
	height: 80em;
	margin-left: auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:0.5em;
}


#header {
	float: left;
	width:100%;
	height:16em;
}

#logo {
	float: left;
	width: 60em;
	height: 10em;
	margin: 2em 0 0 0;
}

#helpcontact {
	float: right;
	width:17em;
	height: 2em;
	margin: 9em 2em 1em 0;
	
}

.helpcontact {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #606060;
	font-size: 1.6em;
	font-weight: 800;
	line-height: 1em;
	padding: none;
}

a.helpcontact:link { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #606060; font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }

a.helpcontact:visited { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	color: #606060; font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }

a.helpcontact:hover { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #606060; background-color: none;	font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: underline; }

a.helpcontact:active { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #606060; background-color: none; font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }



#login {
	float: right;
	width:21.5em;
	height: 1.7em;
	margin: 0.1em 1em 0 0;
}

.login {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #404040;
	font-size: 1.2em;
	font-weight: 100;
	line-height: 1em;
	padding: none;
}


.go {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	background-color:#231f20;
	color:#ffffff;
	width: 2em;
	height: 2em;
	font-size: 1.2em;
	font-weight: 800;
}

#menu {
	float:left;
	width: 100%;
	height: 2.6em;
	background-color:#c7c7c7;
	border: none; 
}

#rightcurve {
	float:left;
	height: 2.6em;
	background-color:#c7c7c7;
	border: none; 
	padding: 0 0 0 2em;
	background:url("../images/rightc7.gif") no-repeat right top;
}


#leftcurve {
	float:left;
	height: 2.6em;
	background-color:#c7c7c7;
	border: none; 
	padding: 0 1em 0 0;
	background:url("../images/leftc7.gif") no-repeat left top;
}


#nav {
	float: left;
	width:43.8em;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	background: #c7c7c7;
}

#nav li {
	float: left; 
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:800;
}

#nav a {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 8px 4px;
	color: #fff;
	text-decoration:none;
	border: 1px solid #fff;
	border-bottom: none;
	border-top: none;
	background:#transparent;
}

#nav .pink {
	float: left; 
	background:url("../images/rightpinkoff.gif") no-repeat right top;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:800;
}

#nav .blue {
	float: left; 
	background:url("../images/rightblueoff.gif") no-repeat right top;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:800;
}

#nav .orange {
	float: left; 
	background:url("../images/rightorangeoff.gif") no-repeat right top;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:800;
}

#nav .green {
	float: left; 
	background:url("../images/rightgreenoff.gif") no-repeat right top;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:800;
}

#nav .grey {
	float: left; 
	background:url("../images/rightgreyoff.gif") no-repeat right top;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:800;
}

#nav .pink a {
	float:left;
	display: block;
	background:url("../images/leftpinkoff.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
	border-bottom: none;
	border-top: none;
}

#nav .blue a {
	float:left;
	display: block;
	background:url("../images/leftblueoff.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
	border-bottom: none;
	border-top: none;
}

#nav .orange a {
	float:left;
	display: block;
	background:url("../images/leftorangeoff.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
	border-bottom: none;
	border-top: none;
}

#nav .green a {
	float:left;
	display: block;
	background:url("../images/leftgreenoff.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
	border-bottom: none;
	border-top: none;
}

#nav .grey a {
	float:left;
	display: block;
	background:url("../images/leftgreyoff.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: 5px 15px;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
	border-bottom: none;
	border-top: none;
}

#nav .pink a:hover, body#podcasting #t-podcasting a {
	color: #404040;
	padding-bottom: 5px;
	border-color: #fff;
	background:url("../images/leftpinkoff.gif") no-repeat left top;
}

#nav .blue a:hover, body#web #t-web a {
	color: #404040;
	padding-bottom: 5px;
	border-color: #fff;
	background:url("../images/leftblueoff.gif") no-repeat left top;
}

#nav .orange a:hover, body#web #t-web a {
	color: #404040;
	padding-bottom: 5px;
	border-color: #fff;
	background:url("../images/leftorangeoff.gif") no-repeat left top;
}

#nav .green a:hover, body#web #t-web a {
	color: #404040;
	padding-bottom: 5px;
	border-color: #fff;
	background:url("../images/leftgreenoff.gif") no-repeat left top;
}

#nav .grey a:hover, body#web #t-web a {
	color: #404040;
	padding-bottom: 5px;
	border-color: #fff;
	background:url("../images/leftgreyoff.gif") no-repeat left top;
}

#nav a:hover, body#home #t-home a {
	color: #ffffff;
	padding-bottom: 4px;
	border-color: #fff;
	background: #404040;
	background: url(../images/greynav.gif) no-repeat; 
}

#nav a:hover, body#marketing #t-marketing a {
	color: #ffffff;
	padding-bottom: 4px;
	border-color: #fff;
	background: #404040;
}

#nav a:hover, body#branding #t-branding a {
	color: #ffffff;
	padding-bottom: 4px;
	border-color: #fff;
	background: #404040;
}



#nav a:hover, body#podcasting #t-podcasting a {
	color: #404040;
	padding-bottom: 4px;
	border-color: #fff;
	background: #404040;
	
}








#footer {
	float: left;
	width:100%;
	height:2em;
	margin: 0;	
	background-color: #fff;
	border:none;
	list-style: none;
	}
	
#footer li {
	float: left; 
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:400;
}

#footer a {
	float:left;
	padding: 0 6px 0 6px;
	color: #909090;
	text-decoration:none;
	border: none;
	background: none;
}

#footer a:hover, body#privacy #t-privacy a {color: #ec008c;}
#footer a:hover, body#accessibility #t-accessibility a {color: #ec008c;}
#footer a:hover, body#sitemap #t-sitemap a {color: #ec008c;}

#footer a:hover, body#home #t-home a {color: #404040;}
#footer a:hover, body#marketing #t-marketing a {color: #8cc63f;}
#footer a:hover, body#branding #t-branding a {color: #f08b1d;}
#footer a:hover, body#web #t-web a {color: #00afef;}
#footer a:hover, body#podcasting #t-podcasting a {color: #ec008c;}


#botnavlinks {
	float: left;
	width:14em;
	height:2em;
	border: none;
	margin: 0 0 0 0;
	}

#botlinks {
	float: left;
	width:20em;
	height:2em;
	border: none;
	margin: 0 0 0 0;
	}
	
#copyright {
	float: left;
	width: 100%; 
	padding: none;
	margin: 3em 0 3em 0;
	height: 2em;
	background-color: transparent;
	border: none;
	}
	
.copyright {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #404040;
	font-size: 1em;
	font-weight: 400;
	padding: 2px 0;
}

.footercontent {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 0 6px 0 6px;
	color: #909090;
	font-size: 1em;
	font-weight: 600;
}

/* rounded box */


#quote {
	float: left;
	width:17em;
	height:15em;
	margin: 0 0 1em 0; 
	background-color: #dcdcdc;
	border: none;


}

.quote {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #ffffff;
	background-color: transparent;
	font-size: 2.2em;
	font-weight: 400;
	line-height: 1.2em;
	padding-top: 0;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: none;
	

	}
	

.qcontent {
	width: 16em;
	background-color: #ffffff;
	color: #ffffff;
	margin: 0; 
	visibility: visible;
}

.qcontent p {
	margin: 0 10px;
}

/* Next class adds rounded corner image to background at top right */

.qroundtop { 
	background: url(../images/topright.gif) no-repeat top right; 
}

/* Next class adds rounded corner image to background at bottom right */

.qroundbottom {
	background: url(../images/botright.gif) no-repeat top right; 
}

/* Final class sets up universal parameters for all images */

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* end rounded box */

#leftlinks {
	float:left;
	width:20em;
	margin: -1em 0 0 0;
	height: 65em;
	background: #fff;
	border-bottom: 1px dotted #c7c7c7;
}

#middle {
	float: left;
	margin: -1.4em 0 0 0;
	width:70em;
	height: 65.4em;
	background: #fff;
	border-bottom: 1px dotted #c7c7c7;
}

#image {
	float: left;
	margin:0;
	width:70em;
	height: 20.5em;
	background: #00afef;
	border: 0;
}

#blurbbox {
	float: left;
	margin:1em 0 0 0;
	width:40em;
	height: 42em;
	background: transparent;
	border: 1px dotted #909090;
	border-top: none;
	border-bottom: none;
}

#blurb {
	float: left;
	margin:0 2em 0 2em;
	width:36em;
	height: 38em;
	background: transparent;
	border: none;
}

#packagebox {
	float: left;
	margin: 1em 0 0 0;
	width:26em;
	height: 42em;
	background: transparent;
	border: 0;
}

#package {
	float: left;
	margin:0 2em 0 6em;
	width:24em;
	height: 36em;
	background: transparent;
	border: 0;
}



.h1b {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #00afef;
	background-color: transparent;
	font-size: 2em;
	font-weight: 800;
	line-height: 1.6em;
	padding: none;

}

.h1bsmall {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #00afef;
	background-color: transparent;
	font-size: 1.6em;
	font-weight: 800;
	line-height: 1.1em;
	padding: none;

}

a.h1bsmall:link { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #00afef; font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }

a.h1bsmall:visited { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	color: #00afef; font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }

a.h1bsmall:hover { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #fff; background-color: none;	font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }

a.h1bsmall:active { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #00afef; background-color: none; font-size: 100%; font-weight: 800; line-height: 100%; text-decoration: none; }

.h1blarge {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #00afef;
	background-color: transparent;
	font-size: 2.8em;
	font-weight: 800;
	line-height: 1.6em;
	padding: none;

}



a.h1:link { font-family: "Century Gothic", Verdana, Arial, Geneva, Helvetica, sans-serif; color: #8cc63f; font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none; }

a.h1:visited { font-family: "Century Gothic", Verdana, Arial, Geneva, Helvetica, sans-serif;	color: #8cc63f; font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none; }

a.h1:hover { font-family: "Century Gothic", Verdana, Arial, Geneva, Helvetica, sans-serif; color: #8cc63f; background-color: none;	font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: underline; }

a.h1:active { font-family: "Century Gothic", Verdana, Arial, Geneva, Helvetica, sans-serif; color: #8cc63f; background-color: none; font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none; }


.h2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #8cc63f;
	background-color: transparent;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1em;
	padding-top: 2px;
	padding-left: 8px;

}

.h3 {
	font-family: "Century Gothic", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #ffffff;
	background-color: transparent;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1em;
	padding-top: 2px;
	padding-left: 8px;

}


.content {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #404040;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.4em;
	padding: none;
}

a.content:link { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #ef008c; font-size: 100%; font-weight: 100; 
	line-height: 100%; text-decoration: none; }

a.content:visited { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	color: #ef008c; font-size: 100%; font-weight: 100; 
	line-height: 100%; text-decoration: none; }

a.content:hover{ font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #ef008c; background-color: none;	font-size: 100%;
	font-weight: 100; line-height: 100%; text-decoration: underline; }

a.content:active{ font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #ef008c; background-color: none; font-size: 100%;
	font-weight: 100; line-height: 100%; text-decoration: none; }

.contentgrey {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #909090;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.1em;
	padding: none;
}

.contentbold {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #404040;
	font-size: 1.1em;
	font-weight: 800;
	line-height: 1.1em;
	padding: none;
}

.contentpackage {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #404040;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.1em;
	padding: none;
}



.contentli {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #8cc63f;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.4em;
	padding-left: 0;
	padding-right: 0;
}

a.contentli:link { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #8cc63f; font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none; border-bottom:1px dotted #8cc63f;}

a.contentli:visited { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	color: #8cc63f; font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none; border-bottom:1px dotted #8cc63f;}

a.contentli:hover{ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #ffffff; background-color: #8cc63f;	font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none; border-bottom:1px dotted #8cc63f;}

a.contentli:active{ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #8cc63f; background-color: none; font-size: 100%; font-weight: 100; line-height: 100%; text-decoration: none;border-bottom:1px dotted #8cc63f;}
	
	
.source {
	font-family: "Lucida Grande", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.4em;
	padding-left: 8px;
	padding-right: 8px;
}

a.source:link { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #ffffff; font-size: 100%; font-weight: 100; 
	line-height: 100%; text-decoration: none; }

a.source:visited { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	color: #ffffff; font-size: 100%; font-weight: 100; 
	line-height: 100%; text-decoration: none; }

a.source:hover{ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #ffffff; background-color: none;	font-size: 100%;
	font-weight: 100; line-height: 100%; text-decoration: underline; }

a.source:active{ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #ffffff; background-color: none; font-size: 100%;
	font-weight: 100; line-height: 100%; text-decoration: none; }

.contentwhite {
	font-family: "Lucida Grande", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.4em;
	padding-left: 8px;
	padding-right: 8px;
}





	
/*arrow links */

#arrow li {
	margin-right: 2em;
	padding: 0.5em 0;
	font-family: Arial, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:100;
	border-bottom: 1px dotted #404040;
}

#arrow a {color: #909090; text-decoration:none;	background: none; }

#arrow a:hover, body#publishing #t-publishing a {color: #ec008c; text-decoration: none;}
#arrow a:hover, body#newmedia #t-newmedia a {text-decoration: none; }
#arrow a:hover, body#marketing #t-marketing a {text-decoration: none;}
#arrow a:hover, body#research #t-research a {text-decoration: none;}
#arrow a:hover, body#branding #t-branding a {text-decoration: none;}
#arrow a:hover, body#consultancy #t-consultancy a {text-decoration: none;}

/*end arrow links */