/* CSS Document */

/* STYLESHEET LAYOUT REFERENCE -----------------------
TAGS
STRUCTURE
TOP NAVIGATION
MIDDLE/MAIN TEXT
LEFTNAV STYLES
FORM STYLES
FOOTER
BOTTOM
GENERAL CLASSES
BODY CLASSES
*/

/* COLOURS
BODY BACKGROUND: #fff
LIGHT PURPLE: #74489c
DARK PURPLE: #422f92
GREY: #9194b6
BODY TEXT: #9fa0a3

---------------------------------------------------*/

/* TAGS */

a {
	font-weight: bold;
	text-decoration: none;
	color: #74489c;
	outline: none;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #74489c;
}
a img {
	border: none;
	outline: none;
}
h1,
h2,
h3,
h4 {
	font-size: 22px;
	color: #422f92;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 10px;
	padding: 0;
}
h2,
h2.orange,
h3 {
	font-size: 14px;
	color: #777;
	line-height: 18px;
	margin: 10px 0 -5px 0;
}
h2.orange,
h2.largefont {
	font-size: 18px;
	margin-top: 15px;
	color: #422f92;
}
h2.largefont {
	font-size: 22px;
}
p {
	margin: 10px 0 0 0;
	padding: 0;
}

p.orange {
	color: #c2510f; 
	font-weight: bold;
}

/* STRUCTURE */

body {
	font: 80%/110% Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #888;
	margin: 0;
	padding: 0;
	background: #e7e7e7 url(../_img/bg_rpt1.gif) repeat-x;
}
#container {
	width: 992px;
	margin: 0 auto;
	padding: 0;
	background: url(../_img/body_bg.png) repeat-y;
}
#globalheader {
	width: 960px;
	height: 24px;
	margin: 0 auto;
	padding: 0;
	background-color: #f68f1e;
}
#globalheader p {
	width: 756px;
	height: 21px;
	margin: 0;
	padding: 3px 0 0 204px;
}
#globalheader a {
	height: 24px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
}
#globalheader a.on {
	color: #e7e7e7;
}
#globalheader p span {
	float: right;
	margin-right: -6px;
}
#globalheader p span a {
	margin-right: 30px;
}
#contents {
	width: 912px;
	height: 100%;
	margin: 0 auto;
	padding: 0 24px;
	min-height: 450px;
	background-color: #fff;
}
#topbar {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
}
#topbar p {
	width: 180px;
	height: 100px;
	float: left;
	display: block;
	margin: 0;
	padding: 20px 0 0 0;
}

/* NAVIGATION */

#topnav {
	width: 520px;
	height: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
#topnav ul {
	width: auto;
	height: 102px;
	margin: 18px 24px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	display: block;
}
#topnav li {
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 0 4px 0 0;
}
#topnav li a {
	width: 100%;
	height: auto;
	display: block;
	font-weight: normal;
	color: #9fa0a3;
	font-size: 11px;
}
#topnav li a:hover,
#topnav li a.on {
	color: #58419a;
}
#topnav li.navtitle {
	width: auto;
	height: 20px;
	font-size: 13px;
	color: #888;
	letter-spacing: -1px;
	word-spacing: 1px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: block;
}
#topnav li.contact {
	width: 110px !important;
}
#strapline {
	width: 208px;
	height: 20px !important;
	float: left;
	display: block;
	margin: 79px 0 0 0 !important;
	padding: 0;
}
#strapline p {
	width: 212px;
	height: 20px;
	color: #5998c8;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 0;
	text-align: right;
}

/* MIDDLE/MAIN STRUCTURE */

#middle {
	width: 912px;
	min-height: 510px;
	overflow: visible;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}
#leftside {
	width: 684px;
	height: 100%;
	float: left;
	display: block;
	margin-right: 12px;
	padding: 0;
}
#text {
	width: 504px;
	min-height: 491px;
	margin: 0 12px 0 0;
	padding: 12px;
	float: left;
	border-top: 1px solid #c2c2c2;
}
#text ul {
	margin: 10px 0 0 15px;
	padding: 0;
}
#text ul.subheading {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
#text li {
	color: #74489c; 
}
#text li span {
	color: #888;
}

/* capability list */

#text ul#capability {
	width: 100%;
	height: 350px;
	list-style: none;
	margin: 10px 0 0;
}
#text ul#capability li {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	margin: 0 0 10px 0;
}
#text ul#capability li h3 {
	width: 372px;
	float: left;
	display: block;
	margin: 5px 0;
}
#text ul#capability p {
	width: 372px;
	height: auto;
	float: left;
	display: block;
	margin: 0;
}
#text ul#capability img {
	float: right;
}

