@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; color: #666; 
	margin-left: 0px; 
	margin-top: 5px; 
	line-height: 17px;
}

a img {border:none}

#wrapper {
 	margin-left: auto;
 	margin-right: auto;
 	width: 950px;
 	height: 577px;
 	padding-top:0px;
	padding-bottom:0px
}

#topleft {width:450px; float:left; }
#topright {width:500px; float:left;}
#date {width:500px; float:left; height: 36px; padding-top:10px; margin-bottom:5px;}

#navigation {width:950px; height: 27px; float:left; padding-top:3px; margin-top:3px; border-top: 1px solid #666;}

.menu {width:946px; height:27px; font-size:13px; position:relative; z-index:100; }
* html .menu {width:950px; w\idth:950px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:118px;}
.menu li {float:left; width:118px; position:relative;}
.menu a, .menu a:visited {display:block; font-size:13px; text-decoration:none; color:#666; width:118px; height:27px; line-height:28px;}
* html .menu a, * html .menu a:visited {width:118px; w\idth:118px;}
.menu ul ul {visibility:hidden; position:absolute; height:0; top:23px; left:0; width:118px;}
* html .menu ul ul {top:30px;t\op:28px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited {font-weight:normal; background:#fff; color:#666; height:auto; line-height:1em; padding:5px 10px; width:140px;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:118px;w\idth:118px;}
.menu a:hover, .menu ul ul a:hover{color:#c30; font-weight:bold;}
.menu :hover > a, .menu ul ul :hover > a {color:#c30;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}

#content {float:left; width:950px; height:355px;}
#content_full {float:left; width:950px;}
#content50a {width:450px; height:336px; float:left; margin-top:6px;}
#content50a2 {width:450px; height:337px; float:left; margin-top:10px;}
#content50a4 {width:500px; height:337px; float:left; margin-top:10px;}
#content50a5 {width:450px; height:336px; float:left; margin-top:6px; background-image:url(images/bg_excelling1.jpg); background-repeat:no-repeat;}
#content50a6 {width:450px; height:336px; float:left; margin-top:6px; background-image:url(images/bg_brand1.jpg); background-repeat:no-repeat;}
#content50a7 {width:450px; height:336px; float:left; margin-top:6px; background-image:url(images/bg_winning1.jpg); background-repeat:no-repeat;}
#content50a8 {width:445px; height:331px; float:left; margin-top:6px; background-image:url(images/bg_connect.jpg); padding-left:5px;padding-top:5px;}
#content50b {width:450px; height:345px; float:right; margin-top:10px;}
#content50b2 {width:450px; height:315px; float:right; margin-top:10px; padding-top:28px;}
#content50b3 {width:450px; height:320px; float:right; margin-top:10px; padding-top:23px;}
#content50b4 {width:430px; height:315px; float:right; margin-top:10px; background-image:url(images/greybackground.jpg); padding:10px;}

#content50boverflow {width:450px; height:332px; float:right; overflow-y: scroll; margin-top:10px; padding-right:10px;}
#content50b2overflow {width:420px; height:332px; float:right; overflow-y: scroll; margin-top:10px; padding-right:10px;}
#content100 {width:950px; height:345px; float:left; margin-top:6px;}
#content100overflow {width:950px; height:345px; float:left; overflow-y: scroll; margin-top:6px; padding-right:10px;}

#footer {width:950px; float:left; border-top: 1px solid #666; padding-top:8px; margin-top:5px;}
#inspireyourteam {width: 500px; float:left}
#giveyourteam {width:400px; float:right; padding-top:3px;}
#footnote {width:950px; float:left; padding-top:3px;}

/*
CLASS STYLES TO GO HERE
*/

.headertext {font-size:20px;}

.mainnav {text-decoration:none;}
a.mainnav:link {text-decoration:none; color: #666;}
a.mainnav:active {text-decoration:none; color: #666;}
a.mainnav:visited {text-decoration:none; color: #666;}
a.mainnav:hover {text-decoration:none; color:#c30; font-weight:bold;}

.footnav {text-decoration:none; font-size:15px; line-height:14px;}
a.footnav:link {text-decoration:none; color: #666;}
a.footnav:active {text-decoration:none; color: #666;}
a.footnav:visited {text-decoration:none; color: #666;}
a.footnav:hover {text-decoration:none; color:#c30;}

.orange14 {font-size:14px; color:#c30; line-height:17px;}
a.orange14:link {text-decoration:none; color: #c30;}
a.orange14:active {text-decoration:none; color: #c30;}
a.orange14:visited {text-decoration:none; color: #c30;}
a.orange14:hover {text-decoration:none; color:#000000;}

.grey17 {font-size:17px; color:#666; line-height:17px;}
a.grey17:link {color: #666; text-decoration:none;}
a.grey17:active {color: #666; text-decoration:none;}
a.grey17:visited {color: #666; text-decoration:none;}
a.grey17:hover {color:#c30; text-decoration:none;}

.orange19 {font-size:19px; color:#c30; line-height:14px;}
a.orange19:link {text-decoration:none; color: #c30;}
a.orange19:active {text-decoration:none; color: #c30;}
a.orange19:visited {text-decoration:none; color: #c30;}
a.orange19:hover {text-decoration:none; color:#666;}

.orange34b {font-size:34px; font-weight:bold; color:#c30; line-height:40px; }
.grey12 {font-size:12px; color:#666; line-height:12px;}
.grey14 {font-size:14px; color:#666; line-height:14px;}
.orange14b {font-size:14px; font-weight:bold; color:#c30; line-height:17px;}
.orange15b {font-size:15px; font-weight:bold; color:#c30; line-height:17px;}
.orange17 {font-size:17px; color:#c30; line-height:17px;}
.grey18 {font-size:18px; color:#666; line-height:20px;}
.grey22 {font-size:22px; color:#666; line-height: 23px;}
.grey29 {font-size:29px; color:#666; line-height:30px;}
.purple {font-size:36px; color:#339; font-weight:bold; line-height:36px;}
.darkgrey27 {font-size:27px; color:#333; line-height:29px;}
.brandstory {float:right; padding-right:500px; padding-top:165px; width:100px; height:87px;}
.hallmark {width:100px; height:57px; float:right;}
.contact {width:200px; height:300px; float:left; margin-top:10px; margin-right:10px;}
.fieldbox {width:200px; height: 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.fieldbox2 {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
#contact2 {width:240px; height:300px; float:left; margin-top:10px;}
#contact3 {width:210px; height:260px; float:left;}
#contact4 {width:210px; height:260px; float:left; padding-left:10px;}
#subnav {width:450px; height:240px;}
#subnav2 {width:450px; height:97px;}
#left180 {width:180px; float:left; text-align:right;}
#clients {width:745px; float:left; margin-left:20px;}
#xerox {padding-top:35px;}
#hsbc {padding-top:13px;}
#hfc {padding-top:7px;}
#pcworld {padding-top: 12px;}
#rspca {padding-top:10px;}
#hallmark {padding-top: 8px;}
/*
HEADER STYLES TO GO HERE
*/

h2 {font-size:32px; color:#c30; font-family:Arial, Helvetica, sans-serif; line-height:32px; margin:0px; border:0px; padding:0px;}
h3 {font-size:28px; color:#c30; font-family:Arial, Helvetica, sans-serif; line-height:28px; margin:0px; border:0px; padding:0px;}
h4 {font-size:26px; color:#c30; font-family:Arial, Helvetica, sans-serif; line-height:26px; margin:0px; border:0px; padding:0px;}
h5 {font-size:24px; color:#c30; font-family:Arial, Helvetica, sans-serif; line-height:24px; margin:0px; border:0px; padding:0px;}
h6 {font-size:18px; color:#c30; font-family:Arial, Helvetica, sans-serif; line-height:18px; margin:0px; border:0px; padding:0px;}