/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#fff;background:#262628;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body, input, textarea {
	font:14px/20px Georgia, "Times New Roman", Times, serif;
	margin: 15;
}

body{
	margin:0;
	color:#808183;
	background: url(../images/bg-body.gif) #262628 repeat-x;
	min-width:960px;
}
img{border-style:none;}
a{text-decoration:none; }
a:hover{text-decoration:underline;}

.page-header a { text-decoration: underline; color: #ffffff; }
a:hover { color: #808082; }
.white, .white a { color: #fff !important; }
.grey1, .grey1 a { color: #babcbe !important; }
.grey2, .grey2 a { color: #9b9d9f !important; }
.grey3, .grey3 a { color: #808082 !important; }
.grey1 a:hover, .grey2 a:hover, .grey3 a:hover { color: #fff !important; }
.white a:hover { color: #808082 !important; }

.main{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	padding:143px 0 0;
}
.header{
	width:100%;
	overflow:hidden;
	height:143px;
	position:absolute;
	top:0;
	left:0;
}
.logo{
	display:block;
	overflow:hidden;
	margin:0;
	position:absolute;
	z-index:50;
	top:35px;
	left:16px;
}
.logo a{
	display:block;
	width:500px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.jpg) no-repeat;
}
.join {
	display:none;
	position:absolute;
	top:0;
	right:1px;
	width:223px;
	height:40px;
	overflow:hidden;
	}
.join a { 
	display: block; 
	width:223px;
	height:40px;
	background:url(/images/join-us.gif) 0 0 no-repeat;
	text-indent: -999em;
}
.join a:hover { display: block; background-position: 0 -40px; }

#menu{
	position: absolute;
	bottom: 0;
	right: 0;
	margin:0;
	padding:0 0 0;
	list-style:none;
}
#menu li{
	float:left;
	height:27px;
	padding:0;
	width:111px;
	margin: 0;
	position: relative;
}
#menu li a{
	float:left;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
	margin: 0;
	width:111px;
	height:27px;
}

#menu li.home a { background:url(../images/menu-home.png) no-repeat 0 0; }
#menu li.about a { background:url(../images/menu-about-test.png) no-repeat; }
#menu li.new a { background:url(../images/menu-how-we-work.png) no-repeat; }
#menu li.friend a { background:url(../images/menu-friendships.png) no-repeat; }
#menu li.our a { background:url(../images/menu-our-work.png) no-repeat; }
#menu li.lets a { background:url(../images/menu-lets-talk.png) no-repeat; }

#menu li:hover, #menu li.hover{ position:relative; }
#menu li:hover ul, #menu li.hover ul{ display:block; padding:0 0 20px 0; }

#menu li a:hover { background-position: 0 -27px; }
#menu li.active a { background-position: 0 -54px; }

#menu li ul{
	display:none;
	position:absolute;
	bottom:20px;
	left:2px;
	width:109px;
	overflow:hidden;
	margin:0;
	padding:0 0 20px 0;
	list-style:none;
}
#menu li.active ul { display: block; }

#menu li ul li{
	float:none;
	font-size:10px;
	line-height:14px;
	height:14px;
	padding:0 0 0 7px;
}
#menu li ul li a{
	text-indent:0;
	background:none;
	margin:0;
	padding:0;
}
#menu li ul li a:hover{
	margin:0;
	padding:0;
	text-decoration: none;
}
#menu li.about ul li a, #menu li.home ul li a, #menu li.new ul li a, #menu li.friend ul li a, #menu li.our ul li a, #menu li.lets ul li a {
	background:none;
	margin:0;
	padding:0;
	width:100%;
	float:none;
	display:inline;
}
#menu li.about ul li a:hover, #menu li.home ul li a:hover, #menu li.new ul li a:hover, #menu li.friend ul li a:hover, #menu li.our ul li a:hover, #menu li.lets ul li a:hover {
	margin:0;
	padding:0;
	width:100%;
	background:none;
	float:none;
	display:inline;
}

#menu li.home ul li a:hover, #menu li.home ul li.active a { color: #a041ae; }
#menu li.about ul li a:hover, #menu li.about ul li.active a { color: #ec3c94; }
#menu li.new ul li a:hover, #menu li.new ul li.active a { color: #f8a41a; }
#menu li.friend ul li a:hover, #menu li.friend ul li.active a  { color: #bdd52f; }
#menu li.our ul li a:hover, #menu li.our ul li.active a  { color: #00b5ad; }
#menu li.lets ul li a:hover, #menu li.lets ul li.active a { color: #00bef1; }

