html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font-family: verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	font-size: small; 
	line-height: 150%; 
	color: #7f7f7f;  
	background: #fff; 
	} 

#inner  { 
	width: 931px; 
	margin: 0 auto; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	margin: 20px 0 0 0; 
	} 

#mainnav  { 
	float: left; 
	width: 206px; 
	} 

#slogan  { 
	float: right; 
	width: 725px; 
	height: 301px; 
	margin: 20px 0 0 0; 
	background: #87bc1f; 
	border-top: 1px solid #87bc1f; 
	} 

#slideshow  { 
	float: right; 
	width: 301px; 
	color: #fff; 
	} 

ul#nav  { 
	float: left; 
	width: 206px; 
	padding: 10px 0 0 0; 
	list-style-type: none; 
	} 

#main  { 
	float: left; 
	width: 100%; 
	margin: 10px 0 0 0; 
	padding: 0 0 20px 0; 
	border-bottom: 1px solid #9dc847; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	margin: 20px 0 0 0; 
	padding: 0 0 20px 0; 
	} 

#casestudies  { 
	float: left; 
	width: 300px; 
	padding: 0 0 0 50px; 
	} 

#otherclients  { 
	float: left; 
	width: 300px; 
	padding: 0 0 0 30px; 
	} 

#clientsprimary  { 
	float: left; 
	width: 580px; 
	} 

#primary  { 
	float: left; 
	width: 450px; 
	} 

#secondary  { 
	float: right; 
	width: 450px; 
	} 



/* << navigation menus >> */ 


ul#nav li  { 
	float: left; 
	width: 206px; 
	padding: 0; 
	} 

#nav a  { 
	float: left; 
	width: 206px; 
	display: block; 
	margin: 0; 
	padding: 0.5em 0; 
	color: #87bc1f; /* slogan green */ 
	font-size: 130%; 
	text-decoration: none; 
	} 

#nav a:hover  { 
	color: #535252; /* dark grey */ 
	} 

#nav a:active  { 
	color: #000; 
	} 

body#index ul#nav li#navindex a, 
body#promotional ul#nav li#navpromotional a, 
body#personnel ul#nav li#navpersonnel a, 
body#clients ul#nav li#navclients a, 
body#support ul#nav li#navsupport a, 
body#contact ul#nav li#navcontact a  { 
	color: #535252; /* dark grey */ 
	} 

body#index ul#nav li#navindex a:hover, 
body#promotional ul#nav li#navpromotional a:hover, 
body#personnel ul#nav li#navpersonnel a:hover, 
body#clients ul#nav li#navclients a:hover, 
body#support ul#nav li#navsupport a:hover, 
body#contact ul#nav li#navcontact a:hover  { 
	color: #535252; /* dark grey */ 
	cursor: default; 
	} 





/* << other links >> */ 


a:link, 
a:visited  { 
	color: #87bc1f; /* slogan green */ 
	text-decoration: underline; 
	} 

a:hover { 
	color: #535252; /* dark grey */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #2f45cb; /* bright blue */ 
	outline: none; 
	} 

a:active  { 
	color: #000;  
	} 

h1 a  { 
	float: left; 
	width: 206px; 
	height: 99px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/logo.jpg) no-repeat 0 0;   
	} 

#slideshow a  { 
	color: #000; 
	} 

#slideshow a:hover  { 
	color: #fff; 
	} 

#casestudies ul li a  { 
	float: left; 	
	width: 227px; 
	height: 40px; 
	padding: 0 0 0 60px; 
	text-decoration: none; 
	border: 1px solid #fff; 
	} 

#casestudies ul li a:hover  { 
	border: 1px solid #87bc1f; 
	} 





/* << headers >> */ 


h1  { 
	float: left; 
	width: 206px; 
	height: 99px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/logo.jpg) no-repeat 0 0;   
	} 

h2  { 
	float: left; 
	width: 422px; 
	height: 301px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/personal1.gif) no-repeat 0 0;   
	} 

body#promotional h2  { 
	background: url(images/h2promotional.gif) no-repeat 0 0;   
	} 

body#personnel h2  { 
	background: url(images/h2promotionstaff.gif) no-repeat 0 0;   
	} 

body#clients h2  { 
	background: url(images/h2clients.gif) no-repeat 0 0;   
	} 

body#support h2  { 
	background: url(images/h2support.gif) no-repeat 0 0;   
	} 

body#contact h2  { 
	background: url(images/h2contact.gif) no-repeat 0 0;   
	} 

body#atandt h2  { 
	background: url(images/h2atandt.gif) no-repeat 0 0;   
	} 

body#memedia h2  { 
	background: url(images/h2memedia.gif) no-repeat 0 0;   
	} 

body#setrains h2  { 
	background: url(images/h2setrains.gif) no-repeat 0 0;   
	} 

body#transport h2  { 
	background: url(images/h2transport.gif) no-repeat 0 0;   
	} 

h3  { 
	margin: 0; 
	padding: 15px 0 0 0; 
	font-size: 140%; 
	line-height: 140%; 
	font-weight: normal; 
	} 





/* << paragraphs >> */ 


p  { 
	margin: 0; 
	padding: 0.8em 0 0 0; 
	} 

#siteinfo p  { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0.2em 0 0 0; 
	font-size: 80%; 
	text-align: center; 
	} 

#casestudies p  { 
	padding: 0.8em 0 0 0; 
	} 

body#clients #casestudies p  { 
	padding: 0.4em 0 0 0; 
	} 




/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style-type: disc; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#siteinfo ul  { 
	display: inline; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding: 0 0 20px 0; 
	line-height: 140%; 
	} 

#siteinfo ul li  { 
	display: inline; 
	margin: 0; 
	padding: 0 1em; 
	border-left: 5px solid #87bc1f; 
	} 

body#promotional #main ul  { 
	float: left; 
	width: 180px; 
	padding: 10px 0 0 20px; 
	} 

body#promotional #main ul#promo2  { 
	width: 230px; 
	} 

body#promotional #main ul#promo3  { 
	width: 190px; 
	} 

body#promotional #main ul#promo4  { 
	width: 250px; 
	} 

#casestudies ul  { 
	padding: 0; 
	} 

#casestudies ul li  { 
	float: left; 	
	width: 285px; 
	height: 42px; 
	line-height: 42px; 
	list-style-type: none; 
	margin: 5px 0 0 0; 
	padding: 0; 
	} 

#casestudies ul li#tfl  { 
	background: url(images/tfllogo.gif) no-repeat 5px 50%; 
	} 

#casestudies ul li#set  { 
	background: url(images/setrainslogo.gif) no-repeat 5px 50%; 
	} 

#casestudies ul li#me  { 
	background: url(images/memedialogo.gif) no-repeat 5px 50%; 
	} 

#casestudies ul li#att  { 
	background: url(images/attlogo.gif) no-repeat 5px 50%; 
	} 

dl  { 
	float: left; 
	margin: 0; 
	padding: 0 80px 0 0; 
	} 

dt  { 
	margin: 0; 
	padding: 15px 0 0 0; 
	font-size: 140%; 
	line-height: 140%; 
	font-weight: normal; 
	} 

dd  { 
	padding: 0 0 0 0.5em; 
	} 





/* << minor, decorative elements >> */ 


img  { 
	float: left; 
	margin: 0; 
	padding: 0; 
	border: none;  
	} 

em  { 
	font-weight: bold; 
	font-style: normal; 
	} 
 
cite  { 
	font-style: italic; 
	} 

.job  { 
	font-size: 80%; 
	font-style: normal; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #7f7f7f; /* text colour */ 
	cursor: help; 
	}