html {height:100%;}
body {
	background: #fff url(/images/bg-body.png) repeat-x;
	font: 12px Arial, Verdana, sans-serif;
	height:100%;
	margin: 0;
}
form, fieldset {
	padding:0;
	margin:0;
	border:0;
}
a{
	text-decoration:none;
	color: #00adef;
}
a img{border:none;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
.holder {
	width: 100%;
	overflow: hidden;
}
.main {
	background: url(/images/bg-page.png) repeat-y;
	min-height: 100%;
	overflow: hidden;
	width: 966px;
	margin: 0 auto;
}
* html .main {
 	overflow: visible;
	height: 100%;
}
#header {
	background: url(/images/bg-header.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	width: 966px;
	height: 475px;
}
#header strong.logo {
	display: block;
	margin: 8px auto 0;
	position:relative;
	width: 336px;
	height: 105px;
}
#header strong.logo a {
	background: url(/images/logo.png) no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
	display: block;
	height: 100%;
	z-index: 1;
}
/* navigation menu styles */
#navigation {
	background: url(/images/bg-navigation.png) no-repeat;
	overflow: hidden;
	width: 855px;
	height: 49px;
	padding: 9px 0 0 25px;
	margin: -8px auto 0;
}
#navigation li {
	list-style: none;
	float: left;
	color: #fff;
	width: 142px;
}
#navigation li span {
	display: block;
	cursor: default;
	clear: both;
}
#navigation li a {
	background: url(/images/nav-hover.gif) repeat-x 0 -100%;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 -2px;
	float: left;
	color: #fff;
}
#navigation li a:hover{
	text-decoration: underline;
	background-position: 0 100%;
}
/*flash messages and announcements*/
#flash{padding: 5px; font-size: 15px; margin: 20px; border: 2px solid yellow; background: #FAFBB7;}

/* content blocks styles */
#content {
	overflow: hidden;
	margin: -300px 0 0;
	position: relative;
	width: 966px;
	float: left;
	clear: both;
}

.content-home {
	position:relative;
}

.header_bg {
	background: url(/images/bg-home.jpg) no-repeat 0 -17px;
	margin:1px 4px;
	overflow:hidden;
	width:958px;
	margin:-119px 4px 1px;
	height:auto;
}

.content-area {
	color: #fff;
	margin:0px 4px;
}

.content-area_img {
	margin-top:-100px;
	width:958px; height:114px;
}
.content-home .info-box {
	float: left;
	margin: -140px 0 0 35px;
	display: inline;
	position:relative;
}
.content-home .info-box a {
	text-decoration: underline;
	color: #157baf;
}
.content-home .info-box a:hover{text-decoration:none;}
/* content blocks styles */

.left_img {
	float:left;
	width:auto;
	margin:0 30px 90px 40px;
	height:auto;
}
.content-area ul.services , .content-area ul.process , .content-area .green_bg , 
.content-area ul.rpg-buddy , .content-area ul.baconfinder,ul.veganfinder {
	background: #385e1a url(/images/bg_green.jpg) repeat-x;
	position:relative;
	padding-top:20px;
	padding:20px 40px 30px 0px;
	margin-top:-3px;
}

.content-area .green_bg {padding:30px 40px 25px; overflow:hidden;}

.content-area ul.services li , .content-area ul.process li {
	list-style: none;
	margin: 0 0 10px;
}
.content-area ul.services li strong , .content-area ul.process li strong {font-size: 18px;}
.content-area ul.services li p , .content-area ul.process li p {
	margin: 0 0 15px;
	line-height: 16px;
}

.content-area ul.rpg-buddy li {
	list-style: none;
	margin: 0 0 10px;
}
.content-area ul.rpg-buddy li strong{font-size: 18px;}
.content-area ul.rpg-buddy li p{
	margin: 0 0 15px;
	line-height: 16px;
}

.android_button {margin-left:25px;}