#menu li ul li a{
	display:inline;
	float:left;
	color:#9c9ea0;
	padding:0;
	margin:0;
}
.content{
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.content-top{
	width:945px;
	overflow:hidden;
	background:url(../images/bg-content-top.gif) #262628 repeat-x 0 100%;
	padding:35px 0 0 15px;
	border-bottom: 1px solid #fff; 
}
.content-top-inner{
	width:945px;
	overflow:hidden;
	background:url(../images/bg-content-top-inner.gif) repeat-x 0 100%;
	padding:35px 0 2px 15px;
	border-bottom: 1px solid #fff; 
}
.box-welcome{
	float:left;
	width:690px;
	padding:8px 0 60px 0;
	background:url(../images/bg-box-welcome.jpg) no-repeat 100% 100%;
}
.text-welcome{
	display:block;
	margin:0;
	width:492px;
	height:117px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-welcome.png) no-repeat;
}
.box-welcome-text{
	width:465px;
	overflow:hidden;
	padding:32px 0 0 1px;
}
.box-welcome-text strong{
	display:block;
	font-size:16px;
	line-height:21px;
	color:#fff;
	font-weight:normal;
}
.box-welcome-text p{
	margin:0 0 5px 0;
	font-size:16px;
	line-height:21px;
	color:#8c8c8e;	 
}
.box-welcome-text p span{
	color:#6e6e70;
}
.box-welcome-column{
	float:right;
	width:208px;
	padding:8px 12px 0 0;
}
.text-what{
	display:block;
	margin:0 0 6px 0;
	width:129px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-what.png) no-repeat;
}
.box-welcome-column p{
	margin:0 0 9px 0;
	font-size:11px;
	line-height:16px;
	color:#9c9ea0;
}
.box-welcome-column p strong{
	color:#fff;
}
.box-welcome-column p a{
	font-weight:bold;
	color:#a258a1;
	font-style:italic;
}
.content-bottom{
	width:100%;
	overflow:hidden;
	border-bottom: solid 1px #fff;
	padding:10px 0 14px 0;
}
.content-bottom-left-box{
	float:left;
	overflow:hidden;
	width:272px;
	padding:3px 0 0;
}
.content-bottom-left-box a img{
	display:block;
	border:none;
}
.box-view{
	width:225px;
	overflow:hidden;
	margin:8px 0 0;
	background:url(../images/movie-icon.gif) no-repeat 4px 6px;
	padding:7px 0 3px 47px;
}
.box-view p { 
	margin:1px 0 0 8px;
	font-size: 11px; 
}
.text-view{
	display:block;
	width:174px;
	height:12px;
	margin:0 0 0 7px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-view.png) no-repeat;
}
.viev-list{
	margin:0;
	padding:2px 0 0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.viev-list li{
	float:left;
	font-size:9px;
	line-height:13px;
	padding:0 5px 0 7px;
	background:url(../images/bg-view-list.gif) no-repeat 0 50%;
}
.viev-list li:first-child{
	background:none;
}
.viev-list li a{
	color:#fff;
}
.content-bottom-right-box{
	float:right;
	width:672px;
	overflow:hidden;
}
.box-holder{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-box-holder.gif) repeat-y;
}
.box-top{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-box-top.gif) no-repeat;
}
.box-bottom{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-box-bottom.gif) no-repeat 0 100%;
	padding:8px 0 12px 0;
}
.box-content{
	float:left;
	width:202px;
	overflow:hidden;
	padding:0 9px 0 13px;
}
.box-content-image{
	width:100%;
	height:131px;
}
.box-content-image li{
	display:none;
}
.box-content-image img{
	display:block;
}
.box-content-text{
	width:200px;
	overflow:hidden;
	padding:10px 0 0 2px;
}
.box-content p{
	margin:0;
	font-size:11px;
	line-height:16px;
	color:#9c9ea0;
}
.box-content p strong{
	color:#fff;
	font-style:italic;
	padding-right: 4px;
	font-weight: bold; 
}
.box-content p a{
	color:#a258a1;
	font-weight:bold;
	font-style:italic;
}
.box-content-image ul{display:none;}

