/* BASE ***********************************************************************************************************************/

/* fix the clear float on container div issues */
/* to fix duplicate text bug apply margin of -3px to the last float:left element */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}

*		{padding:0; margin:0;}
body	{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#d4ebf9 url(/images/body.jpg) top center no-repeat;}
h1		{font-size:22px; font-weight:normal; padding-bottom:2px; color:#1a8cb8;}
h2		{font-size:16px; font-weight:normal; letter-spacing:0px; color:#1a8cb8;}
h2 a:hover	{ text-decoration:underline; }
a		{text-decoration:none; color:#1a8cb8;}
a:focus	{outline:none;}

/* PAGE LAYOUT ***********************************************************************************************************************/

.container		{width:1000px; height:100%; margin:0 auto; background:#fdfffe /*url(/images/temp.jpg)*/;}
.topNav			{width:671px; padding-left:329px; height:121px; background:#161617 url(/images/logo.gif) no-repeat; font-size:13px; letter-spacing:0px;} 
.banner			{width:1000px; overflow:hidden; position:relative; }
.leftColumn		{float:left; width:273px; padding-left:23px; padding-top:28px;}
.rightColumn	{float:left; width:704px; padding-bottom:30px; padding-top:28px;}
.footer			{clear:both; width:975px; padding-left:25px; height:50px; padding-top:20px; display:block; border-top:1px solid #e4e4e4; color:#5a696f; margin-top:1px;}
.divider		{width:677px; height:20px; border-bottom:1px solid #e4e4e4; clear:both;}

/* COMMON ELEMENTS ***********************************************************************************************************************/

.topNav li		 	{float:left; list-style:none;}
.topNav a 		 	{float:left; display:block; padding-left:14px; padding-right:14px; height:66px; padding-top:55px; margin-right:23px; color:#fdfffe;}
.topNav a.active	{background:url(/images/topNavActive.jpg) repeat-x;}

.leftColumn h2			{padding-top:7px; padding-bottom:9px;}
.leftColumn ul			{padding-top:3px; width:225px; border-top:1px solid #e4e4e4; list-style:none;}
.leftColumn li 			{height:24px; padding-top:13px; padding-left:39px; border-bottom:1px solid #e4e4e4; background:url(/images/bullet.jpg) no-repeat 12px 14px;}
.leftColumn li.active	{background:url(/images/bulletActive.jpg) no-repeat 12px 14px;}
.leftColumn li.active a {color:#5a696f;}
.leftColumn img			{padding-left:20px;}
.pageHeading			{width:680px; height:27px; padding-bottom:8px; border-bottom:1px solid #e4e4e4;}

.rightColumn h2	{padding-top:25px;}
.rightColumn ul	{color:#5a696f; list-style:none; padding-top:35px; float:left; margin-right:20px; }
.rightColumn ul.noPadding {padding-top:10px; float:left; width:480px;}
.rightColumn li	{padding-left:30px; padding-bottom:16px; vertical-align:middle; background:url(/images/listBullet.jpg) no-repeat 17px 4px;}
.rightColumn img {margin-right:25px; margin-left:25px; margin-top:25px; border:1px solid #e4e4e4;}
.rightColumn p	{color:#5a696f; line-height:22px; padding-top:18px; margin-right:20px; width:480px;}
.rightColumn p.narrow	{width:350px;}
.rightColumn p.indent {padding-left:30px;}
.rightColumn p.noPadding {padding-top:0px;}
.rightColumn p.right {float:left;}
.rightColumn p.wide {width:680px;}
.rightColumn .linkBullet {margin:0px; vertical-align:middle; padding-left:5px; border:none; }

a.action	{display:block; float:left; clear:left; margin-top:10px; margin-bottom:10px; width:235px; padding-left:15px;  height:27px; padding-top:3px; background:url(/images/actionArrow.gif);}

.footer p {color:#787878; font-size:9px; letter-spacing:0px; padding-top:0px; line-height:12px;}

/* HOMEPAGE ***********************************************************************************************************************/

#homePage .banner {height:474px; background:url(/images/homePageBanner1.jpg) no-repeat; cursor:pointer;}

/* WHAT IS WAYFINDING ***********************************************************************************************************************/

#whatIsWayfinding .banner {height:183px; background:url(/images/whatIsWayfindingBanner.jpg) no-repeat top left;}
#youTubeBackground	{float:left; margin-top:20px;width:470px; height:381px; background:url(/images/backgroundYouTube.jpg);}
#youTubeInfo	{float:right; padding-right:30px; width:155px; padding-top:20px; color:#5a696f; line-height:22px; }
/* CLIENTS ***********************************************************************************************************************/

#clients .banner {height:183px; background:url(/images/ClientsBanner.jpg) no-repeat top left;}

/* CASE STUDIES ******************************************************************************************************************/

.imageViewer	{width:190px; height:260px; float:right; margin-top:25px;}
.imageViewer span {color:#5a696f; text-align:center; font-size:10px; font-style:italic; width:160px; height:20px; padding-top:5px; float:left; display:block; }
.imageViewer img {float:left; margin-left:0px; margin-top:0px;}
.imageViewer .thumbnail	{width:45px; height:45px; border:1px solid #e4e4e4; float:left; margin-left:0px; margin-top:5px; margin-right:10px; cursor:pointer;}
.downloadLink	{display:block; float:left; margin-top:20px; width:170px; padding-left:30px; height:23px; padding-top:7px; background:url(/images/download.gif);}
.backToTopLink	{display:block; float:right; margin-top:20px; margin-right:30px; width:120px; padding-left:10px;  height:23px; padding-top:7px; background:url(/images/top.gif);}
/* SERVICS ***********************************************************************************************************************/

#services .banner {height:183px; background:url(/images/ServicesBanner.jpg) no-repeat top left;}

/* ABOUT US *******************************************************************************************************************/

#aboutUs .banner {height:183px; background:url(/images/aboutUsBanner.jpg) no-repeat top left;}

/* CONTACT US *******************************************************************************************************************/

#contactUs .banner {height:183px; background:url(/images/contactUsBanner.jpg) no-repeat top left;}

#contactUs .rightColumn h2 	{padding-top:25px; width:150px;}
#contactUs .rightColumn p	{padding-top:0px; width:150px;}

#contactForm				{width:200px; padding-left:10px; border-top:1px solid #e4e4e4;}
#contactForm label			{display:block; width:150px; height:20px; padding-top:20px; font-size:13px; color:#5a696f;}
#contactForm textarea 		{width:180px; height:100px; padding-top:2px; padding-left:4px; border:1px solid #e4e4e4; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
#contactForm .textInput		{width:180px; height:20px; padding-top:2px; padding-left:4px; border:1px solid #e4e4e4;}
#contactForm .formButton	{width:184px; height:30px; margin-top:20px; margin-bottom:10px;}

#mapContainer	{width:450px; height:400px; float:right; margin-top:20px; margin-right:25px; border: 1px solid #88847d;}
#map			{width:450px; height:400px;}

#mapPopup		{height:100px; width:50px;}
#mapPopup p 	{line-height:13px;}

#mapPostcode				{background-image:url(/images/directions.png); height:40px; width:298px; margin-left:152px; margin-top:360px; position:absolute; z-index:500;}
#mapPostcode form 			{padding-left:150px; padding-top:6px;}
#mapPostcode #postcode 		{background:none; border:none; color:#5a696f; float:left; font-size:12px; margin-right:18px; margin-top:2px; padding:3px 4px; width:90px; height:16px;}

#map_directions 		{float:right; margin-right:21px; width:450px; font-size:12px;}

#map_directions_print 	{display:none; margin:0px 0 0 0px;position:relative;left:550px; top:105px; z-index:500; }
#map_directions_print a {}
#map_directions_print img {border:none;}