/* commonly used site-wide styles */

	.green { color: #669900; }
	.darkgreen { color: #7b8f14; } 
	.orange { color: #cf7011; }
	.blue { color: #1170ff; }
	.grey { color: #666666; }
	.floatleft { float: left ; }	
	.floatright { float: right ; }	
	.underline { text-decoration: underline; }
	a.hover-noline:hover { text-decoration: none ; }
	a.hover-line:hover { text-decoration: underline; }
	.bordershow { border: 1px solid black ; }

	/* green button */
	
	a.button {
		background: transparent url('../img/viewcasestudy-right.gif') no-repeat scroll top right;
		color: #444;
		display: block;
		float: left;
		font: normal 10px Verdana;
		color: #000 ;
		font-weight: bold ;
		height: 21px;
		margin-right: 6px;
		padding-right: 16px; /* sliding doors padding */
		text-decoration: none;
		margin-bottom:20px;
	}

		a.button:hover {
			background-position: bottom right;
			color: #000;
			outline: none; /* hide dotted outline in Firefox */
		}

		a.button span{
			background: transparent url('../img/viewcasestudy-left.gif') no-repeat;
			display: block;
			line-height: 11px;
			color: #000 ;
			padding: 3px 0 7px 16px;
			
		}
		
			a.button:hover span {
				background-position: bottom left;
				padding: 3px 0 7px 16px; /* push text down 1px */
			}
		
	/* yellow read more - sticker button */
		
	a.read-more-pic {
		margin-left: 60px ;
		margin-top: 20px ;
		display:block;
		background: #8cd6f5 url(../img/read_more.gif) repeat-x top;
		width: 122px ;
		height: 21px ;
	}
			
	hr {
		margin:20px 40px;
		clear:both;
		border:none;
		height: 1px ;
		background-color:#fff;
		border-top:1px solid #dbe7d5;
	}

/* start of the main body page */
		
body {
	background: #8cd6f5 url(../img/bk_body.jpg) repeat-x top;
	margin: 0px ;
	padding:0px ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	min-height: 500px ;
	height: 100% ;	
}
	
	/* background styles */
	
	.clouds-left {
		background: url(../img/body_bg_cloudleft.jpg) no-repeat top left ;
		width: 100%;
		height: 100%;
		min-height: 500px ;
	}
	
	.clouds-right {
		background: url(../img/clouds_right.jpg) no-repeat top right ;
		width: 100%;
		height: 100%;
		min-height: 500px ;
		
	}
	.clouds-middle {
		background: url(../img/clouds_middle.jpg) no-repeat center 313px ;
		width: 100%;
		height: 100%;
		min-height: 500px ;
	}

	.clouds-bottom {
		background: url(../img/body_bg_cloudbottom.jpg) repeat-x bottom center ;
		width: 100%;
		min-height: 500px ;
		height: 100%;		
	}
	
	/* main page body styles - not the HTML body start styles */
	
	.body {
		width: 874px ;	
		margin-right: auto;
		margin-left: auto;
		height: auto; 
		min-height: 100%;
		padding-bottom: 223px;	
	}
	
	/* these styles are for the contact bar and note at the top of the page */
	
	.topnote {
		position:absolute;
		width:125px;
		height:125px;
		right:0px;
		top:0px;
		behavior: url(../iepngfix.htc) ;
	}
	.topnote.aboutus {
		background:transparent url(../img/notes/aboutus.gif) no-repeat top right;
		width:250px;
		height:200px;
		}
	.topnote.howwework {
		background:transparent url(../img/notes/howwework.png) no-repeat top right;
		width:325px;
		height:355px;
		top:-6px;
		right:-10px;
		}
	.topnote.whatwedo {
		background:transparent url(../img/notes/whatwedo.gif) no-repeat top right;
		width:307px;
		height:132px;
		right:-13px;
		top:-4px;
		}
		
	.topnote.contact {
		background:transparent url(../img/notes/contact.png) no-repeat top right;	
		width:290px;
		height:204px;
		right:0px;
		top:0px;
	}
	.topnote.careers {
		background:transparent url(../img/notes/careers.jpg) no-repeat top right;	
		width:190px;
		height:238px;
		right:-0px;
		top:-0px;
	}
	.topnote.team {
		background:transparent url(../img/notes/team.gif) no-repeat top right;	
		width:320px;
		height:170px;
		right:-0px;
		top:-0px;
	}
	.topnote.casestudies {
		background:transparent url(../img/notes/casestudies.png) no-repeat top right;	
		width:190px;
		height:130px;
		right:-9px;
		top:-6px;
	}
	.topnote.blogs {
		background:transparent url(../img/notes/blogs.gif) no-repeat top right;	
		width:320px;
		height:130px;
		right:-0px;
		top:-0px;
	}
	.top-contact-container{
		height: 26px ;
		}
	.top-contact {
		background-color: #1d2e3e ;
		color: #bfbfb5 ;
		padding: 3px ;
		width: 270px ;
		text-align: center ;
		float: right ;
		line-height:20px;
		margin-right: 0px ;
		border-left: 1px solid #4e5a6a ;
		border-right: 1px solid #131d26 ;
		
	}

		.top-contact a {
			color: #bfbfb5 ;
		}
		
			.top-contact a:hover{
				text-decoration: none ;
			}
	
	/* this is the clearfix technique for the footer positioning */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.clearfix {
		display: inline-block;
	}
	
	/* hides from IE-mac */
	
	* html .clearfix { height: 1%; }
	.clearfix {	display: block;	}
	
	/* left hand side bar */
	
	.left {
		width: 174px ;
		float:left ;
		margin-top: 25px ;
	}
	
		.left .logo {
			margin: 0px ;
			padding: 0px ;
			/*behavior: url(../iepngfix.htc) ;*/
			width: 174px ;
			height: 172px ;
			
		}
		
		.left h1  {
			margin: 0px ;
			padding: 0px ;
			height: 172px ;
		}
	
		.left .navigation {
			height: 297px ;
			width: 174px ;
			padding: 0px ;
			margin: 0px ;
			background: url(../img/menu_bg.jpg) no-repeat ;
		}
		
			/* main menu styles */
	
			.left .navigation ul.menu {
				list-style-type:none;	
				padding: 0px ;
				margin:0px;
				border-top: 1px solid #000 ;
				margin-top: -1px ;
			}
			
				.left .navigation ul.menu li {
					display: block ;
					width: 174px ;
					height: 33px ;
					font-weight: bold ;
					margin: 0px ;
					padding: 0px ;
				}
								
				/* menu list item anchor styles with backgrounds (icons) */
				
				.left .navigation ul.menu li.nolink {
					width: 174px ;
					height: 0px ;
					margin: 0px ;
					padding: 0px ;					
				}
					
				.left .navigation ul.menu li a {
					width: 144px ;
					height: 33px ;
					line-height: 33px ;
					margin: 0px ;
					padding: 0px 15px;
					font-size:14px;
					font-weight:normal;
					color: #fff ;
					display: block ; 
					text-decoration: none ;
				}
				
				.left .navigation ul.menu li a:hover {
					background: url(../img/menu_bg_hover.jpg)  ; 
					color:#fff;
				}
				.left .navigation ul.menu li a.selected {
						background-image: url(../img/menu_bg_selected.jpg); 		
						color: #000 ;
					}
					
					.left .navigation ul.menu li a.selected:hover {
						background-image: url(../img/menu_bg_selected.jpg);
					}
				
					.left .navigation ul.menu li#item02 a:hover , .left .navigation ul.menu li#item02 a.selected , .left .navigation ul.menu li#item02 a.selected:hover {background-position:left 0px ;}
					.left .navigation ul.menu li#item03 a:hover , .left .navigation ul.menu li#item03 a.selected , .left .navigation ul.menu li#item03 a.selected:hover {background-position:left -33px;}
					.left .navigation ul.menu li#item04 a:hover , .left .navigation ul.menu li#item04 a.selected , .left .navigation ul.menu li#item04 a.selected:hover {background-position:left -66px;}
					.left .navigation ul.menu li#item05 a:hover , .left .navigation ul.menu li#item05 a.selected , .left .navigation ul.menu li#item05 a.selected:hover {background-position:left -99px;}
					.left .navigation ul.menu li#item06 a:hover , .left .navigation ul.menu li#item06 a.selected , .left .navigation ul.menu li#item06 a.selected:hover {background-position:left -132px ;}
					.left .navigation ul.menu li#item07 a:hover , .left .navigation ul.menu li#item07 a.selected , .left .navigation ul.menu li#item07 a.selected:hover {background-position:left -165px ;}
					.left .navigation ul.menu li#item08 a:hover , .left .navigation ul.menu li#item08 a.selected , .left .navigation ul.menu li#item08 a.selected:hover {background-position:left -198px ;}
					.left .navigation ul.menu li#item09 a:hover , .left .navigation ul.menu li#item09 a.selected , .left .navigation ul.menu li#item09 a.selected:hover {background-position:left -231px ;}
					.left .navigation ul.menu li#item10 a:hover , .left .navigation ul.menu li#item10 a.selected , .left .navigation ul.menu li#item10 a.selected:hover {background-position:left -264px ;}

					/* setting the menu icons here */
					
	/* footer section of the menu with the quotes */
	
	.quotes {
		height: 235px ;
		width: 164px ;
		padding:55px 5px 10px 5px;
		background: url(../img/menu_footer.jpg) no-repeat top left; 
	}
	
	.quotes .quotecontent {
		height: 175px ;
	}
	
		.quotes .icon {
			float: left;
			margin: 10px ;	
		}
		
		.quotes a {


			color: #0074cd ;

			font-weight: bold ;
		}
		
			.quotes a.link:hover {
				text-decoration:  underline ;
			}
			
		.quotes .type {
			font-size: 12px ;
			color: #333;
			font-weight:bold;
			margin-left: 10px 	;
		}

		.quotes .source {
			font-size: 11px ;
			color: #333;
			margin: 0px ;
			padding: 0px ;
			margin-left: 10px 	;
		}
		.quotes .date {
			font-size: 9px ;
			font-family:Verdana, Geneva, sans-serif;
			color: #333;
			margin: 0px ;
			padding: 0px ;
			margin-left: 10px 	;
		}
		
		.quotes h4 {
			margin: 10px ;
			font-size: 11px ;
			line-height:1.5em;
			color: #444 ;

		}
		.quotes .nav a{
			display:block;
			float:left;
			padding:3px 6px;
			color:#333;
			text-decoration:none;
		}
			.quotes .nav a:hover{
			color:#06F;	
			}
		.quotes .nav a.readmore{
			padding:5px 11px;
			}
		
	
	/* right hand side main page body */
	
	.main {
		background-color:#fff;
		/*background: white url(../img/main_bg_corner.gif) no-repeat top right ;*/	
		float: left ;	
		font-size:12px;
		line-height:1.5em;
		margin-top: -1px ;
		min-height:780px;
		width: 700px ;
		position:relative;
	}
	
		/* header part of the main side with the screen and blackboard */
	
		.main .headingtext {
			display: block ;
			margin-top: 40px ;
		}

		.main .header-main {
			background: url(../img/header_bg.jpg) no-repeat;	
			width: 700px ;
			height: 242px ;
		}
		
		.main .header-blank {
			width: 700px ;
			height: 30px ;
		}
		
			.main .header-main .screen {
				background: url(../img/screen.png) no-repeat;	
				width: 341px ;
				position: relative ;
				height: 295px ;
				top: -15px;
				left: 376px ;
				behavior: url(../iepngfix.htc) ;
			}
			
			
		/* this is the main content for the page - the plan paragraph */
		
		.main h2 {
			font-weight: normal ;
			font-size: 30px ;
			line-height:1.3em;
			padding: 0px;	
			margin: 35px 50px 25px 60px ;
			font-family: Arial, sans-serif, Arial, "Tahoma";
		}
		
		.main h2.oneline {
			margin: 40px 50px 50px 40px ;
			/*background: url(../img/divider.gif) no-repeat bottom left ;*/
			padding-bottom: 20px ;
			line-height:1em;

		}
		
		/* these are styles for the quick links at the top of pages */

		.pagelinks{
			margin: 0px 50px -45px 40px ;
			height:25px;
			position:relative;
			float:left;
			top:-45px;
			color:#ccc;
			padding-left:46px;
			background:transparent url(../img/pagelinks_quicklinks.gif) no-repeat top left;
		}
		
		.pagelinks	a{
			color:#63a7d5;
			font-size:12px;
			padding-right:5px;
			line-height:23px;
			background:#f6f6f6 url(../img/pagelinks_break.gif) no-repeat top left;
			padding-left:18px;
			border-top:1px #e3e3e3 solid;
			border-bottom:1px #e3e3e3 solid;
			display:block;
			float:left;
		}	
		
		.pagelinks	a:hover{
			color:#0074cd;
		}
		
		.pagelinks #pagelinkcap{
			background-image:url(../img/pagelinks_cap.gif);
			float:left;
			width:11px;
			height:25px;	
		}
		
		/* start of main content page area */
		
		.main .content p {
			color:#444;	
			font-size:14px;
			padding: 0px 50px 0px 60px;	
			margin-top: 5px ;
			margin-bottom: 20px ;
			line-height:1.5em;
		}
		
		.main .content blockquote{
			
			background: url(../img/blockquote.gif) no-repeat left top ;
		}
		.main .content blockquote p {
			color: #777 ; 
			font-style: italic;
			padding-left:40px;
			
		}
		
		.main .content p.introduction {
			padding: 10px 30px 10px 20px;	
			margin: 10px 30px 20px 40px;
			font-size:14px ;
			background:#FFFFCC;
			border:thin #f5e9bf solid;
			border-left-color:#faf1d2;
			border-right-color:#faf1d2;
		}
		
		.main .content p.product_logos {
			margin-bottom:10px;
			padding-top: 10px ;
			padding-bottom:0px;
		}
		
		.main .content p.logos {
			text-align: center ;
		}
		
			.main .content p.logos img {
				margin: 20px ;
			}
		
			/* these are the more general page styles */
			
			.main .content h3 {
				clear:both;
				font-size: 22px ;
				color: #669900 ;
				font-weight: normal ;
				margin-left: 40px ;
				margin-top: 30px ;
				margin-bottom: 20px ;
				padding: 20px;
				padding-bottom:10px;
				width:85% ;
				border-top:1px solid #dbe7d5;
			}
			
			.main .content h4 {
				font-size: 16px ;
				color:#000;
				font-weight: bold ;
				margin: 30px 20px 0px 60px ;
			}
			.main .content .blogentry h3{
				font-size:16px;
				font-weight:bold;
				}
			.main .content .blogentry .thumb {
				width:180px; 
				padding:5px; 
				background-color:#eee;
				float:right;
				margin:20px;
				margin-top:-20px;
			}			
			.main .content .blogentry .author {
				text-align:center;
				color:#666;
				font-family:Verdana, Geneva, sans-serif;
				font-size:9px;
				margin-top:10px;
			}
			.main .content .blogentry .blogname {
				margin-left:60px;
				color:#000;
				/*font-family:Verdana, Geneva, sans-serif;
				font-size:10px;*/
				margin-top:-20px;
			}
			.main .content .blogentry blockquote{
				margin-left:30px;
			}
			.main .content .blogentry blockquote p{
				margin-left:0px;
				padding-left:30px;
			}
			
			.main .content a {
				color: #0074cd; 
			}
			
			.main .content p a:hover {
				text-decoration: none ;
			}
			
			/* this outlines a line of text with a rounded yellow border */
			
			.main .content .innerborder {
				background: url(../img/linehighlight_left.gif) no-repeat left ;
				height: 40px ;
				text-align: center ;
			}
			
				.main .content .innerborder .padding {
					padding-top: 8px ;
				}
				
					.main .content .innerborder .padding a{ 
						color: #0074cd; 
					}
					
						.main .content .innerborder .padding a:hover {
							text-decoration: none ;
						}
						
			.main .content .outerborder {
				background: url(../img/linehighlight_right.gif) no-repeat right ;
				height: 40px ;
				width: 300px ;
				margin-left: 60px ;
				margin-top: 40px ;
			}
			
	
			.main .content ul, .main .content ol {			
				color:#444;			
				font-size:14px;
				padding: 0px 50px 0px 60px;	
				margin-top: 5px ;
				margin-bottom: 20px ;
				line-height:1.5em;	
				margin-left: 40px ;
			}
			
			.main .content input {
				border: 1px solid #cccccc ;
				color: #666 ;
				height: 22px ;
				padding-top: 3px ;
			}
			
			.main .content table.contact-table {
				margin-left:60px; 
				color: #333 ;
				width: 630px ;
			}
			
			.main .content .contactInputBox {
				padding: 0px ;
				width: 300px ;
				color: #666 ;
				margin-bottom: 10px ;
				margin-top:3px ;
			}
			
			.main .content .contactTextareaBox {
				width: 400px ;
				height: 70px ;
				padding-top: 3px ;
				font-family: arial ;
				font-size: 12px ;
				border: 1px solid #cccccc ;
				color: #666 ;
			}
			
			.main .content .fieldexplanation {
				font-size: 11px ;
			}
			
			.main .content #btnContact {
				margin-left: 20px ;
				height: 30px ;
				padding-bottom: 5px ;
				width: 100px ;
				color: white;
				border-color: #b3ce1e;
				border-width: 1px ;
				background-color : #b3ce1e;
			}			
			
			.main .content form {
				display: block ;
				background: none ;
				padding-bottom: 20px ;
				margin-top:0px ; 
				padding-top: 0px ;
			}
			
			.main .content .comment {
				font-size: 14px ;
				color: #333333 ;
			}
			
			.main .content .comments {
				color: #1170ff;
			}
			
			.main .content .team {
				/*margin-left: 20px ;*/
				/*height: 330px ;*/
				margin-bottom:10px ;
				color:#666;
				font-size:13px;
				line-height:1.5em;
			}
			
			.main .content ul li {
				color: #333333 ;
			}
			
			.main .content .teamicon {
				float: left ;
				width: 270px ;
				height:320px;
				margin-left: 60px ;
				text-align: left;
				padding-top:20px;
				
			}
			
				.main .content .teamicon img {
					margin-bottom: 20px ;
					margin-right: 10px ;
					float: left ;
					border:1px #999 solid;
				}
				
				.main .content .teamicon .name  {
					display: block ;
					font-size:18px ;
					font-weight: bold ;
					text-decoration: none ;
					color: #333 ;
				}
				
				.main .content .teamicon .title{
					display: block ;
					font-size:12px ;
					text-decoration: none ;
					color: #333333 ;
					font-weight: bold ;
				}
				
				.main .content .teamicon .content {
					margin-bottom: 30px ;
					color: #333333 ;
				}
				
					.main .content .teamicon .content a {
						color: #1170ff;
					}
					
					.main .content .teamicon a.linkedinlink {
						background: url(../img/icons/linkedin-small.gif) no-repeat left center ;
						padding-left: 30px ;
						color: #1170ff;
						height: 16px ;
						text-decoration: none ;
					}
					
						.main .content .teamicon a.linkedinlink:hover {
							text-decoration: underline ;
						}
				
					.main .content .teamicon a.twitterlink {
						background: url(../img/icons/twitter-small.gif) no-repeat left center ;
						padding-left: 30px ;
						color: #1170ff;
						text-decoration: none ;
					}
					
						.main .content .teamicon a.twitterlink:hover {
							text-decoration: underline ;
						}
					
					.main .content .teamicon a.bloglink {
						background: url(../img/icons/rss-small.gif) no-repeat left center ;
						padding-left: 30px ;
						color: #1170ff;
						text-decoration: none ;
					}
					
						.main .content .teamicon a.bloglink:hover {
							text-decoration: underline ;
						}

			
			/* this is the case study image styles at the bottom of each case study page */
			
			.main .content  .image {
				margin-top:40px ;
				margin-bottom: 20px ;
			}
			
				.main .content  .image.mobileresearcher {
					background: url(../img/casestudies/mobileresearcher_bg.jpg) no-repeat right center ;
					height: 250px ;
				}
				
				.main .content  .image.pristinewater {
					background: url(../img/casestudies/pristinewater_bg.jpg) no-repeat right center ;
					height: 250px ;
				}
				
				.main .content  .image.sab {
					background: url(../img/casestudies/sab_bg.jpg) no-repeat right top ;
					height: 203px ;
				}
				
			/* contact page styles */
			
			#contact_form label {
				display: block ;
				float: left ;
				width: 130px ;
				color: #333 ;
				text-align: right ;
				padding-right: 20px ;
				font-weight:bold;
			}
			
			#contact_form textarea {
				width: 300px ;
			}
			
			#contact_form fieldset {
				padding: 30px ;
				border: 0px ;
				border: 3px solid #ffd863;
				margin: 10px 30px ;
				background:#fff url(../img/fieldset.jpg) repeat-x bottom left;
			}
			
			#contact_form fieldset p{
			padding-left:0px;
			}
			
			#contact_form legend {
				font-size: 16px ;
				font-weight: bold;
				color: #edc343;
				padding: 5px;
				padding-left: 35px ;
				background: #fff url(../img/numbers_01.gif) no-repeat 10px  5px ;
			}
			
				#contact_form legend.one {background: url(../img/numbers_01.gif) no-repeat 10px  5px ;}
				#contact_form legend.two {background: url(../img/numbers_02.gif) no-repeat 10px  5px ;}
			
			/* subsection menu styles */
			
			.main .content .subsections {
				list-style-type: none ;
				padding-left: 0px ;
				margin-left: 0px ;
			}
			
				.main .content .subsections li {
					display: block ;
					font-size: 14px ;
					height: 18px ;
					padding-top: 6px ;
					padding-left: 60px ;
					width: 600px ;
					background: url(../img/subsectionbg.gif) no-repeat top ;
				}
				
					.main .content .subsections li a {
						color: #1170ff; 
						text-decoration: none ;
					}
					
					.main .content .subsections li a:hover {
						text-decoration: underline ;
					}
					
					.main .content.casestudyinfo ul.info {
						list-style-type: none ;
					}
					
						.main .content.casestudyinfo ul.info li {
							background: url(../img/bullet.gif) no-repeat left top;
							display: block ;
							padding-left : 20px ;
						}
						
						.main .content.casestudyinfo ul ul{
							list-style-type: none ;
							display: block ;
							padding-left:0px;
						}
						
							.main .content.casestudyinfo ul.nested li {
								background: none ;
							}
				
		/* these are the 3 blocks on the home page */
		/* we specify a pixel margin width on the left to line the textbox with the heading */
				
		.main .home-boxes {
			width: 620px ;	
			margin-left: 40px ;
			margin-top: 20px ;
			font-size: 14px ;
		}

			/* this puts the yellow background on the blocks - top section */
		
			.main .home-boxes p {
				margin:0;
				padding:0;
				margin-bottom:10px;
			}
		
			.main .home-boxes .container {
				float:left;
				margin-left: 10px ;
				margin-right: 15px ;
				width: 160px ;
				padding: 0px 10px 10px 10px;
			}
			
				.main .home-boxes  h3 {
					font-weight: normal ;
					margin-left: 0px ;
					margin-top:10px ;
					padding:0;
					border:none;
				}				
				
				.main .home-boxes .outer-container .inner-container a {
					color: #1170ff ;
				}
				
					.main .home-boxes .outer-container .inner-container a:hover {
						color: #1170ff ;
						text-decoration: none ;
					}

		/* case studies main part */
		
		.main .casestudy-tabs .casestudy-bg {
			background: url(../img/casestudies/casestudy-bg.gif) repeat-x top ;
			padding: 0px ;
			margin: 50px 0px 3px 60px;
			width: 600px  ;
		}

		.main .casestudy-tabs .casestudy-bg .casestudy {
			width: 570px  ;
			height: 150px ;
			margin: 0px ;
			padding: 30px 0px 30px 30px;
		}
		
			.main .casestudy-tabs .casestudy-bg .casestudy h3.companyheader  {
				font-size: 18px ;
				font-weight: bold ;
				margin: 0px ;
				padding:0px ;
			}
		
			.main .casestudy-tabs .casestudy-bg .casestudy.mobileresearcher {
				background: url(../img/casestudies/casestudy-mobileresearcher.jpg) no-repeat right top ;
				padding-top: 10px ;
				padding-bottom: 0px ;
				height: 200px ;
			}
			
			.main .casestudy-tabs .casestudy-bg .casestudy.pristine {
				background: url(../img/casestudies/casestudy-pristine.jpg) no-repeat right top ;
				padding-top: 20px ;
				padding-bottom: 0px ;
				height: 190px ;
			}

			.main .casestudy-tabs .casestudy-bg .casestudy.sab {
				background: url(../img/casestudies/casestudy-sab.jpg) no-repeat right top ;
			}
			
			.main input.imagebutton {
				border: none ;
				width: 159px ;
				height: 29px ;
			}
			/* Case study pages */
			.casestudyscreen {
				position:absolute;
				background: url(../img/casestudies/pristinescreen.jpg) no-repeat top right;	
				width: 440px ;
				height: 300px ;
				top: 0px;
				right: 0px ;
				behavior: url(../iepngfix.htc) ;
			}
			.topnote {
		
		width:125px;
		height:125px;
		right:0px;
		top:0px;
		behavior: url(../iepngfix.htc) ;
	}
	.topnote.aboutus {
		background:transparent url(../img/notes/aboutus.gif) no-repeat top right;
		width:250px;
		height:200px;
		}
			
			
		/* download company profile button at the bottom of the home page */
	
		.main a.download {
			display: block ;
			font-size: 14px ;
			width:250px ;
			margin-right: auto;
			margin-left: auto;
			padding: 25px ;
			padding-left: 70px ;
			background: url(../img/booklet.gif) no-repeat;
			margin-bottom: 40px ;
			text-decoration: none ;
		}
		
			.main a.download:hover {
				text-decoration: underline ;
				color: #669900;	
			}
			
	/* horizontal footer menu at the bottom of the body */

	ul.footer {
		border-top:1px solid #dfeb9c ;
		float: left ;
		left: 175px ;
		list-style-type:none ;	
		padding: 0px ;
		margin: 0px ;
		background-color: white ; 
		height: 104px ;
		width: 700px ;
		background: url(../img/footer.png) no-repeat ;
		behavior: url(../iepngfix.htc) ;
	}
	
		ul.footer li {
			float: left ;
			display: block ;
			margin: 0px ;
			padding: 0px ;
			margin-top: 20px ;
			padding-left: 50px ;
		}
		
			ul.footer li a:hover {
				text-decoration: none ;
			}

	/* these are styles for the footer - everything below the the main body */
	
	.websitefooter {
		height: 223px; 
		width: 100% ;
		margin-top: -223px ;
		position: relative ;
		clear: both ;
		background-color: #FFF ;
	}
	
		.websitefooter .copyrightholder {
			width: 874px ;	
			margin-right: auto;
			margin-left: auto;
			height:20px ;
		}
	
			.websitefooter .copyrightholder .copyright {
				float: right ;
				text-align: center ;
				width: 155px;
				padding-top: 4px ;
				height: 16px ;
				background: url(../img/copyright.png) ;
				behavior: url(../iepngfix.htc) ;
			}

		/* this is the spanning container right under the copyright notice that holds the new footer */
		
		.websitefooter .footerspancontainer {
			width: 100% ;
			padding-top: 20px ;
			height: 183px ;
			border-top: 2px solid #a5c51a;
			background: url(../img/footerbg.gif) repeat-x;
		}
		
		.websitefooter .footercontainer {
			width: 874px ;	
			margin-right: auto;
			margin-left: auto;
		}
		
		/* articles */
		
		.websitefooter .footercontainer .articles {
			width: 300px ;
			margin-right: 50px ;
		}
		
			.websitefooter .footercontainer .articles h3.rss {
				font-weight: normal ;
				display: block ;
				background: url(../img/icons/rss.gif) no-repeat -5px 0px ;
				height: 40px ;
				padding-top: 5px ;
				padding-left: 40px ;
				margin: 0px ;
				float: left ;
			}
			
			.websitefooter .footercontainer .articles a.view {
				float: right ;
				margin: 0px ;
				margin-top: 5px ;
				font-size: 10px ;
			}
			
				.websitefooter .footercontainer .articles a.view:hover {
					text-decoration: none ;	
				}
				
				.websitefooter .footercontainer .articles ul.articlelist {
					list-style-type: none ;
					margin: 0px ;
					padding:0px ;
				}
				
					.websitefooter .footercontainer .articles ul.articlelist li {
						display: block ;
						border-bottom: 1px solid #ebd1a1 ;
						margin-bottom: 5px ;
					}
					
						.websitefooter .footercontainer .articles ul.articlelist li a {
							text-decoration: none ;	
						}
						
						.websitefooter .footercontainer .articles ul.articlelist li a:hover {
							text-decoration: underline ;	
						}
						
		/* twitter box */
		
		.websitefooter .footercontainer .twitter {
			width: 280px ;
			margin-right: 50px ;
		}
		
			.websitefooter .footercontainer .twitter h3.twitterheading {
				font-weight: normal ;
				display: block ;
				background: url(../img/icons/twitter.gif) no-repeat 0px 0px ;
				height: 35px ;
				padding-top: 5px ;
				padding-left: 40px ;
				margin: 0px ;
			}
			
			.websitefooter .footercontainer .twitter .twittericon {
				position: relative ;
				width: 46px ;
				height: 52px ;
				top: -10px ;
				background: url(../img/icons/bird.gif) no-repeat 0px 0px ;
			}
			
			.websitefooter .footercontainer .twitter .tweet {
				background: url(../img/tweet_bg_top.gif) no-repeat top ;
				margin: 0px;
				padding: 0px ;
				width: 280px ;
				margin-bottom: 10px ;
				margin-top: -20px ;
			}
			
				.websitefooter .footercontainer .twitter .tweet .tweetinner {
					margin: 0px;
					padding: 0px ;
					width: 280px ;
					background: url(../img/tweet_bg_bottom.gif) no-repeat bottom ;
				}
				
					/* this keeps the padding from not effecting the sliding doors background */
					
					.websitefooter .footercontainer .twitter .tweet .tweetinner .tweetcontent {
						padding: 10px  ;
					}
					
					.websitefooter .footercontainer .twitter .tweet .tweetinner .tweetcontent  a {
						color: #1170ff; 
						text-decoration: none ;
					}
			
					
						.websitefooter .footercontainer .twitter .tweet .tweetinner .tweetcontent  a:hover {
							text-decoration: underline ;
						}
				
			.websitefooter .footercontainer .twitter .date {
				font-size: 10px ;
				margin-top: 2px ;	
			}

		/* contact box on the right */

		.websitefooter .footercontainer .contact {
			width: 194px ;
		}

			.websitefooter .footercontainer .contact a.email {
				font-weight: normal ;
				display: block ;
				background: url(../img/icons/mail.gif) no-repeat 0px 0px ;
				height: 40px ;
				padding-top: 12px ;
				padding-left: 50px ;
				margin: 0px ;
			}

			/* this map now gets called from outside the footer too */
			
			a.map {
				font-weight: normal ;
				display: block ;
				background: url(../img/icons/map.gif) no-repeat 0px 0px ;
				height: 40px ;
				padding-top: 12px ;
				padding-left: 50px ;
				margin: 0px ;
			}

			.websitefooter .footercontainer .contact .numbers {
				font-weight: normal ;
				display: block ;
				background: url(../img/icons/book.gif) no-repeat 0px 0px ;
				height: 40px ;
				padding-top: 0px ;
				padding-left: 50px ;
				margin: 0px ;
				margin-bottom: 0px ;
				margin-top: -7px ;
			}