.footer:after{
	content:"";
	clear:both;
	display:block;
}
.footer{
	width:100%;
	min-height:227px;
	background:url(../images/bg-footer.gif) repeat-x;
}
* html .footer{height:227px;}
.footer-content{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:8px 0 0 0;
/*	background: url(../images/bg-column-border.png) top left repeat-x; */
	border-top: 1px solid #fff; 
}
.footer-content span{
	float:right;
	font-size:9px;
	line-height:13px;
	color:#808183;
}
.footer-content span a{
	color:#808183;
}
.footer-content p{
	margin:0;
	font-size:9px;
	line-height:13px;
	color:#808183;
}
.footer-content p a {
	color: #808183;
}
.content-navigation{
	float:left;
	width:229px;
	overflow:hidden;
	padding:8px 0 0 1px;
}
.text-some{
	display:block;
	margin:0;
	width:202px;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-some.png) no-repeat;
}
.content-nav{
	margin:0;
	padding:9px 0 0;
	list-style:none;
}
.content-nav li{
	font-size:13px;
	line-height:17px;
}
.content-nav li a{
	color:#808183;
}
.content-nav li a:hover, .content-nav li a.active, .content-nav li.current_page_item a{
	color:#fff;
	text-decoration:none;
}
.images-box-holder{
	width:649px;
	overflow:hidden;
	float:right;
	display:inline;
	margin:10px 16px 38px 0;
	background:url(../images/bg-images-box-holder.gif) repeat-y;
}
.images-box-top{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-images-box-top.gif) no-repeat;
}
.images-box-bottom{
	width:631px;
	overflow:hidden;
	padding:8px 9px 10px 9px;
	background:url(../images/bg-images-box-bottom.gif) no-repeat 0 100%;
}
.images-box-inner{
	width:631px;
	overflow:hidden;
	position:relative;
	height:408px;
}
.images-box-inner div{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:631px;
	height:408px;
}
.images-left-link{
	display:block;
	position:absolute;
	left:0;
	bottom:12px;
	width:18px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-images-link-left.png) no-repeat;
}
.images-right-link{
	display:block;
	position:absolute;
	right:0;
	bottom:12px;
	width:18px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-images-link-right.png) no-repeat;
}
.content-bottom-inner{
	width:960px;
	overflow:hidden;
	padding: 34px 0 20px 0;
}
.left-column{
	float:left;
	overflow:hidden;
	width:210px;
}
.case-quote {
	width:189px;
	background:url(../images/bg-left-column.gif) no-repeat;
	padding:2px 0 0 21px;
	 }

.left-column p{
	margin:0;
	text-indent:3px;
	font-size:11px;
	line-height:16px;
	color:#9c9ea0;
}
.left-column p span{
	display:inline-block;
	width:19px;
	height:14px;
	background:url(../images/bg-qoute.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 -3px 2px;
}
.left-column strong{
	font-size:10px;
	line-height:16px;
	display:block;
	color:#00b6ae;
	padding:4px 0 0;
}
.right-column{
	float:right;
	width:630px;
	padding:5px 34px 0 0;
}
.text-bringing{
	display:block;
	width:580px;
	height:64px;
	overflow:hidden;
	margin:0;
	text-indent:-9999px;
	background:url(../images/text-bringing.png) no-repeat;
}
.right-column strong{
	display:block;
	font-size:13px;
	/*line-height:18px;*/
	color:#9c9ea0;
	font-style:italic;
	padding:6px 0 15px 0;
}
.right-column strong span{
	color:#00b6ae;
}
.right-column p{
	margin:0 0 9px 0;
	font-size:14px;
	line-height:20px;
	color:#808183;
}


.experience-box {
	overflow:hidden;
	padding:10px 0 39px 0;
	width:100%;
	background: #262628 url(/images/bg-box-experience.gif) 0 0 repeat-x;
}

.experience-box  h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.experience-box p {
	font-size: 11px;
	line-height: normal;
	color: #9b9d9f;
	line-height: 16px;
	margin: 0 0 10px 0;
}

.experience-box span.person {
	color: #a158a0;
	font-weight: bold;
}

.experience-box span.email, .experience-box span.email a {
	color: #babcbe;
}

.experience-box span.tel {
	color: #808082;
}

.experience-box-content {
	width: 667px;
	float: right;
	padding: 25px 0 0 0;
}

.text-wehaveexperience {
	display:block;
	margin:0;
	width:574px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-wehaveexperience.png) no-repeat;
}

.column-1 {
	width: 197px;
}

.column-2 {
	width: 137px;
	margin-right: 20px;
}

.column-3 {
	width: 134px;
	margin-right: 24px;
}

.column-4 {
	width: 128px;
}

.experience-column {
	float: left;
}

.experience-column dl, .page-content-right ul {
	font-size: 11px;
	line-height: 13px;
	font-size: 11px;
	margin: -5px 0 0 0;
}

.experience-column dt, .page-content-right h3 {
	color: #babcbe;
	font-weight: bold;
	padding: 0 0 0 17px;
	margin: 5px 0 2px 0;
	font-size: 11px;
	line-height: 15px;
	background: url(../images/bullet.png) top left no-repeat;
}

