/* CSS Document */
* {
	margin:						0; 
	padding:					0; 
	border:						0;
} /* reset all element's margin and padding to 0 to avoid browser inconsistencies  */

.hide {
	display:					none; 
}

.structure-label, #skip {
	position:					absolute; 
	left:						-4000px; 
	width:						3000px; 
	overflow:					hidden; 
}


#flashheader 
{
	background:					url(../images/header.jpg) no-repeat;
	width:						733px;
	height:						136px;
}
#MovingFlash
{

}

#navigation {
	width:						733px;
	height:						45px;
	background:				#35b1ff url(../images/bg_nav.gif);
	position:					relative;

}


#navigation {
	list-style-type:			none;
	margin:						0;
	height:						45px;
}


#navigation li 
{
	margin:						0;
	list-style-type:			none;
	display:					inline;
}

#navigation li a span 
{
	display:					none;
}

#navigation li a.home
{
	width:						59px;
	background:					url(../images/mn_home.gif);
	margin:						0 0 0 10px;
}

#navigation li a.whylemonade
{
	width:						119px;
	background:					url(../images/mn_why.gif);
}

#navigation li a.capabilities
{
	width:						89px;
	background:					url(../images/mn_capabilities.gif);
}

#navigation li a.news
{
	width:						54px;
	background:					url(../images/mn_news.gif);
}

#navigation li a.casestudies
{
	width:						96px;
	background:					url(../images/mn_casestudies.gif);
}

#navigation li a.testimonials
{
	width:						99px;
	background:					url(../images/mn_testimonials.gif);
}

#navigation li a.careers
{
	width:						65px;
	background:					url(../images/mn_careers.gif);
}

#navigation li a.thirsty
{
	width:						69px;
	background:					url(../images/mn_thirsty.gif);
}

#navigation li a.blog
{
	width:						54px;
	background:					url(../images/mn_blog.gif);
}

#navigation li a.contactus
{
	width:						88px;
	background:					url(../images/mn_contact.gif);
}


#navigation li a {
	height:						45px;
	float:						left;
	display:					block;
}

#navigation li a:hover, #navigation li a.selected 
{
	background-position:		0 -45px;
}


/* subnav */
#navigation div 
{
	position:					absolute;
	top:						45px;
	padding:					0;
	margin:						0;
	float:						left;
}

#navigation #subnav_capabilities 
{
	left:						186px;
}

#navigation #subnav_casestudies 
{
	left:						330px;
}

#navigation #subnav_careers
{
	left:						526px;
}

.subnav 
{
	display:					none;
}

.subnavsafe {
	display:					block;
}

#navigation ul {
	float:						left;
	width:						130px;
	/*display:					none;*/
	list-style-type:			none;
	padding:					0 0 4px 0;
}

#navigation ul li {
	float:						left;
	width:						130px;
	padding:					0;
	margin:						0;
}

#navigation ul li a 
{
	float:						left;
	background:					url(../images/bg_sub_rpt.png) repeat-y 0 0;
	width:						130px;
	height:						25px;
	font-size:					1.2em;
	color:						#000;
}

#navigation ul li a.last
{
	border-bottom:				none;
	height:						24px;
	background:					url(../images/bg_sub_bot.png) repeat-y 0 0;
}

#navigation ul li a.first
{
	background:					url(../images/bg_sub_top.png) repeat-y 0 0;
}

#navigation ul li a:hover {
	background-position:		0 -25px;
}

#navigation ul li a.last:hover {
	background-position:		0 -24px;
}

#navigation ul li a.first:hover {
	background-position:		0 -25px;
}


#navigation ul li a span 
{
	display:					none;
}

/* footer */
#footer {
	height:						20px;
	width:						720px;
	color:						#FFF;
	padding: 					7px 0 0 13px;
	background-image:			url(../images/bg_footer.gif);
	overflow:					hidden;
	float:						left;
	position:					relative;
}

#footer a, #footer a:visited
{
	color:						#FFF;
	text-decoration:			none;
}


#footer a:hover
{
	color:						#FFF;
	text-decoration:			underline;
}

#footer img 
{
	float:						right;
	position:					absolute;
	top:						8px;
	right:						12px;
}