/* title block styles */
.title-holder {
	width: 606px;
	text-align: center;
	overflow: hidden;
	height: 85px;
	margin: 0px auto 0;
	padding: 0 20px;
	position:relative;
}

.content-home .title-holder {
	text-align: center;
	overflow: hidden;
	height: 113px;
	margin: 0 auto;
	padding: 0 20px;
	position:relative;
}

.title-holder h1 {
	font-weight: normal;
	color: #157baf;
	font-size: 28px;
	margin: 2px 0 10px;
	padding: 0 0 7px;
}

.content-home .title-holder h1 {
	background:url("/images/heading-home.gif") no-repeat scroll 50% 100% transparent;
}

.content-area .title-holder h1 {background: url(/images/heading-inner.gif) no-repeat 50% 100%;}
#content .title-holder strong {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e;
	margin: 10px 0;
}
/* information box block styles */
#content .info-box {
	background: url(/images/info-box.png) no-repeat;
	width: 381px;
	height: 125px;
	overflow: hidden;
	padding: 16px 20px 0 26px;
}
#content .info-box h2 {
	font-size: 18px;
	margin: 0;
}
#content .info-box p {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
/* contacts area styles */
#content .contacts-text {
	float: left;
	width: 260px;
}
#content .contacts-text h1 {
	font-size: 18px;
	margin: 0 0 3px;
}
#content .contacts-text p {margin: 0;}
#content .contacts-text strong {
	display: block;
	margin: 20px 0 0;
}
.content-area #transparent_bg {float:left;background: url(/images/transparent_bg.png) repeat;width: 103.5%;height:100%; 
margin: -10px 0 22px -15px;position:relative;padding-bottom:25px;}

#content .quote{font-size: 14px; font-style: italic; max-width: 31%; float: left; padding: 0px 10px 5px 10px;font-weight:bolder;height:175px;}
#content .quote .left_quote {float:left;background: url(/images/sprite_1.png) 0px 0px;width:19px;height:18px;margin:15px 5px 160px 0px;}
#content .quote .right_quote {float:right;background: url(/images/sprite_1.png) -26px 0px;width:19px;height:18px;margin-bottom:10px;}
#content .attribute {text-transform: uppercase; font-family: arial; float:left;
font-size:12px; padding: 0 10px 20px 0px;color:#BEE59D;font-weight:normal;margin-top:5px;}
.quote p {width:100%;margin-bottom: 3px;}

.top_logo {float:right;background: url(/images/sprite_1.png) no-repeat;margin-right:7px;}
.pmg {background-position: 0px -24px; width:55px; height:31px;}
.creative_citizen {background-position: -61px -22px; width:100px; height:26px;}
.terracycle {background-position: 0px -58px; width:54px; height:37px;}
.steelhouse {background-position: -49px -1px; width:118px; height:18px;}
.tele_geography {background-position: -64px -59px; width:89px; height:36px;}
.magnus {background-position: -1px -98px; width:91px; height:22px;}

#content .contacts-text a{
	color: #8bdcfa;
	text-decoration:underline;
}
#content .contacts-text a:hover{text-decoration:none;}
#content .contacts-text address{
	font-style: normal;
	display: block;
	margin: 0 0 15px;
}
#content .contacts-form {
	float: right;
	width: 568px;
}
#content .contacts-form label {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0 0 5px;
}
#content .contacts-form input.text {
	font: 14px/14px Arial, Verdana, sans-serif;
	padding: 3px 0;
	margin: 0 0 25px;
	width: 264px;
}
#content .contacts-form input.image {
	margin: 0 0 0 -1px;
	display: block;
	clear: both;
}
#content .contacts-form textarea {
	font: 14px/14px Arial, Verdana, sans-serif;
	overflow: auto;
	width: 560px;
	height: 140px;
	margin: 0 0 13px;
}