.experience-column dd, .page-content-right li {
	margin: 0 0 0 17px;
	line-height: 14px;
	letter-spacing: 0.03em; 
}

.page-content-right h3 {
	margin: 20px 0 0 0;
	color: #ec3c94;
	background: url(../images/bullet2.png) top left no-repeat;
}





/* NEWS */

.page {
	padding: 43px 0 2px 0;
	margin: 0;
	background: #262628;
}

.page-header {
	padding: 0 0 0 15px;
}

.page-header h2 {
	margin: 0 0 23px 0;
}

.page-header p {
	font-size: 16px;
	line-height: 21px; 
	width: 515px;
	color: #fff;
	margin: 0 0 5px 0;

}

.page-header p span {
	color:#9b9d9f;
}

.page-content {
/*	overflow: auto; */
	margin: 0;
	background:url(../images/page-content-bg.png) #262628 repeat-x 0 100%;
}

.page-content-left {
	float: left;
	width: 705px;
	padding: 0 0 80px 15px;
	margin: 0 0 0 0;
	background:url(../images/page-left-column-bg.png) #262628 repeat-x 0 100%;
}

.page-content-right {
	float: left;
	width: 210px;
	margin: 30px 0 0 0;
	padding: 0 0 0 9px;
}

.page-content-right span.border {
	display: block;
	width: 100%;
	margin: 0 0 0 -9px;
	height: 1px;
	border-top: 1px solid #fff; 
/*	background: url(../images/bg-column-border.png) top left repeat-x;	*/
}

.page-content-right ul {
	margin: 2px 0 0 0;
}

.post {
	float: left;
	clear: both;
	margin: 28px 0 0 0;
	width: 611px;
}

.post .date {
	width: 611px;
	height: 17px;
	background: url(../images/bright-header-bg.png) bottom left no-repeat;
	color: #fff;
	font-size: 14px;
	padding-left: 6px;
	line-height: 17px;
	font-weight: bold;
}

.post h2 {
	font-size: 16px;
	color: #fff;
	margin: 10px 0 0 0px;
	padding: 0 145px 10px 0;
	width: 466px;
}

.entry { clear: both; border-top: 1px solid #fff; padding-top: 10px; }

.post p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #9b9d9f;
}

.post p a {
	color: #ec3c94;
	font-weight: bold;
	font-style: italic;	
}

.post img.alignright { float: right; margin: 0 0 7px 7px; }
.post img.alignnone, .post img.alignleft { float: left; clear: right; margin: 0 5px 7px 0; }

.page-content-right li a {
	color: #808082;
}

.alignleft {
	float: left;
	margin: 15px 15px 0 0;
}

.text-news {
	display:block;
	margin:0;
	width:412px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-news.png) no-repeat;
}



/* EXPERIENCE */

#experience .page-content {
	background:url(../images/bg-page-content-experience.png) #262628 repeat-x 0 100%;
}

#experience .page-content-left {
	width: 590px;
}

#experience .page-content-right {
	width: 346px;
	margin-top: 0;
	border-top: solid 40px #262628;
}

#experience .page-content-right span.border {
	width: 355px;
}

#experience .page-content-left ul {
	float: left;
	width: 110px;
	margin: 40px 3px 0 0;
	font-size: 11px;
	line-height: 13px;
	color: #808082;
}

#experience .page-content-left ul li {
	margin: 0 0 4px 0;
	width: 100px;
}

#experience .page-content-left ul li a:hover {
	background: url(../images/experience-hover.png) top left no-repeat;
	color: #fff;
	cursor: pointer;	
}

#experience .page-content-left ul li:hover a {
	color: #fff;	
}

#experience .page-content-left ul li a {
	text-decoration: underline;
	color: #9b9d9f;
	display: block;
	padding: 2px 2px 2px 0;
	width: 100px;
}

#experience .page-content-left {
	padding-bottom: 40px;
}

#experience blockquote {
	display: none;
	font-size: 14px;
	color: #9b9d9f;
	padding: 25px 0 0 40px;
	width: 277px;
	background: url(../images/quote-open.png) 0px 20px no-repeat;
}

#experience blockquote p#quote-content {
	padding: 0 0 28px 0;
	line-height: 20px;
	background: url(../images/quote-close.png) 100% 100% no-repeat;
}

#experience blockquote p.person {
	color: #808082;
	font-size: 11px;
	background: none;
	font-weight: bold;
	margin-top: -13px; 
}

#experience blockquote p.person strong {
	font-size: 12px;
	color: #fff;
	line-height: 13px;
	font-style: italic;
}