/* these styles are for the case-study highlight scrolling box */

.main .casestudy-tabs .casestudy-bg .casestudy h3 {
	font-size: 14px ;
	font-weight: normal ;
	margin: 0px ;
}

.main .casestudy-tabs .casestudy-bg .casestudy .casestudy-summary {
	width: 300px ;	
	margin-bottom: 10px ;
	margin-top: 10px ;
}

.main .casestudy-tabs .casestudy-bg .casestudy.mobileresearcher .casestudy-summary {
	width: 370px ;	
}

.main .casestudy-tabs ul.casestudylinks {
	width: 570px  ;
	margin: 0px ;
	margin-left: 60px ;
	padding: 0px ;
	padding-left: 30px ;
	padding-top: 10px ;
	height: 50px ;
	list-style-type: none ;
	background-color: #efefef ;
}

	.main .casestudy-tabs ul.casestudylinks li {
		float: left ;
		display:block ;
	}
			
	/* these are the icon links */
	
	.main .casestudy-tabs .casestudylinks a {
		display:block ;
		margin: 10px 40px 10px 0px;
	}

	.main .casestudy-tabs ul.casestudylinks a.mobileresearcher { width: 63px ; height: 24px ; background: url(../img/casestudies/mobileresearch.gif) 0px -23px ; }
	.main .casestudy-tabs ul.casestudylinks a.mobileresearcher:hover { background: url(../img/casestudies/mobileresearch.gif) 0px 0px ; }
	.main .casestudy-tabs ul.casestudylinks a.mobileresearcher.selected { width: 63px ; height: 24px ; background: url(../img/casestudies/mobileresearch.gif) 0px 0px ; }
	
	.main .casestudy-tabs ul.casestudylinks a.ccn { width: 28px ; height: 14px ; margin-top: 13px ;background : url(../img/casestudies/ccn.gif) 0px -14px ; }
	.main .casestudy-tabs ul.casestudylinks a.ccn:hover { background: url(../img/casestudies/ccn.gif) 0px 0px ; }
	.main .casestudy-tabs ul.casestudylinks a.ccn.selected { width: 28px ; height: 14px ; background: url(../img/casestudies/ccn.gif) 0px 0px ; }

	.main .casestudy-tabs ul.casestudylinks a.elitemobile { width: 48px ; height: 20px ; background: url(../img/casestudies/elite.gif) 0px -20px ; }
	.main .casestudy-tabs ul.casestudylinks a.elitemobile:hover { background: url(../img/casestudies/elite.gif) 0px 0px ; }
	.main .casestudy-tabs ul.casestudylinks a.elitemobile.selected { width: 48px ; height: 20px ; background: url(../img/casestudies/elite.gif) 0px 0px ; }

	.main .casestudy-tabs ul.casestudylinks a.sab { margin-top: 3px ;width : 33px ; height: 29px ; background: url(../img/casestudies/sab.gif) 0px -29px ; }
	.main .casestudy-tabs ul.casestudylinks a.sab:hover { background: url(../img/casestudies/sab.gif) 0px 0px ; }
	.main .casestudy-tabs ul.casestudylinks a.sab.selected { width: 33px ; height: 29px ; background: url(../img/casestudies/sab.gif) 0px 0px ; }

	.main .casestudy-tabs ul.casestudylinks a.pristine { width: 43px ; height: 19px ; background: url(../img/casestudies/pristine.gif) 0px -19px ; }
	.main .casestudy-tabs ul.casestudylinks a.pristine:hover { background: url(../img/casestudies/pristine.gif) 0px 0px ; }
	.main .casestudy-tabs ul.casestudylinks a.pristine.selected { width: 43px ; height: 19px ; background: url(../img/casestudies/pristine.gif) 0px 0px ; }