.projects-area .project  {
	width:45%;
	margin-left:13px;
}
.project {
	width: 420px;
	float: left;
	padding: 8px 30px 25px 0;
}
.project h2 {
	margin:0 0 5px;
	font-size: 16px;
}
.project a.launch-site {
	background: url(/images/btn-launch.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 98px;
	height: 29px;
	margin: 0 auto;
}
.project div.project-details {
	background: url(/images/bg-projectdetails.png);
	overflow: hidden;
	padding: 4px 4px 6px;
	width: 192px;
	float: left;
}
.project div.project-details ul {
	list-style: none;
	overflow: hidden;
	padding:8px 0 6px;
	margin:0;
}
.project div.project-details ul li {
	background: url(/images/checkbox.gif) no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 5px;
	font-size: 11px;
}
.project div.project-info {
	width: 205px;
	padding: 0 0px 0 0;
	float: right;
	margin-top:-10px;
}
.content-area ul.baconfinder li,ul.veganfinder li {
	list-style: none;
	margin: 0 0 10px;
}
.content-area ul.baconfinder  li strong,ul.veganfinder li strong{font-size: 18px;}
.content-area ul.baconfinder li p,ul.veganfinder li p{
	margin: 0 0 15px;
	line-height: 16px;
}

.projects-area .project {
	float:left;
	padding:8px 30px 25px 0;
	width:420px;
	margin-left:0px;
}

.projects-area {
	width:1000px;
}

/* footer block styles */
#footer {
	background: #fff url(/images/bg-footer.png) repeat-x;
	margin: -11px 4px 1px;
	width: 878px;
	min-height: 155px;
	padding: 30px 40px 20px;
	clear: both;
	float:left;
}
#footer h2 {
	font-size: 14px;
	margin: 0 0 10px;
}
/* headlines block styles */
#footer .headlines {
	float: left;
	overflow: hidden;
}
#footer .headlines ul {
	list-style:none;
	padding:0 0 40px;
	overflow: hidden;
	margin:0;
	width: 320px;
}
#footer .headlines ul li{
	float:left;
	width: 135px;
	overflow: hidden;
	margin: 0 18px 0 0;
}
#footer .headlines ul a.more {
	background: no-repeat 100% 4px;
	text-decoration: underline;
	padding: 0 10px 0 0;
	color: #00adef;
}
#footer .headlines ul a.more:hover{text-decoration: none;}
/* headlines block styles */
#footer .contacts {
	float: right;
	overflow: hidden;
	width: 140px;
}
#footer .contacts ul {
	list-style: none;
	padding:0 0 40px;
	margin:0;
}
#footer .contacts a{text-decoration:underline;margin:8px 0px 5px 0px;float:left;}
#footer .contacts a:hover{text-decoration:none;}

#footer .sponsoring {
	overflow: hidden;
	width: 240px;
}
#footer .sponsoring ul {
	list-style: none;
	padding:0 0 40px;
	margin:0;
}
#footer .sponsoring a{text-decoration:underline;}
#footer .sponsoring a:hover{text-decoration:none;}
#footer .sponsoring a img{border:none;}

/* copyright string and links block styles */
#footer ul.copyright {
	border-top: 1px solid #6ead19;
	overflow: hidden;
	list-style:none;
	padding: 10px 0 0;
	margin: 0;
	clear: both;
	width: 100%;
}
#footer ul.copyright li {
	background: no-repeat 0 2px;
	font-weight: bold;
	padding: 0 5px;
	margin: 0 0 0 -1px;
	color: #4a4a4a;
	float: left;
}

.mail_icon {
	float:left;
	background: url(/images/mail_icon.jpg) no-repeat;
	width:24px;
	height:18px;
	margin:-3px 6px 0px 0px;
}

.twitter_icon {
	float:left;
	background: url(/images/twitter_icon.jpg) no-repeat;
	width:24px;
	height:23px;
	margin:-8px 6px 0px 0px;
}

