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

* {
	padding: 0; /* global margin and padding reset */
	margin: 0;
	outline:none;  /* This removes the outlines on the navigation items that go of the edge of the page due to textindent */
}

body {
	padding-bottom: 20px;
	color:#4f4f4f;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	width:100%;
}

/*------------------------------------------------------------------------------------------------------*/
/*											Layout														*/
/*------------------------------------------------------------------------------------------------------*/	


#frame {
	width: 100%;;
	text-align: left;
}
#grey-wrap {
	float:left;
	background: #f6f6f6;
	width:100%;
	padding-top:30px;
	}
#navigation {
	float:left;
	width:990px;
	margin-bottom:35px;
	}
	
#col1 {
	float:left;
	width:700px;
	background:#f6f6f6;
	
	}
#col2 {
	float:left;
	width:220px;
	padding: 61px 10px 0 60px;
	background:#f6f6f6;
	}

#content {
	float:left;
	padding: 20px 20px 0 220px;
	width: 460px;
	}
#footer {
	float:left;
	padding: 20px 0px 20px 220px;
	width:720px;
	}
	
/*------------------------------------------------------------------------------------------------------*/
/*											Tags														*/
/*------------------------------------------------------------------------------------------------------*/	

p { font-size: 1.2em; margin-bottom:1em; line-height: 1.5em;}

#col2 p { font-size:1.1em; line-height: 1.4em;}

a:link, a:visited {color:#00a4e4;}

#col2 a:link,
#col2 a:visited {text-decoration:none;}

a:hover, a:visited:hover {color:#00a4e4;}

h2 { font-size:1.6em; font-weight:normal; margin-bottom:0.5em; }

h3 { font-size:1.4em; font-weight:normal; margin-bottom:0.5em; }

hr { color:#959596; margin-top:15px; margin-bottom:15px; background-color: #959596;	height:1px;	border:0; }

hr.white { color:#ffffff; margin-top:15px; margin-bottom:15px; background-color: #ffffff;	height:1px;	border:0; }

.light-grey {color:#9e9f9f;}

.blue {color:#00a4e4;}



#content ul {list-style:none;font-size:1.2em; margin-bottom:1em;}
#content ul li {margin-bottom:0.5em;}
#content ul.strong {font-size:1.4em; margin-bottom:1em;margin-top:1em;}

#content ol {font-size:1.2em; margin-left:1.9em;}
#content ol li {margin-bottom:0.5em;line-height: 1.5em;}


/*------------------------------------------------------------------------------------------------------*/
/*											Forms														*/
/*------------------------------------------------------------------------------------------------------*/

.newsletter { border:1px solid #cccccc; color:#9e9f9f; font-size:1.1em; }

label {vertical-align:top; width:190px; margin-right:10px; display:block; float:left; text-align:right;}

.textbox {width:220px;}

form {margin-top:20px;}

fieldset {display:none;}
	
/*------------------------------------------------------------------------------------------------------*/
/*											Masthead													*/
/*------------------------------------------------------------------------------------------------------*/	

.logo {
	display:block;
	float:left;
	text-indent:-1000em;
	background-image:url(../images/common/logo.gif);
	width:216px;
	height:132px;
	}
	
/*------------------------------------------------------------------------------------------------------*/
/*											Global Navigation											*/
/*------------------------------------------------------------------------------------------------------*/	

#global-nav {
	float: left;
	list-style: none;
	width:78px;
	margin: 32px 0 0 0;
	padding: 0;
}
#global-nav li {
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}
#global-nav li a {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}
#global-nav li a:hover {
	background-position: -88px 0;
}
#global-nav li a.current, #global-nav li a.current:hover {
	background-position: -88px 0;
}
#nav0 {
	width: 78px;
	height: 14px;
	background: url(../images/common/nav/home.gif) 0 0 no-repeat;
}
#nav1 {
	width: 78px;
	height: 16px;
	background: url(../images/common/nav/about.gif) 0 0 no-repeat;
}
#nav2 {
	width: 78px;
	height: 17px;
	background: url(../images/common/nav/services.gif) 0 0 no-repeat;
}
#nav3 {
	width: 78px;
	height: 18px;
	background: url(../images/common/nav/clients.gif) 0 0 no-repeat;
}
#nav4 {
	width: 78px;
	height: 17px;
	background: url(../images/common/nav/news.gif) 0 0 no-repeat;
}
#nav5 {
	width: 78px;
	height: 18px;
	background: url(../images/common/nav/contact.gif) 0 0 no-repeat;
}
/*------------------------------------------------------------------------------------------------------*/
/*											Footer Navigation											*/
/*------------------------------------------------------------------------------------------------------*/	

