/* GPS VISUAL COMMUNICATIONS */
/* 4 AUGUST 2009 */
/* TOM ASTON, www.fuse.co.uk */

/*********************************** RESET AND CLEARFIX ***********************************/

@import url('reset.css');
@import url('clearfix.css');

/*********************************** GENERAL ***********************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:url(../images/background2.jpg) center top no-repeat;
	color:#FFFFFF;
}
body#about {
	background:url(../images/background1.jpg) center top no-repeat;
}
body#work {
	background:url(../images/background3.jpg) center top no-repeat #4964A7;
}
body#contact {
	background:url(../images/background4.jpg) center top no-repeat;
}
#page {
	width:940px;
	padding:0 10px;
	margin:0 auto;
}
#header {
	width:940px;
	padding:30px 0 5px 0;
}
#header h1 {
	width:221px;
	height:75px;
	background:url(../images/gps-logo.png) left top no-repeat;
}
#header h1 a {
	display:block;
	width:221px;
	height:75px;
	background:url(../images/gps-logo.png) left top no-repeat;
	text-indent:-9999px;
}
#navigation {
	width:940px;
	text-align:right;
	border-bottom:solid 1px #FFFFFF;
	float:left;
	padding:0;
}
#navigation ul {
	float:right;
}
#navigation ul li {
	float:left;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0 20px;
}
#navigation ul li a:link,
#navigation ul li a:visited {
	color:#FFFFFF;
	display:block;
	padding:5px 0 4px 0;
}
#navigation ul li a:hover,
#navigation ul li a:active {
	color:#004785;
}
#navigation ul li.currentPage a:link,
#navigation ul li.currentPage a:visited {
	color:#004785;
	background:#FFFFFF;
	padding:5px 10px 4px 10px;
}
#tagline {
	width:940px;
	clear:both;
	float:left;
	font-size:1.2em;
	padding:5px 0 0 0;
}
#content {
	width:940px;
	min-height:340px;
	clear:both;
	float:left;
	padding:60px 0 20px 0;
	border-bottom:solid 1px #FFFFFF;
}
#mainContent {
	width:940px;
}
#content .homePage {
	width:940px;
	float:left;
	clear:both;
	padding:0 0 40px 0;
}
#homePageContent {
	width:540px;
	padding:0 20px 0 0;
	float:left;
}
#homePageTweets {
	width:380px;
	float:left;
}
.homePage h1 {
	width:620px;
	height:59px;
	text-indent:-9999px;
	background:url(../images/title-homepage.png) left bottom no-repeat;
	margin:0 0 30px 0;
}
.aboutUs h1 {
	width:620px;
	height:59px;
	text-indent:-9999px;
	background:url(../images/title-about-us.png) left bottom no-repeat;
	margin:0 0 30px 0;
}
.ourWork h1 {
	width:620px;
	height:59px;
	text-indent:-9999px;
	background:url(../images/title-our-work.png) left bottom no-repeat;
	margin:0 0 30px 0;
}
.contactUs h1 {
	width:620px;
	height:59px;
	text-indent:-9999px;
	background:url(../images/title-contact-us.png) left bottom no-repeat;
	margin:0 0 30px 0;
}
#mainContent h2 {
	font-size:1.7em;
	line-height:1.3em;
	width:540px;
	margin:0 0 20px 0;
}
#mainContent p {
	font-size:1.3em;
	color:#FFFFFF;
	width:460px;
	line-height:1.3em;
	margin:0 0 10px 0;
}
#mainContent ul {
	width:460px;
	margin:0;
}
#mainContent ul li {
	font-size:1.3em;
	line-height:1.3em;
}
#content .homePage ul {
	width:380px;
}
#mainContent ul#workLinks {
	padding:20px 0 0 0;
}
#mainContent ul#workLinks li {
	font-size:1.7em;
}
#mainContent p a:link,
#mainContent p a:visited,
#mainContent ul li a:link,
#mainContent ul li a:visited {
	color:#FFFFFF;
	font-weight:bold;
}
#mainContent p a:hover,
#mainContent p a:active,
#mainContent ul li a:hover,
#mainContent ul li a:active {
	color:#004785;
}
#mainContent #workItems {
	padding:40px 0 0 0;
	float:left;
}
#content #mainContent .individual {
	padding:0;
}
#mainContent #workItems .workItem {
	width:900px;
	background:url(../images/white-bg.png) left top repeat;
	padding:20px;
	margin:0 0 40px 0;
	display:inline;
	color:#222222;
	float:left;
}
#mainContent #workItems .workItem p a:link,
#mainContent #workItems .workItem p a:visited {
	color:#004785;
	font-weight:bold;
}
#mainContent #workItems .workItem p a:hover,
#mainContent #workItems .workItem p a:active {
	color:#333333;
}
#mainContent #workItems .workItem .description {
	width:440px;
	margin:0 20px 0 0;
	padding:20px 0 0 0;
	float:left;
	clear:both;
}
#mainContent #workItems .workItem .workTitle {
	border-bottom:solid 1px #004785;
	margin:0;
	padding:0 0 10px 0;
	width:900px;
	float:left;
}
#mainContent #workItems .workItem .workTitle h2 {
	margin:0;
	padding:0;
}
#mainContent #workItems .workItem .workTitle p {
	float:left;
	text-align:right;
	margin:0;
	font-size:1.2em;
	font-weight:bold;
}
#mainContent #workItems .workItem .workTitle p a:link,
#mainContent #workItems .workItem .workTitle p a:visited {
	color:#004785;
}
#mainContent #workItems .workItem .workTitle p a:hover,
#mainContent #workItems .workItem .workTitle p a:active {
	color:#406caf;
}
#mainContent #workItems .workItem h2,
#mainContent #workItems .workItem .description h3 {
	color:#004785;
	width:440px;
	margin:0;
	line-height:1.3em;
}
#mainContent #workItems .workItem h2 {
	float:left;
	text-align:left;
	margin:0 0 10px 0;
	display:inline;
}
#mainContent #workItems .workItem .description h3 {
	font-size:1.8em;
	margin:0 0 10px 0;
	font-weight:normal;
}
#mainContent #workItems .workItem .description h3.create-h3,
#mainContent #workItems .workItem .description h3.communicate-h3 {
	padding:10px 0 0 0;
}
#mainContent #workItems .workItem .description p,
#mainContent #workItems .workItem .description ul {
	color:#222222;
	width:440px;
	margin:0 0 10px 0;
}
#mainContent #workItems .workItem .description p {
	font-size:1.2em;
}
#mainContent #workItems .workItem .description ul li {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 0;
}
#mainContent #workItems .workItem .description ul li ul li {
	font-size:1em;
	font-weight:normal;
	margin:0;
}
#mainContent #workItems .workItem .description ul li ul {
	margin:0;
}
#mainContent #workItems .workItem .description blockquote {
	font-size:1.8em;
	line-height:1.3em;
	margin:20px 0 5px 0;
	padding:10px 0 0 0;
	color:#004785;
}
#mainContent #workItems .workItem .description cite {
	font-size:1.2em;
	line-height:1.3em;
	font-style:normal;
	font-weight:bold;
}
#mainContent #workItems .workItem .layout {
	width:440px;
	padding:20px 0 0 0;
	float:left;
	text-align:right;
}
#clientLogos {
	width:940px;
	padding:40px 0 0 0;
	float:left;
	clear:both;
}
#clientLogos h3 {
	font-size:1.2em;
	margin:0 0 10px 0;
}
#clientLogosStrip {
	width:940px;
	padding:40px 0 0 0;
}
#clientLogosStrip h3 {
	font-size:1.2em;
	margin:0 0 10px 0;
	float:left;
	clear:both;
	width:940px;
}
#clientLogosStrip #logos {
	width:920px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(../images/clientlogos-bg.png) left top repeat;
}
#clientLogosStrip #logos img {
	margin:0 18px 0 0;	
}
#clientLogosStrip #logos img.last {
	margin:0;	
}
#footer {
	width:940px;
	clear:both;
	float:left;
	border-top:solid 1px #FFFFFF;
	font-size:1.1em;
	line-height:1.3em;
	padding:5px 0 40px 0;
}
#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	font-weight:bold;
}
#footer a:hover,
#footer a:active {
	color:#004785;
}
#footerBlock {
	padding:20px 0;
	clear:both;
}
#footerContent {
	width:940px;
	margin:0 auto;
	padding:15px 0 10px 0;
	background:#03395f;
}
.footerSection {
	float:left;
}
#contactDetails {
	width:360px;
	padding:0 20px;
}
#contactYou {
	width:270px;
	padding:0 0 0 20px;
}
#contactConnect {
	width:146px;
	padding:0 0 0 100px;
}
.footerSection p {
	font-size:1.2em;
	line-height:1.3em;
	padding:0 0 2px 0;
	color:#E4E4E4;
}
#contactConnect p {
	padding:0 0 10px 0;
}
.footerSection label {
	font-size:1.2em;
	color:#E4E4E4;
}
.footerSection a:link,
.footerSection a:visited {
	color:#FFFFFF;
	font-weight:bold;
}
.footerSection a:hover,
.footerSection a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
.footerSection h3 {
	font-size:1.3em;
	line-height:1.3em;
	margin:0 0 10px 0;
}
#contactYou div {
	float:left;
	clear:both;
	width:270px;
	padding:0 0 5px 0;
}
.footerSection form div.error {
	width:207px;
	padding:0 0 5px 63px;
	font-size:1.1em;
	font-style:italic;
}
#contactYou div label {
	width:60px;
	float:left;
	padding:4px 3px 3px 0;
}
#contactYou div.formField input {
	border:none;
	background:#e9eef9;
	font-family:arial, helvetica, sans-serif;
	font-size:1.2em;
	width:200px;
	color:#333333;
	padding:2px 3px;
	float:right;
}
#contactYou div.btnField {
	padding:5px 0 0 0;
}
#contactYou div input {
	float:right;
}