#globalWrap {
	width:						733px;
	text-align:					left;
	margin:						0 auto;
	padding:					0 0 8px 0;
}

#globalWrap p.footer 
{
	color:						#626262;
	margin:						8px 0 8px 12px;
	float:						left;
	padding:					0 0 8px;
}

#globalWrap ul.social 
{
	color:						#626262;
	margin:						8px 12px;
	float:						right;
	padding:					0 0 8px;
	list-style-type:				none;
}

#globalWrap ul.social li {
	float: left;
	
}

ul.social li a {
	text-indent: -9999em;
	display: block;
	height: 18px;
	
}

ul.social li a.blogger {
	margin-right: 21px;
	background:transparent url(../images/blogger.png) no-repeat;
	width:47px;	
}

ul.social li a.facebook {
	margin-right: 27px;
	background:transparent url(../images/facebook.png) no-repeat;
	width:56px;	
}

ul.social li a.flickr {
	background:transparent url(../images/flickr.png) no-repeat;
	width:37px;
}

ul.social li a:hover {
	background-position: 0 -18px;
}
#globalWrap p.footer a, #globalWrap p.footer a:visited
{
	color:						#626262;
	text-decoration:			none;	
}

#globalWrap p.footer a:hover 
{
	color:						#626262;
	text-decoration:			underline;	
}

#header {
	height:						103px;
	width:						733px;
	background-color:			#EBEBEB;
	background-image:			url(../images/bg_head.gif);
	float:						left;
}

#header img {
	margin:						15px 0 0 29px;	
	float:						left;
}

#header p 
{
	float:						left;
	margin:						19px 0 0 12px;
	width:						430px;	
	color:						#626262;
}


#header p a, #header p a:visited, #header p a:hover 
{
	color:						#626262;
	text-decoration:			underline;
}
	
#homepage #main, #downpage #spotlightdetail, #downpage #news, #downpage #contact, #downpage #zest, #downpage #careers {
	background-color:			#595959;
	width:						725px;
	background-image:			url(../images/bg_copy.gif);
	padding: 					4px;
	float:						left;
}


#downpage #main {
	background-color:			#595959;
	width:						725px;
	background-image:			url(../images/bg_c.gif);
	padding: 					4px;
	min-height:					405px;
	float:						left;
}


#downpage #sitemap {
	background-color:			#595959;
	width:						717px;
	background-image:			url(../images/bg_c.gif);
	padding: 					8px;
	float:						left;
}

#sitemap ul
{
	list-style:					none;
	margin:						0 0 0 185px;
}


#sitemap ul ul
{
	list-style:					none;
	margin:						0 0 0 4px;
}

#sitemap ul li 
{
	
	padding:					0 0 0 8px;
}

#sitemap ul li.level0
{
	background:					url(../images/li_grey.gif) no-repeat 0 4px;	
}

#sitemap ul li.level1 
{
	background:					url(../images/li_yellow.gif) no-repeat 0 4px;		
}

#sitemap ul li.level2 
{
	background:					url(../images/li_light_yellow.gif) no-repeat 0 4px;	
}

#sitemap ul li.level0 a
{
	color:						#CCC;
}

#sitemap ul li.level1 a
{
	color:						#CC0;
}

#sitemap ul li.level2 a
{
	color:						#CC9;
}

#main {
	min-height:					400px;	
}

#why, #main #spotlight, #main #testimonials, #capabilities #overview, #main #content
{
	padding:					16px 12px 16px 16px;
}

#main #content ul 
{
	color:						#CCC;
	margin:						10px 0 10px 20px;	
}

#testimonials ul 
{
	margin:						8px 0 0 0;
}

#testimonials div 
{
	margin:						8px 0 0 0;
	float:						left;
}



#filter 
{
	list-style:					none none;
	display:					block;
}

#filter li 
{
	display:					block;
	float:						left;
	margin:						0 2px 2px 0;
	background:					#575757 url(../images/bg_why.gif) repeat-x;
	background-position:		0 0;	
}


#filter li a 
{
	width:						146px;
	height:						28px;	
	display:					block;
	padding:					3px 6px 6px 20px;
	color:						#CCC;
	background:					url(../images/li_yellow.gif) no-repeat 12px 8px;
}