#footer-nav {
	list-style:none;
	float:left;
	}
#footer-nav li { float:left; margin-right:2em; font-size:1.2em;}

#footer-nav li a:link, #footer-nav li a:visited  {text-decoration:none;}

.clarity {float:right; margin: 0 0 0 0;}

a.grey:link, a.grey:visited  {text-decoration:underline; color:#9e9f9f;}

/*------------------------------------------------------------------------------------------------------*/
/*											Logos														*/
/*------------------------------------------------------------------------------------------------------*/	

.gsa {
	display:block;
	text-indent:-1000em;
	background:url(../images/logos/gsa.gif);
	width:145px;
	height:58px;
	}
	
.made {
	display:block;
	text-indent:-1000em;
	background: url(../images/logos/made.gif);
	width:120px;
	height:38px;
	}
	
.pitch {
	display:block;
	text-indent:-1000em;
	background: url(../images/logos/pitch.gif);
	width:110px;
	height:61px;
	}
.ward {
	display:block;
	text-indent:-1000em;
	background: url(../images/logos/ward-lovett.gif);
	width:110px;
	height:63px;
	}

/*------------------------------------------------------------------------------------------------------*/
/*											Titles														*/
/*------------------------------------------------------------------------------------------------------*/	


.home {
	display:block;
	text-indent:-1000em;
	width:700px;
	height:41px;
	background-image:url(../images/titles/homes.gif);
	}
.agency-visitors {
	display:block;
	text-indent:-1000em;
	width:131px;
	height:24px;
	background-image: url(../images/titles/agency-visitors.gif);
	}
.clarity-digital-news {
	display:block;
	text-indent:-1000em;
	width:134px;
	height:17px;
	background-image: url(../images/titles/clarity-digital-news.gif);
	}
	
.blog {
	display:block;
	text-indent:-1000em;
	width:40px;
	height:21px;
	background-image: url(../images/titles/blog.gif);
	}
.industry-news {
	display:block;
	text-indent:-1000em;
	width:100px;
	height:22px;
	background-image: url(../images/titles/industry-news.gif);
	}
.sign-up {
	display:block;
	text-indent:-1000em;
	width:196px;
	height:19px;
	background-image: url(../images/titles/sign-up.gif);
	}	
	
.about {
	display:block;
	text-indent:-1000em;
	width:440px;
	height:40px;
	background-image: url(../images/titles/abou.gif);
	}
.services {
	display:block;
	text-indent:-1000em;
	width:620px;
	height:39px;
	background-image: url(../images/titles/services.gif);
	}
.clients {
	display:block;
	text-indent:-1000em;
	width:280px;
	height:34px;
	background-image: url(../images/titles/clients.gif);
	}
.contact {
	display:block;
	text-indent:-1000em;
	width:619px;
	height:39px;
	background-image: url(../images/titles/contact.gif);
	}
.privacy {
	display:block;
	text-indent:-1000em;
	width:437px;
	height:43px;
	background-image: url(../images/titles/privacy.gif);
	}
.sitemap {
	display:block;
	text-indent:-1000em;
	width:437px;
	height:43px;
	background-image: url(../images/titles/sitemap.gif);
	}
.thanks {
	display:block;
	text-indent:-1000em;
	width:437px;
	height:43px;
	background-image: url(../images/titles/thankyou.gif);
	}