.content-area ul.baconfinder .badge {left: 102px;margin-top: 25px;position: absolute; background: url("/images/badge.png") no-repeat;width:158px;height:62px;}

/*for baconfinder help page*/
.content-area ul.baconfinder_help {padding:0 0 15px;float:left;width:100%;}
.content-area ul.baconfinder_help li {float:left;list-style-type:none;width:30.2%;margin:10px 0 0px 10px;background-color:#587D3A;padding:8px;}
.content-area ul.baconfinder_help li h3 {float:left;font-size:30px;font-style:italic;margin: 0;}
.content-area ul.baconfinder_help li p {float:left;font-size:13px;text-align:justify; margin: 10px 0 10px 10px;width:88%;line-height: 21px;height: 147px;}
.content-area ul.baconfinder_help li p span {font-weight:bolder;font-size:14px;text-decoration:underline;}
.content-area ul.baconfinder_help li img {float:left;margin:0 0 7px 25px;}

.content-area ul.baconfinder_help li.baconfinder_help_ext {width: 46.7%;}
.content-area ul.baconfinder_help li.baconfinder_help_ext p {width:40%;text-align:left;height:auto;}
.content-area ul.baconfinder_help li.baconfinder_help_ext img {margin:12px 0 7px 14px;}

/*for footloose page*/
.content-area #banner_brandspotter {background: url("/images/bg_green.jpg") repeat-x scroll 0 0 #385E1A;margin-top: -3px;
padding: 20px 40px 0px 0;position: relative;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;float:left;}

.content-area #banner_brandspotter div {float:left;width:40%;margin:50px 0px 0px 60px;}
.content-area #banner_brandspotter h2 {margin:0px 0px 30px 48px;font-size:42px;font-weight:normal;font-family:Arial;}

#banner_brandspotter h3 {font-size:20px;line-height:27px;width:95%;text-align: center;font-weight: normal;margin-top:10px;}
#banner_brandspotter .banner_brandspotter_img {float:left;}

.content-area #brandspotter{background-color:#F2F1F3;float:left;width:100%;}
.content-area #brandspotter h4 {background: url(/images/brandspotter_title.jpg) no-repeat;width:390px;height:56px;margin: 15px auto;}

.content-area #brandspotter ul {float:left;width:100%;padding:0px;margin:0px 0 15px 8px;}
.content-area #brandspotter ul li {float:left;width:29%;list-style-type:none;padding:0 16px 0 24px;display:inline;font-size:14px;color:#333;line-height:23px;margin-top: 8px;}
.content-area #brandspotter ul li img {float:left;margin: 0 50px;}
.content-area #brandspotter ul li h5{float:left;font-size:17px;color:#105983;margin: 10px 0px 0px;width:100%;}
.content-area #brandspotter ul li.separator {float:left;width:2px;padding:0px}
.content-area #brandspotter ul li.separator img{margin:70px 0 0;}

.content-area #brandspotter .brandspotter_footer {background: url(/images/brandspotter_footer.gif) no-repeat;float:left;width:627px;height:65px;margin:10px 0px 30px 169px;}

.content-area #banner_brandspotter div.banner_img {height:393px; width:477px; background: url(/images/covergirl_img.jpg) no-repeat;margin: 0;}

.content-area ul.rpg-buddy {float: left;}
.content-area ul.rpg-buddy a {float: right;margin:15px 50px 0px 0px;}
.content-area ul.rpg-buddy iframe {float: left;margin:5px 15px 0px 15px;}
.content-area ul.rpg-buddy .iframe {height: 420px; float: left;}

.green_bg #testimonials_logo {float:left;width:100%;margin-left:-40px;position:relative;
padding: 8px 20px 5px 80px;background-color:#E1E1E1;}
.green_bg #testimonials_logo img {float:left;margin-right:20px;}
.last_logo{margin-left:45px;}