#main #casestudies a, #capabilities #casestudies a
{
	width:						132px;
	height:						142px;
	display:					block;
	background:					url(../images/bg_q.gif);
	margin:						0 2px 2px 0;
	padding:					20px 20px 0 20px;
	cursor:						hand;
}

#main #casestudies, #capabilities #casestudies 
{
	clear:						both;
}

#main #casestudies li, #capabilities #casestudies li 
{
	list-style-type:			none;
	float:						left;
}

#main #casestudies a:hover, #capabilities #casestudies a:hover
{
	background:					#636363;
}

#main #casestudies a span, #capabilities #casestudies a span
{
	display:					block;
	color:						#CCC;
}

#main #casestudies a span.project, #capabilities #casestudies a span.project
{
	color:						#CC9;
}

#why h3 
{
	color:						#CC0;
	font-size:					1.1em;
	margin:						0 0 4px 8px;
}

#why div.option
{
	display:					block;
	float:						left;
	margin:						0 0 2px 1px;
	background:					#575757 url(../images/bg_why.gif) repeat-x;
	background-position:		0 0;
}

#why div.option a
{
	width:						144px;
	height:						28px;	
	display:					block;
	padding:					4px 6px 6px 22px;
	color:						#CCC;
}


#why div.option:hover, #why div.selected, #filter li:hover, #filter li.selected
{
	background-position:		0 -40px!important;
	
}

#why div.selected a, #filter li.selected a,l #why div.option a:active
{
	color:						#CC0;
}

h2 img
{
	vertical-align:				top;
	margin:						1px 0 5px 0;
}

#main h2 
{
	height:						25px;	
}

#why div.info 
{
	background:					#333;
	width:						675px;
	height:						207px;
	display:					block;
	background:					url(../images/bg_why_inset.gif);
	padding:					8px;
	margin:						0 0 0 1px;
}

#downpage #main h4 
{
	margin:						8px 0 5px 8px;
}

#why p 
{
	margin:						0 0 5px 8px;
}

#why div 
{
	float:						left;
	margin:						4px 0 0 0;
}

#why div.reason 
{
	width:						450px;
	margin:						0;
}

#why div.image 
{
	text-align:					right;
	width:						209px;
	background:					url(../images/bg_why_image.gif) repeat-y;
	margin:						0 0 0 8px;
}

#why div.reason div 
{
	background:					#424242 url(../images/bg_reason.gif) repeat;
	padding:					4px 2px;
	width:						434px;
	margin:						0;
}

#why h4 
{
	color:						#CC9;
	padding:					6px 0 0 0;
}

#why p.quote
{
	color:						#CC0;
	display:					block;
	padding:					6px 0 0;
	margin:						0;
}

#why p.client, #left p.client, #testimonials p.client
{
	background:					url(../images/bg_h2.gif) repeat-x;
	text-align:					right;
	margin:						2px 0 0 0;
	padding:					6px 0 0;
}



#downpage #spotlightdetail h2, #downpage #news h2, #homepage #main h2
{
	margin:						10px 0 0 418px;
}

#left {
	float:						left;
	width:						405px;
}

#right {
	float:						left;
	width:						320px;
}

#left div.info {
	background:					url(../images/bg_q.gif);
	width:						389px;
	padding:					4px;
	position:					relative;
	margin:						0 0 4px 0;
}

#left div.sendtofriend {
	background:					url(../images/bg_q.gif);
	width:						381px;
	padding:					4px 8px;
	position:					relative;
	margin:						0 0 4px 0;
}


#left div.contact {
	background:					url(../images/bg_q.gif);
	width:						381px;
	padding:					8px;
	position:					relative;
	margin-bottom:				4px;
	float:						left;
}

#left div.info h4 
{
	color:						#FFF;
}

#left div.info h5 
{
	color:						#FFF;
	font-weight:				normal;
	margin:						0 0 8px 0;
}


#left div.news
{
	padding:					8px;
}

#left div.news p
{
	margin:						6px 0 8px 0;	
}

#left div.contact h2 
{
	margin:						2px 0;	
}

#left h3 
{
	margin:						16px 0 0 16px;
}

#left ul 
{
	margin:						0 0 0 16px;
	list-style:					none;
}