#text a {
	text-decoration: underline;
}
#text a:hover {
	text-decoration: none;
}
#rightside {
	width: 216px;
	height: 473px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

/* LEFTNAV STYLES */

#leftnav {
	width: 144px;
	height: 348px;
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
}
#leftnav ul {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #e2e2e2;
}
#leftnav li {
	width: 134px;
	height: 24px;
	margin: 0;
	padding: 0;
}
#leftnav li.largelist {
	height: 38px;
}
#leftnav li.navsubtitle {
	width: 144px;
	height: 19px;
	margin: 0;
	padding: 5px 0 0;
	text-indent: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border: none;
	background-color: #aaa;
}
#leftnav li a {
	width: 144px;
	height: 20px;
	padding: 4px 0 0;
	text-indent: 10px;
	display: block;
	font-weight: normal;
	color: #7d7d7d;
	font-size: 11px;
	border-bottom: 1px dotted #fff;
}
#leftnav li a:hover,
#leftnav li a.on {
	color: #58419a;
}
#leftnav li.largelist a {
	width: 124px;
	height: 34px;
	padding: 4px 10px 0 10px;
	text-indent: 0;
}
#statements {
	width: 144px;
	height: 112px;
}
#statements p {
	text-indent: -9999px;
}

/* FORM STYLES */

form {
	width: 210px;
	height: 100%;
	margin: 20px 0 0;
	padding: 0;
}
form p {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: auto;
	font-size: 11px;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.textform,
textarea {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 7px;
	border: 1px solid #ccc;
	width: 210px;
	padding: 2px;
	/*height: 14px;*/
	color: #333;
	background: #fff;
}
textarea {
	/*height: auto;*/
}
.submit {
	width: 41px;
	height: 20px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(../_img/submit_button.gif) no-repeat;
}
.error,
.howwedeliver .error {
	color: #fff !important;
	margin-left: 5px;
}
.howwedeliver .error{
	color: #ed1c24 !important;
}

/* FOOTER */

#footer {
	width: 100%;
	height: 70px;
	clear: both;
	position: relative;
	padding: 20px 0 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #c2c2c2;
	background: url(../_img/footer_logos.gif) no-repeat right;
}
#footer p {
	height: 40px;
	width: auto;
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 11px;
}
#footer p.footerheading {
	height: 20px;
	width: auto;
	font-size: 14px;
	color: #888;
	margin: 1px 0 -2px;
	padding: 0;
}

/* BOTTOM */

#bottom {
	width: 992px;
	height: 75px;
	margin: 0 auto;
	padding: 0; 
	background: #e7e7e7 url(../_img/bottom.gif) no-repeat top left;
}

/* GENERAL CLASSES */

.right_award {
	float: right;
	margin: -25px -20px 0 0;
	padding: 0;
}

/* bold text paragraphs */

.boldtext,
.boldtext1,
.boldtext2,
.boldtext3,
.boldtext4,
.boldtext5,
.boldtext6 {
	font-weight: bold;
	color: #74489c !important; 
}
.boldtext1,
.boldtext3 {
	font-size: 14px;
}
.boldtext2,
.boldtext3,
.boldtext4,
.boldtext5 {
	color: #777 !important;
}
.boldtext4,
.boldtext5 {
	font-size: 14px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #ccc;
}
.boldtext5 {
	border: none;
}
.boldtext6 {
	color: #888 !important;
}
.subheading,
.subheading a {
	color: #00adef;
	font-size: 16px;
	line-height: 20px;
}
.boldlist {
	font-size: 14px;
}

/* image margin */

.imagemargin {
	margin: 16px 0 0 0;
}
.imagemargin1 {
	margin: 12px 0 0 0;
}

/* BODY CLASSES */

.home #middle {
	min-height: 485px;
}
.home #footer {
	border: none;
	margin: 0;
	padding: 0;
	background: url(../_img/footer_logos.gif) no-repeat top right;
}
.home #footer p {
	height: 40px;
	margin: 0;
	padding: 0;
}
.home #footer p.footerheading {
	height: 20px;
	width: auto;
	font-size: 14px;
	color: #888;
	margin: 1px 0 -2px;
	padding: 0;
}

/* three column layout */