.text-experience {
	display:block;
	margin:0;
	width:473px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-experience.png) no-repeat;
}


/* BETTER TOGETHER */

.text-bettertogether {
	display:block;
	margin:0 0 5px 0;
	width:522px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-bettertogether.png) no-repeat;
}

.box-bettertogether{
	float:left;
	width:940px;
	padding:8px 0 45px 0;
}

.box-bettertogether .box-welcome-text { width: 519px; }

#bettertogether {
	border-bottom: solid 1px #fff;
	background:url(../images/bg-box-bettertogether.png) bottom right no-repeat;
}

#who-box {
	overflow:hidden;
	padding:20px 0 2px 0;
	width:100%;
	/* background: url(../images/bg-column-border.png) bottom left repeat-x; */
	margin: 0;
}

#who-box h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#who-box p {
	font-size: 11px;
	line-height: normal;
	color: #9b9d9f;
	line-height: 16px;
	margin: 0 0 10px 0;
}

#who-box .box-left-column {
	float: left;
	overflow: auto;
	padding: 12px 0 30px 18px;
	width: 524px;		
	background:url(../images/bg-box-who.png) repeat-x 0 100%;
}

#who-box .box-right-column {
	float: right;
	width: 334px;
	margin: 0 0 0 0;
}

#who-box .box-right-column p {
	width: 334px;
	padding: 0;
	margin: 10px 0 0 0;
}

#who-box ul {
	margin: 0 0 0px 0;
	padding-bottom: 10px; 
	border-bottom: solid 1px #fff;
	width: 538px; 
	line-height: 18px;
}
#who-box li { margin-left: 18px; }

#who-box ul li a {
	color: #626366;
	font-size: 16px;
}

#who-box ul li a:hover, #who-box ul li.selected a {
	color: #babcbe;
	text-decoration: none;
}

#who-box .box-left-column img {
	float: left;
	margin: 3px 0 0 0;
}

#who-box p {
	float: right;
	width: 363px;
	padding: 0 20px 0 0;
}

#who-box-footer {
	width: 100%;
	height: 190px;
	background: url(../images/bg-who-box-footer.png) top left repeat-x;
}


/* ZIGGING */

.text-zigging {
	display:block;
	margin: 0 0 25px 0;
	width:363px;
	height:86px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-zigging.png) no-repeat;
}

#zigging {
	border: none;
}

#zigging .box-welcome-text {
	float: left;
	padding-top: 8px; 
}

#zigging .box-welcome-text a {
	color: #babcbe;
	text-decoration: underline; 
/*	border-bottom: solid 1px #737374; 
}

#zigging .box-welcome-text a:hover {
	text-decoration: none;	*/
}

#zigging .box-image {
	float: right;
	width: 418px;
}

.zigging-footer {
	width: 100%;
	height: 335px;
	background: url(../images/bg-column-border.png) top left repeat-x;
}

/* A BETTER PLACE */

.text-betterplace {
	display:block;
	margin: 0 0 23px 0;
	width:450px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-betterplace.png) no-repeat;
}

#betterplace {
	border: none;
	padding-bottom: 120px; 
}

#betterplace.content-top { border: 0; }

#betterplace .box-welcome-text {
	float: left;
	padding-top: 8px;
	width: 455px; 
}

#betterplace .box-image {
	float: right;
	width: 460px;
}

.betterplace-footer {
	width: 100%;
	height: 335px;
	background: url(../images/bg-column-border.png) top left repeat-x;
}

/* LEANER & GREENER */

.text-leaner {
	display:block;
	margin: 10px 0 15px 0;
	width:543px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-leaner.png) no-repeat;
}

#leaner {
	border-bottom: solid 1px #fff;
	padding-bottom: 87px;
	background:url(../images/bg-box-leaner.png) bottom right repeat-x;
}

#leaner .box-welcome-text { padding-top: 8px; width: 520px; }

#leaner .box-welcome-text p a {
	text-decoration: underline;
}

#carousel {
	width: 100%;
	overflow: auto;
}

.carousel-left, .carousel-right {
	float: left;
	width: 47px;
	height: 103px;
	margin: 0;
}

.carousel-left {
	margin-left: 17px;	
}

.carousel-footer {
	width: 100%;
	height: 330px;
	background: url(../images/bg-who-box-footer.png) top left repeat-x;
}

.right-column { height: 500px; }

.right-column h2 { width: 630px; height: 62px; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; margin-bottom: 5px; }