#left ul li span 
{
	display:					none;
}

#left ul li 
{
	display:					inline;
	padding:					8px 8px 8px 0;
}

div.testimonial
{
	padding:					1px 16px 5px 12px;
	position:					relative;
}


div.testimonial a 
{
	position:					absolute;
	bottom:						16px;
	left:						16px;
}

#testimonials div.testimonial 
{
	padding:					8px 16px 16px 16px;
	background:					url(../images/bg_q.gif);
	width:						663px;
}

#testimonials div.testimonial strong 
{
	left:						8px;
}

#testimonials div.testimonial p strong 
{
	left:						0;
}


p.quote
{
	color:						#CCC;
	display:					block;
	padding:					6px 0;
	margin:						0;
}

p.client 
{
	color:						#CC9;
	background:					url(../images/bg_h2.gif) repeat-x;
}

p.client span 
{
	color:						#CCC;
}

p.client em 
{
	color:						#CCC;
}

div.testimonial strong 
{
	color:						#CCC;
	position:					absolute;
	top:						8px;
	left:						4px;
}

div.testimonial p strong 
{
	color:						#CCC;
	position:					relative;
	top:						0;
}


#right div.info a.back 
{
	position:					absolute;
	top:						12px;
	right:						8px;
}

#right div.info, #right div.search {
	background:					url(../images/bg_q.gif);
	width:						297px;
	margin:						0 0 0 3px;
	padding:					10px 8px 4px 8px;
	clear:						both;
	float:						left;
}

#right div.search {
	padding:					4px 8px 4px 8px;
}

#right div.search h4 
{
	margin:						0 0 4px 0;
}

#right div.info div {
	background:					url(../images/bg_h.gif) repeat-x;
	margin:						8px 0 0;
	padding:					8px 0 0;
	width:						297px;
}

#capabilities #right div.info {
	background:					url(../images/bg_q.gif);
	width:						508px;
	padding:					3px 6px 6px 6px;
	clear:						both;
	margin:						8px 0;
	float:						left;
	position:					relative;
}

#news #right div.search 
{
	position:					relative;
	margin:						8px 0 0 3px;
}

#news #right div.pager a {
	float:						right;
	margin:						0 0 0 4px;
}

#news #right div.pager {
	color:						#999;
	padding-top:				10px;
}

#capabilities #right div.info h2 
{
	margin:						0;
	padding:					0;
}

#capabilities #right div.info p, #news #right div.info p, #main #right div.info p, #contact #right div.info p, #careers #right div.info p
{
	margin:						0 0 8px 0;
	position:					relative;
}
/*
#left div.info p 
{
	margin:						0 4px 8px 4px;
	position:					relative;
}*/

#news #right div.info p a, #main #right div.info p a 
{
	bottom:						1px;
	right:						0;
	position:					absolute;
}

#capabilities #right div.info ul 
{
	list-style:					none;
}

#capabilities #right div.info ul li
{
	color:						#CC9;
}

#capabilities #right div.info ul.threecolumn li 
{
	float:						left;
	width:						183px;
	padding:					2px 0;
	margin:						0;
	color:						#CC9;	
}

#capabilities #right div.info ul.threecolumn li.last 
{
	width:						140px;
}

#right h2, #left h2 
{
	margin:						4px 0 0 6px;
}

#right h3
{
	margin:						16px 0 0 8px;
}

#right h3 img
{
	vertical-align:			    top;
	margin:						5px 0 1px 0;
}

#right ul.related 
{
	margin:						1px 0 0 2px;
}

#right ul.related li a {
	width:						132px;
	height:						142px;
	display:					block;
	background:					url(../images/bg_q.gif);
	margin:						0 2px 2px 0;
	padding:					12px 12px 0 12px;
	cursor:						hand;
}

#right ul.related img 
{
	margin:						0 0 4px;
}

#right ul.related li {
	list-style-type:			none;
	float:						left;
}


#right ul.related li a:hover {
	background:					#636363;
}

#right ul.related li a span
{
	display:					block;
	color:						#CCC;
}

#right ul.related li a span.project
{
	color:						#CC9;
}

#right div.info ol li 
{
	list-style:					url(../images/li_tick.gif) square;
	color:						#CCC;
	padding:					0 0 0 1px;
}

