/* CSS Document */

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

/* COLOURS
BODY BACKGROUND: #fff
ORANGE: #f68f1e
LIGHT BLUE: #85b0c6
DARK BLUE: #5998c8
GREY: #9194b6
BODY TEXT: #9fa0a3

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

/* TAGS */

a {
	font-weight: bold;
	text-decoration: none;
	color: #888;
	outline: none;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
a img {
	border: none;
	outline: none;
}
h1,
h2,
h3,
h4 {
	font-size: 22px;
	color: #5998c8;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 10px;
	padding: 0;
}
h1.question1,
h1.question2,
h1.question3,
h1.question4,
h1.question5,
h1.question6,
h1.question7,
h1.question8 {
	width: 516px;
	height: 64px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: url(../whatwedo/_img/question1.gif) no-repeat top left;
}
h1.question2 {
	background: url(../whatwedo/_img/question2.gif) no-repeat top left;
}
h1.question3 {
	background: url(../whatwedo/_img/question3.gif) no-repeat top left;
}
h1.question4 {
	background: url(../whatwedo/_img/question4.gif) no-repeat top left;
}
h1.question5 {
	background: url(../whatwedo/_img/question5.gif) no-repeat top left;
}
h1.question6 {
	background: url(../whatwedo/_img/question6.gif) no-repeat top left;
}
h1.question7 {
	background: url(../whatwedo/_img/question7.gif) no-repeat top left;
}
h1.question8 {
	background: url(../whatwedo/_img/question8.gif) no-repeat top left;
}
h2,
h2.blue,
h3 {
	font-size: 14px;
	color: #777;
	line-height: 18px;
	margin: 10px 0 -5px 0;
}
h2.blue {
	font-size: 12px;
	color: #5998c8;
}
h2.largefont {
	font-size: 22px;
}

p {
	margin: 10px 0 0 0;
	padding: 0;
}

/* 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;
}
#topnav li a {
	width: 100%;
	height: auto;
	display: block;
	font-weight: normal;
	color: #9fa0a3;
	font-size: 11px;
}
#topnav li a:hover {
	color: #5998c8;
}
#topnav li a.on {
	color: #5998c8;
}
#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: 12px 0 0 15px;
	padding: 0;
}
#text ul.subheading {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
#text li {
	color: #5998c8; 
}
#text li span {
	color: #888;
}
#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: #3e8ac4;
}
#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(../howwedeliver/_img/submit_button.gif) no-repeat;
}
.error,
.howwedeliver .error {
	color: #fff !important;
	margin-left: 5px;
}
.howwedeliver .error{
	color: #699cca !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,
.boldtext4,
.boldtext5 {
	font-weight: bold;
	color: #5998c8 !important; 
}
.boldtext1 {
	font-size: 14px;
}
.boldtext2 {
	color: #888 !important;
}
.boldtext3 {
	color: #85b0c6 !important;
	font-style: italic;
}
.boldtext4,
.boldtext5 {
	font-size: 14px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #ccc;
}
.boldtext5 {
	border: none;
}
.subheading {
	color: #666;
	font-size: 16px;
	line-height: 20px;
}
.boldlist {
	font-weight: bold;
}

/* image margin */

.imagemargin {
	margin: 16px 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;
}

/* products section */

.products #middle {
	min-height: 550px;
}
.products #leftnav {
	height: 392px;
}
#product_title {
	width: 510px;
	height: 30px;
	margin-bottom: -5px;
}

/* about us section */

#serviceboxes {
	margin: 0;
	padding: 0;
	list-style: none;
}
#serviceboxes li {
	width: 100%;
	height: 148px;
	float: left;
	display: block;
	margin-bottom: 5px;
}
#serviceboxes li a {
	width: 216px;
	height: 148px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#printservices {
	background: url(../whoweare/_img/dm_services.jpg) no-repeat;
}
#dataservices {
	background: url(../whoweare/_img/data_services.jpg) no-repeat;
}
#mediaservices {
	background: url(../whoweare/_img/crossmedia_services.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 */

.solving_problems #text {
	border-top: none;
	padding-top: 0;
}
#questions {
	width: 216px;
	height: 473px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
#questions ul {
	width: 202px !important;
	height: 473px !important;
	float: left;
	display: block;
	margin-top: 8px !important;
	padding-left: 14px !important;
	list-style: outside !important;
	text-indent: 0 !important;
}
#questions li {
	padding: 1px 0;
}
.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: #c2510f;
}
.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;
	color: #a0cff9;
	font-weight: normal;
	text-decoration: underline;
}
.contactus #rightside a:hover {
	text-decoration: none;
}
.contactus form {
	margin-top: 5px;
}
.contactus label {
	color: #a0cff9;
}
.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;
}