.right-column h2.arcrate-header { background-image: url(/images/headers/arcrate.gif); }
.right-column h2.carbon-clear-header { background-image: url(/images/headers/carbon-clear.gif); }
.right-column h2.diy-manager-header { background-image: url(/images/headers/diy-manager.gif); }
.right-column h2.explore-header { background-image: url(/images/headers/explore.gif); }
.right-column h2.ffc-header { background-image: url(/images/headers/ffc.gif); height: 28px; }
.right-column h2.friends-reunited-header { background-image: url(/images/headers/friends-reunited.gif); }
.right-column h2.hampshire-header { background-image: url(/images/headers/hampshire.gif); }
.right-column h2.itv-header { background-image: url(/images/headers/itv.gif); }
.right-column h2.johnnie-walker-header { background-image: url(/images/headers/johnnie-walker.gif); }
.right-column h2.kantan-header { background-image: url(/images/headers/kantan.gif); }
.right-column h2.little-dog-header { background-image: url(/images/headers/little-dog.gif); }
.right-column h2.nhs-header { background-image: url(/images/headers/nhs.gif); }
.right-column h2.oxfam-header { background-image: url(/images/headers/oxfam.gif); }
.right-column h2.pageone-header { background-image: url(/images/headers/pageone.gif); }
.right-column h2.say-header { background-image: url(/images/headers/say.gif); }
.right-column h2.sea-band-header { background-image: url(/images/headers/sea-band.gif); }
.right-column h2.suffolk-life-header { background-image: url(/images/headers/suffolk-life.gif); }
.right-column h2.trek-header { background-image: url(/images/headers/trek.gif); height: 28px; }
.right-column h2.virgin-header { background-image: url(/images/headers/virgin.gif); }
.right-column h2.yahoo-header { background-image: url(/images/headers/yahoo.gif); }

.right-column strong { font-weight: bold; }

/* GOOD FREINDS */

.text-goodfriends {
	display:block;
	margin: 8px 0 15px 0;
	width:490px;
	height:86px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-goodfriends.png) no-repeat;
}

#goodfriends {
	border-bottom: solid 1px #fff;
	padding-bottom: 87px;
	background:url(../images/bg-box-goodfriends.png) bottom right no-repeat;
}

#goodfriends .box-welcome-text { padding-top: 2px; width: 430px; }

#featured-friend-footer {
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/bg-friend-box-footer.png) top left repeat-x;
	height: 130px;
}

.featured-friend {
	float: left;
	width: 255px;
	padding: 0 0 20px 18px;
}

.featured-friend h2 {
	text-indent: -999em; 
	margin: 22px 0 8px 0;
	background: url(/images/text-featuredfriend.gif) 0 0 no-repeat; 
	width: 154px; 
	height: 15px; 
}

.featured-friend p {
	margin: 0 0 7px 0;
	font-size: 11px;
	line-height: 15px;
	color: #9b9d9f;
	letter-spacing: 0.03em; 
}

.featured-friend p strong {
	color: #fff;
	font-weight: bold;
}

.featured-friend p.person {
	font-size: 14px;
	color: #808082;
	line-height: 19px;
	margin: 0 0 15px 0;
}

.featured-friend p.person strong {
	color: #bdd52f;
	font-size: 15px;
	font-weight: normal;
}

.featured-friend-visuals {
	float: left;
	width: 649px;
	padding: 8px;
	margin-left: 20px;
	border-left: solid 1px #59595b;
	border-right: solid 1px #59595b;
}

.featured-friend-box-top {
	float: left;
	font-size: 0;
	height: 4px;
	width: 666px;
	padding: 0;
	margin: 10px 0 0 20px;
	background: url(../images/bg-box-ff-visuals.png) top left no-repeat;
}

.featured-friend-box-bottom {
	float: left;
	height: 4px;
	width: 666px;
	margin: 0 0 0 20px;
	background: url(../images/bg-box-ff-visuals.png) bottom right no-repeat;
}

.featured-friend-visuals .column1 {
	float: left;
	width: 229px;
}

.featured-friend-visuals .column1 p {
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
	margin-left: 3px;
}


.featured-friend-visuals .column1 p strong {
	color: #bdd52f;
}

.featured-friend-visuals .column2 {
	float: left;
	width: 202px;
	margin-left: 7px;
}

.featured-friend-visuals .column1 img { margin-bottom: 10px; }

.featured-friend-visuals .column2 img {
	margin-bottom: 7px;	
}

.featured-friend-visuals .column2 p {
	font-size: 11px;
	color: #9b9d9f;
	line-height: 16px;
	width: 190px;
	margin-top: 3px;
	margin-bottom: 15px;
}