#right div.info ol.large 
{
	list-style-type:			none;
	margin:						8px 0 0;
}

#right div.info ol.large li 
{
	background-position:		0 0;
	background-repeat:			no-repeat;
	padding:					2px 0 8px 22px;
	list-style:					none;
	list-style-image:			none;
}

#right div.info ol 
{
	margin:						8px 0 0 20px;
	
}

#right div.info p span 
{
	display:					block;
	padding-right:				45px;
}

#spotlightdetail p 
{
	margin:						8px 0 0 0;
}

#featured {
	width: 						389px;	
	background-image:			url(../images/bg_Featured.gif);
	padding: 					4px;
	margin-top: 				28px;
	float:						left;
}





#downpage #capabilities {
	background-color:			#595959;
	width:						725px;
	background-image:			url(../images/bg_capabilities.gif);
	padding:					16px 4px 4px 4px;
	float:						left;
}

#capabilities #left 
{
	width:						197px;
	float:						left;
	padding:					0 0 0 4px;
}

#capabilities #right 
{
	width:						524px;
	float:						left;
}

#capabilities #left div.questions 
{
	float:						left;
	background:					url(../images/bg_q.gif);	
	width:						184px;
}

#capabilities #left h3 
{
	background:					url(../images/bg_h.gif) repeat-x bottom;
	font-size:					1em;
	color:						#999;
	width:						165px;
	margin:						4px 8px 8px 8px;
	padding:					0 0 4px 0;
}


#matrix 
{
	background-image:			none;
	background-color:			none;
	width:						128px;
	margin:						8px 16px;
}

#matrix embed, #matrix object, #matrix img
{
	margin:						0 0 8px 11px;
}

#capabilities #left p 
{
	margin:						0 0 8px 11px;
}

#capabilities #left p.contact 
{
	margin:						0 0 8px 0;
	padding:					8px;
	border-top:					1px solid #595959;
	background:					url(../images/bg_h.gif) repeat-x bottom;
	color:						#FFF;
}


ul.categories {
	display:					block;
	list-style:					none;
	margin:						0 0 0 3px;
	width:						250px;
	clear:						both;
}

ul.categories li {
	float:						left;
	padding:					4px 4px 0 4px;
	height:						18px;
}

ul.categories li.selected {
	background:					url(../images/bg_q.gif);
}

ul.categories li.selected a {
	float:						left;
	color:						#CC0;
}

ul.categories span 
{
	display:					none;
}

#contact ul.categories li
{
	float:						left;
	padding:					4px 4px 0 4px;
	height:						18px;
}

#contact ul.categories 
{
	width:						310px;
}

p.desc 
{
	background:					url(../images/bg_h.gif) repeat-x bottom;
	padding:					0 0 8px;
	clear:						both;
}

div.search label 
{
	color:						#CCC;
	float:						left;
	width:						65px;
	margin:						1px 0 0 0;
}

div.search input.textbox
{
	border:						0;
	width:						232px;
	background:					#797979;
	margin:						0 0 20px 0;
}

#left div.info input.button
{
	vertical-align:				middle;
	margin:						0 0 0 8px;
}

#left div.info input.textbox, #left div.sendtofriend input.textbox
{
	background:					#797979;
}



div.search input.submit
{
	position:					absolute;
	bottom:						8px;
	right:						8px;
}

#right embed, #right object, #main #right img.slice, #contact #mapflash img
{
	margin:						4px 0 4px 4px;
}

#latestproject 
{
	position:					absolute;
	top:						350px;
	left:						325px;
	width:						68px;
	height:						67px;
	background:					url(../images/latest_project.png) no-repeat;
	text-indent:				-9999em;
}

#news ol 
{
	color:						#CCC;
	margin:						0 0 0 24px;
}

#news ol li 
{
	margin:						8px 0;
}

#standflash 
{
	
	float:						left;
	background:					url(../images/bg_h2.gif) repeat-x;
	padding:					4px 0 0 4px;
	margin:						4px 0 0 -3px;
	display:					block;
}

#standflash fieldset 
{
	background:					url(../images/bg_stand.jpg) no-repeat;
	width:						312px;
	height:						90px;
	position:					relative;
}

