* {
	margin: 0;
	padding: 0;
	}
	
html {
	background: #001C38;
	}

body {
	background: #001C38;
	-moz-background-size: cover;
	background-size: cover;
	color: #fff;
	text-align: center;
	font: 0.8em/1.4 Helvetica Neue, Arial, sans-serif;
	height: 100%;
	}
	
@media only all and (max-width: 1024px) and (max-height: 768px) {
  body {	
    -moz-background-size: 1024px 768px;
    background-size: 1024px 768px;
  }
}

a {
	color: #fff;
	text-decoration: none;
	}
	
a img {
	border: none;
	}
	
a h1, a h2, a h3, a p {
	color: #001C38;
	}
	
ul {
	list-style-type: none;
	}
	
h3 {
	font-size: 100%;
	margin: 0 0 10px 0;
	}
	
h3 span {
	font-weight: normal;
	}
	
p {
	margin-bottom: 10px;
	}
	
.float {
	float: left;
	margin: 0 10px 10px 0;
	}
	
.clear {
	clear: both;
	}
	
/* LAYOUT */
#header,
#content,
#footer {
	width: 890px;
	margin: 0 auto;
	text-align: left;
	}
	
#mainwrap {
	background: #001C38;
	position: relative;
	}
	
#mainwrap #main {
	position: relative;
	top: -20px;
	background: url(../images/body-bg.png) 0 0 repeat-x;
	padding-top: 40px;
	}
	
#main {
	background: #001C38 url(../images/main-bg.png) 0 0 repeat-x;
	margin-top: 0;
	padding-top: 20px;
	}
	
/* HEADER */
#home #header {
	min-height: 409px;
	background: url(../images/view-new.png) 0 0 no-repeat;
	}
	
#header {
	min-height: 60px;
	position: relative;
	}
	
.creative-view {background-image: url(../images/creative-view.jpg);}
.digital-view {background-image: url(../images/digital-view.jpg);}
.direct-view {background-image: url(../images/direct-view.jpg);}
	
#home #header h1 {
	top: 46px;
	}
	
#header h1:before {
	content: url(../images/logo.png);
	}
	
#header h1 {
	top: 15px;
	width: 160px;
	left: 20px;
	height: 31px;
	overflow: hidden;
	position: relative;
	}
	
#header .contact {
	float: right;
	margin: 0;
	position: relative;
	z-index: 10;
	font-family: museo300;
	font-weight: normal;
	font-size: 120%;
	}
	
#home #header .contact {
	margin: 15px 20px 0 0;
	}
	
#header .strap {
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
	font-size: 120%;
	}
	
#creative {background-color: #99c00f;}

/* CONTENT */
	/* homepage */
		/* services */
#services {
	width: 900px;
	}

#services li {
	width: 170px;
	float: left;
	margin: 0 10px 20px 0;
	background: #676A7E;
	background: rgba(103, 106, 126, .9);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2); 
	}
	
#services li a {
	display: block;
	background: #eee url(../images/services-box-bg-creative.png) 100% 100% no-repeat;
	padding: 10px 5px;
	margin: 5px;
	min-height: 145px;
	position: relative;
	}
	
#services .digital a {background-image: url(../images/services-box-bg-digital.png);}
#services .direct a {background-image: url(../images/services-box-bg-direct.png);}
#services .experiential a {background-image: url(../images/services-box-bg-experiential.png);}
#services .telemarketing a {background-image: url(../images/services-box-bg-telemarketing.png);}
	
#services li h2 {
	font-family: Museo500, serif;
	font-weight: normal;
	font-size: 160%;
	line-height: 1;
	margin: 0 0 5px 0;
	}
	
#services li a p.more {
	color: #0060A4;
	padding-right: 25px;
	background: url(../images/icon-bv.png) 100% 3px no-repeat;
	float: left;
	position: absolute;
	bottom: 10px;
	font-family: museo500;
	margin: 0;
	}
	
#services li a:hover {
	padding: 15px 10px;
	margin: 0;
	background-color: #99c00f;
	}
	
#services li a:hover h2,
#services li a:hover p {
	color: #fff;
	}
	
#services li a:hover p.more {
	bottom: 15px;
	color: #fff;
	background-image: url(../images/icon-bv-white.png);
	}
	
#services li.digital a:hover, #digital {background-color: #662C8B;}
#services li.direct a:hover, #direct {background-color: #F58220;}
#services li.experiential a:hover, #experiential {background-color: #007C78;}
#services li.telemarketing a:hover, #telemarketing {background-color: #009BDB;}
#creative-services {background-color: #99c00f;}

		/* latest work */
.latest {
	border: 5px solid #676A7E;
	}
	
		/* tweet box */
#tweet {
	background: url(../images/tweet-bg.png) 23px 100% no-repeat;
	padding-bottom: 19px;
	margin: 30px 0 0 450px;
	font-size: 90%;
	}
	
#tweetthis {
	background: #676A7E;
	}
	
#tweetthis {
	padding: 10px;
	}
	
#tweet .tweet_text a {
	color: #001C38;	
	}
	

#tweet .tweet_text {
	margin-left: 58px;
	display: block;
	}
	
#tweet .tweet_time a {
	display: block;
	color: #ccc;
	}
	
#tweetthis img {
	float: left;
	margin-right: 10px;
	}
	
/* SERVICES PAGES */
#creative-services #header {background: url(../images/services-box-bg-creative.png) 423px 0 no-repeat;}
#digital #header {background: url(../images/services-box-bg-digital.png) 423px 0 no-repeat;}
#direct #header {background: url(../images/services-box-bg-direct.png) 403px 0 no-repeat;}
#experiential #header {background: url(../images/services-box-bg-experiential.png) 421px 0 no-repeat;}
#telemarketing #header {background: url(../images/services-box-bg-telemarketing.png) 416px 0 no-repeat;}
	
.service #content {
	width: 870px;
	padding-left: 20px;
	}
	
.service #menu {
	float: right;
	text-align: right;
	min-height: 600px;
	font-size: 120%;
	}
	
.service #content h2 {
	font-family: museo300;
	font-weight: normal;
	font-size: 200%;
	}
	
.service ul {
	list-style-image: url(../images/bullet-white.png);
	font-size: 100%;
	margin: 10px 0 20px 30px;
	}

.service #content p {max-width: 520px;}
	
/* FOOTER */
#footer p {
	margin-top: 40px;
	font-size: 85%;
	clear: both;
	}

.service #footer p {max-width: 560px;}
	
#footer .footlink {margin: 0;}
#footer .footlink a {text-decoration: underline;}

	
/* TOOLS */
#tools #content {position: relative;}
#tools #menu {position: absolute;right: 0;top: 0;}
.contact-form {width: 440px;float: right;margin:0 160px 60px 0;}
.contact-form fieldset {border: none;}
.contact-form legend {display: none;}
.contact-form h3 {text-transform: uppercase;margin-left: 6.6em;}
.contact-form p label {display: block;float: left;width: 6em;margin-right:10px;text-align: right;}
.contact-form textarea {width: 260px;}
.contact-form .zemSubmit {margin-left: 6.2em;}
.chattool {margin-right: 460px;}