.featured-friend-visuals .column2 p strong {
	color: #fff;
	font-weight: bold;
	margin-right: 5px;
	font-style: italic;
}

/* CREATIVE EDGE */

.text-creativeedge {
	display:block;
	margin: 8px 0 0 0;
	width:554px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/text-creativeedge.png) bottom left no-repeat;
}

#creativeedge {
	/* background: url(../images/bg-box-creativeedge.png) #323234 bottom left repeat-x; */
	border-bottom: 1px solid #fff;
}

#creativeedge .box-welcome-text {
	width: 566px;
	padding-bottom: 30px;
	font-size: 16px;
	padding-top: 22px; 
}

#creativeedge .box-welcome-text p a {
	text-decoration: underline;
}

.portfolio {
	overflow: auto;
	width: 961px;
	padding: 10px 0 10px 1px;
}

.portfolio-item {
	width: 190px;
	height: 131px;
	margin: 0 2px 0 0;
	float: left;
	background: url(../images/portfolio-bg.png) top left no-repeat;
	position: relative;
}

.portfolio-item img {
	margin: 4px 0 0 1px;
}


.portfolio-item .portfolio-item-desc {
	position: absolute;
	bottom: 6px;
	left: 1px;
	width: 166px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}

.portfolio-item .portfolio-item-desc p {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 0 10px;
	background: url(../images/bullet3.png) #000 0 4px no-repeat;
}

.portfolio-item .portfolio-item-desc p a {
	color: #fff;
	display: block;
}

.portfolio-footer {
	width: 100%;
	height: 330px;
	background: url(../images/bg-who-box-footer.png) top left repeat-x;
}


div.portfolio-item-desc
{
	display:none;
		
}

/* PRIVACY PAGE */

#textpage {
	color: #babcbe;
	margin: 0 0 0 15px;
	width: 650px;
	padding: 0 0 50px 0;
}

#textpage a { color: #babcbe; text-decoration: underline; }
#textpage a:hover { color: #fff; }

#textpage h2 {
	font-size: 18px;
	margin: 40px 0 6px 0;
	font-weight: bold;
	color: #babcbe;
}

#textpage h2.privacy { background: url(/images/headers/privacy-statement.gif) 0 0 no-repeat; width: 176px; height: 18px; text-indent: -999em; }
#textpage h2.environmental { background: url(/images/headers/environmental-policy.gif) 0 0 no-repeat; width: 210px; height: 18px; text-indent: -999em; }

#textpage h3 {
	font-size: 14px;
	margin: 10px 0 3px 0;
}

#textpage p, #textpage ul, #textpage ol {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 8px 0;
}

#textpage li { list-style-type: disc; list-style-position: inside;}


/* TELL US */

#joinus .content-top, #tellus .content-top {
	padding-bottom: 110px;
	border: none;
	background: url(../images/bg-box-tellus.png) bottom left repeat-x;
}



#tellus .box-welcome-text, #joinus .box-welcome-text {
	width: 520px;
	padding: 0 0 10px 0;
}


.text-tellus {
	display:block;
	margin: 7px 0 23px 0;
	width:218px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-tellus.png) top left no-repeat;
}

/* JOIN US */

.text-joinus {
	display:block;
	margin: 8px 0 15px 0;
	width:204px;
	height:47px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-joinus.png) top left no-repeat;
}

#joinus h3 {
	margin-top: 32px;
}


/* CONTACT US */

.text-contactus {
	display:block;
	margin: 9px 0 5px 15px;
	width:344px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-contactus.png) top left no-repeat;
}

.text-getintouch {
	display:block;
	margin: 0 0 5px 0;
	width:135px;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-getintouch.png) top left no-repeat;
}

#contactus h3.text-thedetails {
	display:block;
	margin: 15px 0 5px 0;
	width:122px;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-thedetails.png) top left no-repeat;
}


#contactus #form-a {
	overflow: auto;
	padding: 0 0 20px 0;
}

#contactus {
	color: #9b9d9f;
}

#contactus .box-welcome-text {
	float: left;
	width: 569px;
	padding-left: 15px;
	background: #262627 url(../images/bg-contactus-left.png) bottom left repeat-x;
	padding-top: 18px;
}

#contactus .content-top {
	padding-left: 0;
	width: 960px;
	border: none;
	background: url(../images/bg-contactus.png) bottom left repeat-x;
}

#contactus h3 {
	font-size: 22px;
	margin-top: 48px;
}

#contact-details {
	width: 497px;
	padding: 0 0 15px 0;
	margin: 0 0 146px 0;
	border: 1px solid #fff; border-width: 1px 0; 
}