#standflash fieldset p 
{
	position:					absolute;
	top:						48px;
	left:						9px;
	background:					url(../images/bg_stand.gif);
	padding:					0 0 10px 0;
}

#standflash legend 
{
	display:					none;
}

#standflash fieldset label 
{
	display:					none;
}

#standflash fieldset input.textbox 
{
	width:						109px;
	color:						#666;
}

#standflash fieldset input.button 
{
	position:					absolute;
	top:						2px;
	left:						230px;
}


/* Careers / Zest */
#zest h2 
{
	height:						29px;
}

#zest div.track
{
	width:						100px;
	background:					url(../images/track.gif) repeat-x;
	height:						13px;
	float:						left;
	margin:						0 15px 8px 0;
}

#zest div.handle
{
	width:						3px;
	height:						13px;
	background:					url(../images/handle.gif) no-repeat;
	cursor:						move;
}

#zest input, #zest select, #zest textarea
{
	float:						left;
	background:					#767676 url(../images/bg_textbox.gif);
	color:						#CCC;
	font-size:					1em;
}

#left div.form
{
	background:					url(../images/bg_q.gif);
	width:						373px;
	padding:					5px 8px;
	margin:						0 0 8px 4px;
	float:						left;
}


#zest #right fieldset.login label
{
	width:						70px;
	margin:						0 4px;
	float:						left;
}

#zest #right fieldset.login input
{	
	width:						215px;
	float:						left;
}

#zest #right fieldset.login legend
{	
	display:					none;
}

#zest #right div.form, #zest #right fieldset.login
{
	background:					url(../images/bg_q.gif);
	width:						295px;
	margin:						0 0 8px 5px;
	padding:					5px 8px;
	float:						left;
}

#zest div.start, #zest fieldset.start 
{
	height:						65px;
	min-height:					65px!important;
}


#zest fieldset.start input 
{
	text-align:					left!important;
}


#zest #right div.form 
{
	margin:						0 0 8px 5px;
	clear:						both;
	float:						left;
}

#zest #right div.slider 
{
	width:						290px;
	margin:						8px 0 6px 8px;
	clear:						both;
}

#zest #right div.slider input 
{
	float:						left;
}

#zest #right label 
{
	color:						#CCC;
	width:						140px;
	float:						left;
}

#zest #right input 
{
	width:						28px;
	text-align:					center;
}

#zest fieldset.check input
{
	background:					none;
	padding:					0;
	margin:						4px 12px 0 0;
	float:						left;
}

#zest fieldset.check label 
{
	color:						#CCC;
	width:						120px;
	float:						left;
	padding:					7px 0 0 0; /* sus in IE7*/
}

#zest fieldset 
{
	margin:						4px 0 8px 0;	
}

#zest fieldset legend 
{
	padding:					0;
	margin:						0 0 0 -6px;
}

#zest fieldset.textboxes label
{
	float:						left;
	width:						146px;
	margin:						0 4px 0 8px;
}

#zest fieldset.textboxes input, #zest fieldset.textboxes select, #zest fieldset.textboxes textarea
{
	float:						left;
	width:						208px;
}

textarea 
{
	overflow:					auto;	
}

#zest fieldset p 
{
	float:						left;
	margin:						4px 0;	
}

#zest fieldset p.radio input
{
	background:					none;
	width:						10px;
	margin:						0;
	padding:					0;
	float:						left;
}

#zest fieldset label.overrun 
{
	width:						212px;
}

#zest fieldset p.radio span label 
{
	float:						left;
	padding:					0;
	width:						45px;
	margin:						0 7px;
}

#zest fieldset label span 
{
	color:						#CC9;
	display:					block;
}

#zest fieldset label em 
{
	font-style:					normal;
	float:						right;
}

#zest ul, #left div.sendtofriend ul
{
	list-style-type:			none;
	margin:						8px 0 0;
}

#zest ul li, #left div.sendtofriend ul li 
{
	background:					url(../images/icon_frown.gif) no-repeat;
	padding:					2px 0 4px 22px;
	list-style:					none;
	list-style-image:			none;
	font-weight:				normal;
	display:					block;
	color:						#F66;
	width:						330px;
	float:						left;
}

