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

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #010101;
}

/* ---------------------------------------------- GENERAL STYLES -------------------------------------- */

h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #999;
}

h2 {
	margin: 0;
	padding: 10px 0 12px 0;
	color: #0f2d77;
	text-transform: uppercase;
	font-size: 15px;
}

h3 {
	margin: 0;
	padding: 0 0 4px 0;
	color: #0f2d77;
	font-size: 12px;
}

h3 a {
	text-decoration: none;
	color: #4a4a4a;
	font-weight: normal;
}

h3 a:hover {
	text-decoration: underline;
	color: #4a4a4a;
}

.clearFloat {
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
}

div {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 16px;
}

	a {
		text-decoration: none;
		color: #010101;
	}
	
	a:hover {
		text-decoration: none;
		color: #0f2d77;
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ---------------------------------------------- END GENERAL STYLES -------------------------------------- */

/* ---------------------------------------------- START MAIN STYLES -------------------------------------- */

.outerWrapper {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	overflow: hidden;
}

.headerContainer {
	margin: 5px;
	padding: 35px 20px 0 20px;
	overflow: hidden;
	background-image: url(images/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 130px;
}

.headerLeft {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 400px;
}

.headerRight {
	margin: 0;
	padding: 0;
	float: right;
	width: 495px;
}

/* ------------------------------------------- MENU STYLES ----------------------------------------------- */

/* ----------- PAGE MENU ---------- */

.menuContainer {
	margin: 0;
	padding: 0 20px 18px 20px;
	background-image: url(images/menuBg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

ul.mainMenu {
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #0f2d77;
	list-style-type: none;
	font-weight: bold;
}

	ul.mainMenu a {
		color: #0f2d77;
		text-decoration: none;
	}
	
	ul.mainMenu a:hover {
		color: #008dc5;
		text-decoration: none;
	}

ul.mainMenu li {
	margin: 0;
	padding: 0;
	display: inline;
}

/* ----------- END PAGE MENU ---------- */

/* ------------ START SITE NAVIGATION --------- */

ul.mainNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #4A4A4A;
	text-transform: uppercase;
}

ul.mainNav a {
	text-decoration: none;
	color: #4A4A4A;
}

ul.mainNav a:hover {
	text-decoration: none;
	color: #0f2d77;
}

ul.mainNav li {
	margin: 0;
	padding: 9px 0 9px 20px;
	background-image: url(images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 1px solid #a7dbf0;
}

ul.mainNav li.first {
	margin: 0;
	padding: 0 0 9px 20px;
	background-image: url(images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	border-bottom: 1px solid #a7dbf0;
}

ul.mainNav li.last {
	margin: 0;
	padding: 10px 0 3px 20px;
	background-image: url(images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
	border: 0;
}

/* ------------ START SITE NAVIGATION --------- */


/* ------------------------------------------- END MENU STYLES ----------------------------------------------- */

/* ------------ BREAD CRUMB --------------- */

.breadCrumb_container {
	margin: 0;
	padding: 5px 15px;
}

ul.breadCrumb {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.breadCrumb li {
	display: inline;
	padding: 0 1px;
	margin: 0;
	color: #b2b2b2;
	font-size: 11px;
}

ul.breadCrumb li a {
	text-decoration: underline;
	color: #008dc5;
}

ul.breadCrumb li a:hover {
	text-decoration: underline;
	color: #0f2d77;
}

.pageTitle {
	margin: 0;
	padding: 15px 0;
}

/* ------------ END BREAD CRUMB --------------- */

.mainContainer {
	margin: 0 auto;
	padding: 0 0 30px 0;
	overflow: hidden;
	width: 942px;
}

.leftContent {
	margin: 0 17px 0 0;
	padding: 0;
	float: left;
	width: 258px;
}
.rightContent {
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 667px;
}

/* ----------- SMALL BOX STYLES -------------- */

.smallBox_container {
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
	width: 258px;
}

.smallBox_topGrey {
	margin: 0;
	padding: 13px 12px 2px;
	background-image: url(images/smallBox_topGrey.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

img.boxTitle {
	margin: 0;
	padding: 14px 0 0 0;
}

.smallBox_top {
	margin: 0;
	padding: 0;
	background-image: url(images/smallBox_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 5px;
}

.smallBox_content {
	margin: 0;
	padding: 8px 12px 0;
	background-image:url(images/smallBox_slice.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

.smallBox_btm {
	margin: 0;
	padding: 0;
	height: 11px;
	background-image: url(images/smallBox_btm.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/* ----------- END SMALL BOX STYLES -------------- */

/* ----------- MEDIUM BOX STYLES -------------- */

.medBox_container {
	margin: 0 18px 0 0;
	padding: 0;
	overflow: hidden;
	width: 324px;
	float: left;
}

.medBox_containerRight {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 324px;
	float: left;
}

.medBox_topGrey {
	margin: 0;
	padding: 14px 12px 2px 12px;
	background-image: url(images/medBox_topGrey.jpg);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

.medBox_content {
	margin: 0;
	padding: 8px 12px 0;
	background-image:url(images/medBox_slice.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

.extendingText_box {
	margin: 0;
	padding: 0;
	width: 667px;
	float: left;
	background-image:url(images/expanding_medBoxes.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

.boxText {
	margin: 0 18px 0 0;
	padding: 13px 12px 0;
	width: 300px;
	overflow: hidden;
	float: left;
}

.boxText p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 16px;
}

.boxText_right {
	margin: 0;
	padding: 13px 12px 0;
	width: 300px;
	overflow: hidden;
	float: left;
}

.boxText_right p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 16px;
}

.medBox_btmContainer {
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

.medBox_btmLeft {
	margin: 0 18px 0 0;
	padding: 1px 0 1px 12px;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	background-image: url(images/medBox_btmText.jpg);
	background-repeat: no-repeat;
	width: 312px;
	float: left;
}

	.medBox_btmLeft a {
		width: 97px;
		display: block;
		margin: 0;
		padding: 0 0 0 8px;
	}
	

.medBox_btmRight {
	margin: 0;
	padding: 1px 0 1px 12px;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	background-image: url(images/medBox_btmText.jpg);
	background-repeat: no-repeat;
	width: 312px;
	float: left;
}

	.medBox_btmRight a {
		width: 97px;
		display: block;
		margin: 0;
		padding: 0 0 0 5px;
	}

/* ----------- END MEDIUM BOX STYLES -------------- */

/* ----------- LARGE BOX STYLES -------------- */

.largeBox_container {
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

.largeBox_top {
	margin: 0;
	padding: 14px 12px 2px 12px;
	background-image: url(images/largeBox_topGrey.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.largeBox_content {
	margin: 0;
	padding: 10px 12px 0;
	background-image:url(images/largeBox_slice.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}

.largeBox_btm {
	margin: 0;
	padding: 0;
	height: 10px;
	background-image: url(images/largeBox_btm.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

.largeBox_btmText {
	background-image: url(images/largeBox_btmText.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.largeBox_btmText a {
	margin: 0 0 0 8px;
	padding: 1px 0 1px 14px;
	overflow: hidden;
	font-size: 10px;
	text-transform: uppercase;
	overflow: hidden;
	display: block;
	width: 105px;
}

.staffArea {
	margin: 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #a7dbf0;
	font-size: 12px;
}

.staffArea p {
	margin: 0;
	padding: 3px 0 12px 0;
	line-height: 16px;
}

.staffBox {
	margin: 0;
	padding: 0 0 3px 0;
	width: 214px;
	float: left;
}

img.staffImg {
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #a7dbf0;
	float: left;
	width: 48px;
}

img.keyStaff_image {
	margin: 0 15px 15px 0;
	padding: 0;
	border: 1px solid #d9d9d9;
	float: left;
}

.staffText {
	margin: 0;
	padding: 0;
	float: left;
	width: 140px;
}

.keyStaff {
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #a7dbf0;
}

.keyStaffText {
	margin: 0;
	padding: 0;
	float: left;
	width: 535px;
}

.keyStaffText p {
	margin: 0;
	padding: 5px 0 10px 0;
	line-height: 16px;
}

span.sectionsHeader {
	margin: 0;
	padding: 0 4px 0 0;
	font-weight: bold;
	color: #0f2d77;
}

.clientsText {
	margin: 0;
	padding: 3px 0 0 0;
	float: left;
	width: 455px;
}

.clientsLogo {
	margin: 0;
	padding: 0;
	float: right;
}

.workBtn a {
	margin: 25px 0 8px 0;
	padding: 1px 5px 1px 14px;
	background-image: url(images/btnBg.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	overflow: hidden;
	display: block;
	width: 98px;
}

/* ----------- END LARGE BOX STYLES -------------- */

.flashContainer {
	margin: 0 0 20px 0;
	padding: 0;
}

.ourWork_top {
	margin: 0;
	padding: 0;
	background-image: url(images/ourWork_top.jpg);
	background-repeat: no-repeat;
	height: 15px;
}

.ourWork_content {
	margin: 0;
	padding: 0;
	background-image: url(images/ourWork_bg.jpg);
	background-repeat: repeat-y;
	text-align:center;
}

.ourWork_btm {
	margin: 0;
	padding: 0;
	background-image: url(images/ourWork_btm.jpg);
	background-repeat: no-repeat;
	height: 15px;
}

.companyCarousel {
	margin: 0;
	padding: 8px 10px 5px 10px;
	font-size: 11px;
	color: #000;
	background-image: url(images/blueBg_slice.jpg);
	background-repeat: repeat-y;
}

	.companyCarousel p {
		margin: 0;
		padding: 0;
		line-height: 16px;
	}

.companyDetails_left {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
}

.companyDetails_right {
	margin: 0;
	padding: 0;
	float: right;
	width: 130px;
}

span.smallBlue {
	margin: 0;
	padding: 0;
	color: #0f2d77;
	font-weight: bold;
}

.btnsContainer {
	margin: 0;
	padding: 1px 0 1px 0px;
	background-image: url(images/buttonBtm.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	overflow: hidden;
}

.btnsContainer_prevOnly {
	margin: 0;
	padding: 1px 0 1px 498px;
	background-image: url(images/buttonBtm_prev.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	overflow: hidden;
}

.btnsContainer_nextOnly {
	margin: 0;
	padding: 1px 0 1px 498px;
	background-image: url(images/buttonBtm_next.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	overflow: hidden;
}

.btnsContainer_padded {
	margin: 0;
	padding: 1px 0;
	overflow: hidden;
	background-image: url(images/buttonBtm_noBtns.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	height: 13px;
}

	.backBtn {
		margin: 0;
		padding: 0 0 0 12px;
		overflow: hidden;
		float: left;
	}
	
	.backBtn a {
		margin: 0;
		padding: 0;
		display: block;
		width: 65px;
		text-align: center;
	}

	.previousBtn {
		margin: 0 10px 0 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	
	.previousBtn a {
		margin: 0;
		padding: 0;
		display: block;
		width: 72px;
		text-align: center;
	}
	
	.nextBtn {
		margin: 0;
		padding: 0;
		float: left;
		width: 78px;
		overflow: hidden;
	}
	
	.nextBtn a {
		margin: 0;
		padding: 0;
		display: block;
		text-align: center;
	}

.companyLogo_container {
	margin: 0;
	padding: 0;
	border-top: 1px solid #a7dbf0;
	border-bottom: 1px solid #a7dbf0;
	overflow: hidden;
}

img.agencyLogo {
	margin: 0;
	padding: 25px 0 30px 8px;
}

img.borderedImg {
	margin: 3px 0;
	padding: 0;
	border: 1px solid #d9d9d9;
}

.agencyInfo {
	margin: 0;
	padding: 0;
	color: #4a4a4a;
}

	.agencyInfo a {
		text-decoration: none;
		color: #4a4a4a;
	}
	
	.agencyInfo a:hover {
		text-decoration: none;
		color: #1e3a7f;
	}

.agencyInfo p {
	margin: 0;
	padding: 0 0 2px 0;
}

span.boldBlue {
	margin: 0;
	padding: 0 3px 0 0;
	font-weight: bold;
	color: #1e3a7f;
}

/* ------------------- OUR WORK STYLES ------------------------ */

.ourWork_item {
	margin: 0;
	padding: 0 18px 0 0;
	overflow: hidden;
}

.ourWork_item p {
	margin: 0;
	padding: 0 0 5px 0;
}

img.campaignImage {
	margin: 0;
	padding: 0 0 5px 0;
}

/* ------------------------ START FOOTER STYLES ----------------------------- */

.footerContainer {
	margin: 0;
	padding: 20px 20px 30px 20px;
	border-top: 1px solid #ccc;
	overflow: hidden;
	color: #7f7f7f;
	font-size: 11px;
}

.footerContainer a {
	text-decoration: none;
	color: #7f7f7f;
}

.footerContainer a:hover {
	text-decoration: underline;
	color: #7f7f7f;
}

.footerLeft {
	margin: 0;
	padding: 0;
	float: left;
	width: 250px;
}

.footerLeft p {
	margin: 0;
	padding: 3px 0 0 0;
	float: left;
}

.footerRight {
	margin: 0;
	padding: 3px 0 0 0;
	float: right;
	width: 200px;
}

.footerLinks {
	margin: 0;
	padding: 10px 0 0 0;
	overflow: hidden;
}

ul.siteLinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.siteLinks li {
	margin: 0;
	padding: 0 1px;
	display: inline;
}

img.haymarketLogo {
	margin: 2px 5px 0 0;
	padding: 0;
	float: left;
}

/* ------------------------ END FOOTER STYLES ----------------------------- */

/* ---------------------------------------------- END MAIN STYLES -------------------------------------- */