#contact-details p {
	color: #9b9d9f;
	font-size: 11px;
	line-height: 16px;
	margin: 15px 0 0 0;	
}

#contact-details p a {
	color: #9b9d9f;
	text-decoration: underline;
}

#contact-details strong {
	color: #00bef1;
	display: inline;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}

#contact-details p.contact {
	margin-top: 10px;
}

#contact-details p.contact, #contact-details p.contact strong {
	line-height: 17px;
}

#contactus .page-content-right {
	float: right;
	width: 375px;
	margin: 145px 0 0 0;
	padding: 0;
	position: relative;
}

#contactus .page-content-right ul {
	position: absolute;
	top: 273px; left: 0; 
	width: 375px;
	margin: 0;
	height: 29px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#contactus .tabs-nav { padding: 0; }

#contactus .page-content-right ul li {
	float: left;
	height: 27px;
	text-align: center;
	margin: 0;
	width: 113px;
}

#contactus .page-content-right ul li a {
	display: block; 
	padding: 7px 0; 
	font: italic bold 11px Georgia, times, "times new roman", sans-serif; 
	text-align: center;
	width: 113px;
	background-color: #2f2f30;
	border-right: solid 1px #2f2f30;
	color: #808082 !important;
	text-decoration: none;
	text-transform: none; 
	outline: none;
}

#contactus .page-content-right ul li a:hover, #contactus .page-content-right ul li.ui-tabs-selected a {
	color: #00bef1 !important;
	background-color: #353539 !important;
}

#contactus .page-content-right ul li.ui-state-active a {
	color: #00bef1 !important;
	background-color: #353539 !important;
}


#form-a {
	margin: 20px 0 0 0;
	width: 500px;
}

#form-a .form-row {
	float: left;
	clear: both;
	padding-bottom: 3px;
	width: 500px;
}

#form-a .form-row * {
	vertical-align: middle;	
}

#form-a .form-row label {
	float: left;
	display: block;
	width: 74px;
	line-height: 28px;
	color: #9b9d9f;
	font-size: 11px;
}

#form-a input {
	float: left;
	width: 410px;
	border: solid 1px #59595b;
	background-color: #353539;
	height: 20px;
	color: #9b9d9f;
	line-height: 20px;
	padding: 3px 3px 3px 3px;
}

#form-a input.required { border: 1px solid #00BEF1; }

#form-a input#cv {
	width: auto;
	height: auto;
}

#form-a p {
	float: left;
	margin: 3px 0 0 5px;
	font-size: 11px;
	color: #9b9d9f;
}

#form-a .comment-row {
	float: left;
	clear: both;
	margin: 22px 0 0 0;
	width: 500px;
}

#form-a label {
	float: left;
	clear: both;
	font-size: 16px;
	margin: 0 0 3px 0;
}

#form-a .comment-row textarea {
	float: left;
	width: 486px;
	height: 130px;
	border: solid 1px #59595b;
	background-color: #353539;
	color: #9b9d9f;
	line-height: 20px;
	padding: 3px;
	margin-top: 3px;
	overflow: auto;
}

#form-a .form-row .submit {
	width: 81px;
	border: none;
	height: 17px;
	background: none;
	margin: 10px 0 0 0;
}

/* join us image */

#joinus .box-welcome-text { float: left; }
.join-us-right { float: right; width: 400px; margin-right: 10px; display: inline; }

/* tabs on better together page */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs .ui-tabs-nav { list-style: none; margin: 0; padding: 0 4px 0 0; }
.ui-tabs .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */    display: block; clear: both; content: " "; }
.ui-tabs .ui-tabs-nav li { }
.tabs-nav a { position: relative; z-index: 2; white-space: nowrap; /* required in IE 6 */     }
#who-box .ui-tabs-nav .ui-tabs-selected a, #who-box .ui-tabs-nav .ui-tabs-selected a, #who-box .ui-tabs-nav a:hover, #who-box .ui-tabs-nav a:focus, #who-box .ui-tabs-nav a:active { color: #babcbe; outline: 0; /* prevent dotted border in Firefox */ }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.ui-tabs-nav .ui-tabs-disabled { opacity: .4; }
.ui-tabs-container { background: ; /* declare background color for container to avoid distorted fonts in IE while fading */ }

.error { background-color: #211f20; width: 469px; margin-top: 15px; padding: 8px 12px 6px; }
.error p { color: #00bef1; }

#formholder { min-height: 379px; }

p.thanks { color: #00bef1; padding-top: 10px; }

#map { background-color: #262627; }
#map-holder { width: 375px; height: 273px; }