#zest ul li.success, #left div.contact ul li.success, #left div.sendtofriend ul li.success
{
	background:					url(../images/icon_smiley.gif) no-repeat;
	color:						#9CF;
}

#left div.contact ul
{
	list-style-type:			none;
	margin:						8px 0 0;
	padding:					0;
	position:					relative;
}

#left div.contact ul li
{
	background:					url(../images/icon_frown.gif) no-repeat;
	padding:					2px 0 4px 22px;
	list-style:					none;
	list-style-image:			none;
	font-weight:				normal;
	color:						#F66;
	display:					block;
}

.invalid {
	color:						#F66;	
}


#zest span.fileinputs 
{
	float:						left;
	position:					relative;
}

#zest span.fakefile {
	position:					absolute;
	top:						0px;
	left:						0px;
	z-index:					1;
}

#zest span.fakefile input {
	width:						150px;
}

#zest span.fakefile img {
	margin:						2px 0 0 4px;
}

#zest input.file {
	position:					relative;
	text-align:					left;
	-moz-opacity:				0;
	filter:						alpha(opacity: 0);
	opacity:					0;
	z-index:					2;
}


#zest input.submit 
{
	padding:					8px 20px;
	background:					none;
}

#zest p.logout 
{
	 float:						none;
	 display:					block;
}

label.required 
{
	background:					url(../images/icon_tick.gif) no-repeat center right;
}

#contact fieldset label
{
	width:						94px;
	margin:						0 6px;
	float:						left;
}

#contact #left input, #contact #left select, #contact #left textarea
{
	float:						left;
	background:					#767676 url(../images/bg_textbox.gif);
	color:						#CCC;
	font-size:					1em;
	width:						275px;
}

#contact fieldset p 
{
	float:						left;
	margin:						4px 0;	
}

#contact legend 
{
	display:					none;	
}
/*
div.headTitle {
	width:						214px;
	height:						103px;
	float:						left;
}

div.headSummary {
	width:						430px;
	height:						103px;
	padding:					16px 0 0 0;
	color:						#626262;
	float:						left;
}*/


div.sendtofriend fieldset label
{
	width:						120px;
	float:						left;
}


body {
	margin:						0 0 8px 0;
	text-align:					center;
	font-family:				Tahoma, Verdana, Arial, sans-serif;
	font-size:					67.5%;
	background-image:			url(../images/bg_page.gif);
	padding:					0 0 8px 0;
}