.threecol_layout #rightside ul,
.threecol_layout #rightside h3,
.threecol_layout #rightside p {
	width: 0;
	height: 0;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-indent: -9999px;
}

/* about us section */

#serviceboxes {
	margin: 0;
	padding: 0;
	list-style: none;
}
#serviceboxes li {
	width: 100%;
	height: 109px;
	float: left;
	display: block;
	margin-bottom: 5px;
}
#serviceboxes li a {
	width: 216px;
	height: 109px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#crossmedia {
	background: url(../whoweare/_img/cross_media.jpg) no-repeat;
}
#onlinemarketing {
	background: url(../whoweare/_img/online_marketing.jpg) no-repeat;
}
#transactional {
	background: url(../whoweare/_img/transactional.jpg) no-repeat;
}
#communication {
	background: url(../whoweare/_img/communication.jpg) no-repeat;
}

/* our team section */

#teamlist {
	height: 185px !important;
	border-bottom: 1px dotted #fff;
}
#teamlist ul {
	margin: -7px 0 0 8px !important;
}
#teamlist ul li {
	height: 16px !important;
}
#teamlist a {
	width: 135px !important;
	border: none !important;
}

/* what we do section */

.hhbutton,
.celeritybutton,
.commsbutton {
	width: 101px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../whatwedo/_img/hh_button.gif) no-repeat;
}
.hhbutton:hover {
	background: url(../whatwedo/_img/hh_button.gif) no-repeat 0 -20px;
}
.celeritybutton {
	background: url(../whatwedo/_img/celerity_button.gif) no-repeat;
}
.celeritybutton:hover {
	background: url(../whatwedo/_img/celerity_button.gif) no-repeat 0 -20px;
}
.commsbutton,
.commsbutton:hover {
	width: 114px;
	background: url(../whatwedo/_img/comms_button.gif) no-repeat;
}
.commsbutton:hover {
	background: url(../whatwedo/_img/comms_button.gif) no-repeat 0 -20px;
}

/* contact us section */

.contactaddress {
	color: #f68f1e;
}
.contactus #text {
	width: 528px;
	padding: 10px 0 0;
}
.contactus #rightside {
	width: 188px;
	height: 491px;
	margin: 0;
	padding: 0 14px;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	background: url(../contactus/_img/empty_right.gif) no-repeat;
}
.contactus #rightside p {
	margin-top: 0;
}
.contactus #rightside h1,
.contactus #rightside h2 {
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	margin: 10px 0 3px 0 !important;
}
.contactus #rightside a {
	font-size: 11px;
	font-weight: normal;
	color: #ffdd00;
	text-decoration: underline;
}
.contactus #rightside a:hover {
	text-decoration: none;
}
.contactus form {
	margin-top: 5px;
}
.contactus label {
	color: #ffdd00;
}
.contactus .textform,
.contactus textarea {
	width: 180px;
	color: #333;
	background: #eee;
	border: none;
	margin-top: 2px;
}
.contactus .submit {
	background: url(../contactus/_img/submit_button.gif) no-repeat;
}
#map {
	width: 528px; 
	height: 337px; 
	margin: 0;
	padding: 0;
}
.pdfbutton {
	width: 80px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../contactus/_img/pdf_button.gif) no-repeat;
}
.pdfbutton:hover {
	background: url(../contactus/_img/pdf_button.gif) no-repeat 0 -20px;
}
.sitebutton {
	width: 80px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../whoweare/_img/visit_site_button.gif) no-repeat;
}
.sitebutton:hover {
	background: url(../whoweare/_img/visit_site_button.gif) no-repeat 0 -20px;
}

/* facilities */

.facilities #text ul {
	width: 100%;
	height: 100%;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	position: relative;
}
.facilities #text a { 
}
.facilities #text li {
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 20px; 
	float: left;
}
.facilities #text li p.orange { 
	font-size: 14px; 
	margin: 0 0 5px 0;
}
.clientlist #text ul.subheading li { 
	margin: 10px 0 0 0;
} 
#col_list {
	width: 520px;
	height: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
#col_list ul {
	width: auto;
	height: auto;
	margin: 18px 36px 50px 0;
	padding: 0;
	float: left;
	display: block;
}
#col_list li {
	width: 200px;
	height: 15px;
	margin: 0 0 0 0px;
	padding: 0;
}
#col_list li a {
	width: 100%;
	height: auto;
	display: block;
	font-weight: normal;
	color: #9fa0a3;
}