textarea 
{
	font-family:				Tahoma, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5 
{
	clear:						both;
}

h1 {
	font-size: 					1em;
	color:						#FFFFFF;
	margin:						0;
}

h1 span, h2 span, h3 span
{
	display:					none;
}

h4, #zest legend
{
	color:						#CC0;
	font-size:					1em;
	font-weight:				bold;
}

h5 
{
	color:						#CCC;
	font-size:					1em;
}

a {
	color:						#CC0;
	text-decoration:			none;
}

a:hover {
	color: 						#3cb4ff;
}

p {
	color: 						#cccccc;
	margin:						0;
}

input 
{
	color:						#FFF;
	font-size:					1em;
	border:						1px solid #CCC;
	border:						0px;
}

dt 
{
	float:						left;
	width:						200px;
	margin:						4px 0;
}

dl 
{
	width:						300px;	
	color:						#CCC;
	margin:						4px 0;
}

dd 
{
	float:						left;
	width:						100px;	
	margin:						4px 0;
}

/*
ul {
	list-style:					none none;
	padding:					0;
	margin:						0;
}

ul li {
	background:					url(../images/bullet_arrow.gif) no-repeat 0 3px;
	padding:					0 0 0 20px;
	margin:						0 0 2px 0;
}

.w {
	font-weight:				bold;
	color:						#FFFFFF;
}

div.copy {
	margin: 8px;
	width: 440px;
}





div.mainBlank {
	background-color:			#595959;
	background-image:			url(../images/bgBlank.gif);
	width:						701px;
	padding: 					16px;
	float:						left;
}

div.capabilities {
	background-color:			#595959;
	background-image:			url(../images/BG_Capabilities.gif);
	padding: 					0px;
	float:						left;
	
}


div.featuredcopy {
	width: 						350px;
	background-position:		top right;
	background-repeat:			no-repeat;
	padding: 					0;
	margin:						4px;
}

div.slice {
	width:						310px;
	padding:					0 4px 0px 4px;
	float:						left;
	overflow:					hidden;
}

div.slicecopy {
	padding:					0 0 0px 8px;
}

div.switch {
	padding:					4px 0 0 8px;
	margin: 					0;
}

/* prevents IE weirdness */
/*
* html div.switch img 
{
	floa\t:						left;
}

div.capabilitiesList {
	width: 						175px;
	color:						#FFFFFF;
	margin: 					12px 0px 0px 8px;
	padding: 					8px;
	background-image:			url(../images/bg_capabilitiesList.jpg);
	background-position:		top;
	background-repeat:			repeat-x;
	background-color:			#4b4b4b;
	float:						left;
}

* html div.capabilitiesList 
{
	margin-left: 				4px;
}

div.capabilitiesCopy {
	margin:						14px 14px 12px 0;
	float:						right;
	overflow:hidden;
	width: 499px;
}

* html div.capabilitiesCopy 
{
	margin:						14px 8px 12px 12px;
}

div.capabilitiesQ {
	background-image:			url(../images/BG_Q.gif);
	margin: 					8px 0 8px 0;
	padding: 					8px;
	color:						#FFFFFF;
}

div.capabilitiesC {
	margin: 					15px 0 8px 0;
	float:						right;
	color:						#FFFFFF;
}

div.caseStudyImg {
	background-image:			url(../images/BG_C.gif);
	width: 						187;
	padding: 					8px;
	float:						left;
}

div.caseStudyTitle {
	background-image:			url(../images/BG_C.gif);
	width:						280px;
	height:						auto;
	padding: 					8px;
	float:						right;
}

div.caseStudyText {
	background-image:			url(../images/BG_C.gif);
width: 100%;
	padding: 					8px;
	float:						right;
}

div.newsWindow {
	background-image:			url(../images/BG_newsWindow.gif);
	margin:						0px 8px 0px 8px;
	width:						284px;
	padding:					5px 18px 6px 9px;
}

/* prevents IE weirdness */
	/*
* html div.newsWindow
{
	padding-to\p:				15px;
	
}
*/
	

/* IE and paragraphs... hmm... */
/*
* html div.newsWindow p.newsContent
{
	margin-to\p: 11px;
	margin-botto\m: 5px;
}

.newsTitle {
	color:						#cccc00;
	font-weight:				bold;
	margin:						0;
}


.newsDate {
	color:						#cccccc;
	font-weight:				bold;
	margin:						0;
}

div.standLine {
	width: 						319px;
	height: 					17px;
	background-image:			url(../images/lineStand.gif);
}

div.stand {
	margin:						0px 8px 0 8px;
	width:						284px;
	padding:					5px 18px 5px 9px;
}

div.WhyLem {
	background-image:			url(../images/BG_GreyBlank.gif);
	background-repeat:			repeat;
	width: 						685px;
	padding:					8px;
	height:						80px;
}

div.WhyNum {
	width: 						9px;
	padding:					0 4px 0 0;
	float:						left;
vertical-align:top;
}

div.WhyTitle {
	width: 						569px;
	float:						left;
}

div.WhyButton {
	width: 						67px;
	float:						right;
}
*/


/* 
	TEN YEAR CELEBRATION 
*/

div.left, div.centre, div.right {
		float:						left;
		width:						240px;
		margin:						0 2px 0 0;
		background:					url(../images/bg_q.gif);
		height:						380px;
}

div.centre {
		width:						241px;
}

div.right {
		margin:						0;
}

div.left p, div.centre p, div.right p {
		margin:						8px;
}

#tenyears {
		float:						left;
		padding:					4px;
		margin:						0 0 3px 0;
		background:					url(../images/bg_q.gif);
		width:717px;
}

/* 
	Safari hacks make Dave cry 
	For some reason Safari added 14px worth of margin to the Flash object?!
*/
#tenyears embed, #tenyears object {
		margin:						-14px;
}

#tenyears embed, #tenyears object {
		float:						left;
		margin:						0;
}

div.hidden {
		display:					none;
}

div.show {
		display:					block;
}