/*	-------------------------------------------------------------
	BLUE SCHEME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background: #fefefe url("../../images/bg_body.png") no-repeat top center; }
	
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#4b860f; }	

a.signupnowsmall {
  	color:#fff;
  	text-shadow: 1px 1px 0 #142304;
  	background: #4b860f url("../../images/bg_button_light.png") repeat-x bottom center;
  	border:1px solid #142304;} 

a.signupnowsmall:hover {
  	background: #97c569 url("../../images/bg_button.png") repeat-x bottom center; } 
	
/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.container {
	background: transparent url("../../images/bg_container.gif") repeat-x top left; }


.content-top {
	background: transparent url("../../images/content_top.png") no-repeat top left; }

.content {
	background: transparent url("../../images/content_bg.png") repeat-y left bottom; }

.content-btm {
	background: transparent url("../../images/content_btm.png") no-repeat top left; }

/*	-------------------------------------------------------------
	MISC (NEED A CLEANUP!)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.block p.meta span {
	color:#1c6997; }

/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.header h1 {
	background:transparent url("../../images/logo.png") no-repeat top left; } /* YOUR LOGO IMAGE */

/* SHOWCASE */	
.showcase {
/*	background: transparent url("../../images/bg_showcase.png") no-repeat top center; */}

.showcase h2, .showcase p {
	color:#fff;
	text-shadow: 0 1px 0 #153005;} 

	.showcase #slider a {
		color:#fff;
		border:1px solid #142304;
		text-shadow: 1px 1px 0 #142304;
	 	background: #97c569 url("../../images/bg_button.png") repeat-x bottom center; }

		.showcase #slider p a:hover {
			background: #c4f396 url("../../images/bg_button.png") repeat-x bottom center; }


/* PAGE TITLE */
.page-title {
	/* background: transparent url("../../images/bg_showcase.png") no-repeat top center; */ 
	height:87px;
	line-height:87px;
	
}

.page-title h2 {
	color:#4a4a4a;
	text-shadow: 0 1px 0 #fff; 
	font-weight:600;
	font-size:32px;
	margin-left:15px;
	}

	.page-title ul.nav li a {
		color:#4a4a4a;
		text-shadow: 0 1px 0 #fff;
		font-weight:200; }

	.page-title ul.nav li a:hover {
		color:#0088CC !important;
		}
	
	.page-title ul.nav li.current_page_item a {
		color:#999999 !important;
		cursor:default;
	}

/*	-------------------------------------------------------------
	TABLES (PRICING)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

table#plans thead th em.tagline {
	color: #4b860f; }

table#plans thead th h5 {
	color: #4b860f; }

table#plans td.most_popular a.signupnowsmall {
	border:1px solid #142304;
	text-shadow: 1px 1px 0 #142304;
 	background: #97c569 url("../../images/bg_button.png") repeat-x bottom center; }

	table#plans td.most_popular a.signupnowsmall:hover {
	  	background: #c4f396 url("../../images/bg_button.png") repeat-x bottom center; }

/*	-------------------------------------------------------------
	BLOG
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p.articlemeta span {
	color:#000; }

.post .comments {
	background: transparent url("../../images/icon_comment.png") no-repeat 0 0; }
	
li.rss {
  	background: url("../../images/icon_rrssubscribe.png") no-repeat 0 2px; }

.commentlist li.bypostauthor cite {
	color:#1c6997; }
	
#commentform #submit {
	color:#fff;
	border:1px solid #142304;
	text-shadow: 1px 1px 0 #142304;
 	background: #97c569 url("../../images/bg_button.png") repeat-x bottom center; }

#commentform #submit:hover {
	background: #c4f396 url("../../images/bg_button.png") repeat-x bottom center; }

#infos {
	background: #fff url("../../images/bg_info.png") repeat-x bottom center; }

#infos #rss a {
  	background:transparent url("../../images/icon_rrssubscribe.png") no-repeat 0 2px; }

/*	-------------------------------------------------------------
	FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

form input.submit {
	color:#fff;
	border:1px solid #142304;
	text-shadow: 1px 1px 0 #142304;
 	background: #97c569 url("../../images/bg_button.png") repeat-x bottom center; }

	form input.submit:hover {
		background: #c4f396 url("../../images/bg_button.png") repeat-x bottom center; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.footer a.twitter {
	font-size:11px;
	height:32px;
	line-height:32px;
	display:block;
	padding-right:45px;
	border:none;
	background:transparent url("../../images/twitter.png") no-repeat top right; }


/*	-------------------------------------------------------------
	WSP Custom content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.heading-center {
	text-align: center;
	margin-top:35px;
}

.heading-center p{
	font-size:14px;
	letter-spacing:0.01em;
	line-height:23px;
	margin:0 228px;
}

.heading-center h2{
	color:#4A4A4A;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:45px;
	font-weight:600;
}

.heading-center h3{
	color:#666666;
	font-weight:normal;
}

 #watch-demo{
	margin:20px auto 30px;
	text-align:center;
	width:193px;
	height:33px;
	display:block;
	text-indent:-9999px;
	background: url(../../../images/watch-the-demo.gif);
}

 #watch-demo:hover{
	border:none;
	text-decoration:none;
	background: url(../../../images/watch-the-demo.gif) 0 -33px;
}


#promo-image{
	background:url("../../../images/promo-image.gif") no-repeat scroll 0 0 transparent;
	bottom:-46px;
	height:353px;
	left:320px;
	position:absolute;
	width:355px;
}

#hero-left{
	width: 245px;
	float:left;
	padding-top:10px;
}

#hero-right{
	margin-left: 645px; 
	width:300px;
	padding-top:10px;
}

#test-drive-wrapper{}

#test-drive-wrapper em{
	display:block;
	font-size:1.16em;
	font-style:normal;
	font-weight:600;
	text-align:center;
}

#free-trial-link{
	width:299px;
	height:109px;
	background: url(../../../images/free-trial.gif) no-repeat;
	text-indent: -9999px;
	display:block;
}

#free-trial-link:hover{
	border:none;
	background: url(../../../images/free-trial.gif) no-repeat 0 -109px;
}

#user-login{
	text-align:center;
}

.link-inline{
	color:#3e8bce;
	padding-right:10px;
	background: url(../../../images/icon-link-arrow.gif) right 6px no-repeat;
	font-style:normal;
}

.link-inline:hover{
	text-decoration: underline;
	border-bottom:none;
}

.link-block-grey{
	background:url("../../../images/link-block-grey.gif") no-repeat scroll right 0 transparent;
	color:#393939;
	cursor:pointer;
	display:block;
	float:left;
	height:35px;
	line-height:30px;
	margin-right:5px;
	margin-top:6px;
	padding-right:15px;
	text-decoration:none;
}

.link-block-grey span{
	background:url("../../../images/link-block-grey.gif") no-repeat scroll left 0 transparent;
	color:#393939;
	cursor:pointer;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	height:35px;
	padding-left:15px;
}

.link-block-grey:hover{
	border:none;
	background:url("../../../images/link-block-grey.gif") no-repeat scroll right -34px transparent;
}

.link-block-grey:hover span{
	background:url("../../../images/link-block-grey.gif") no-repeat scroll left -34px transparent;
}

#features  {
	clear:both;
	margin:-30px -38px;
	padding:0;
}

#features li {
	float:left;
	list-style:none outside none;
	margin:0 0 -20px;
	padding:0;
	width:248px;
}

#features li a {
	border-left:1px solid #E5E5E5;
	border-bottom:none !important ;
	color:#252525;
	display:block;
	min-height:144px;
	padding:25px 15px 0px 20px;
	position:relative;
	text-decoration:none;
}

#features li a.roundedleft {
	border-left:medium none;
}

#features img {
	margin:0 -20px;
}

#features h3{
	font-size:1.6em;
	font-weight:600;
	line-height:1.2em;
	margin:0 0 10px;
}

#features p{
	color:#666666;
	line-height:1.5em;
	font-size:14px;
}

#features li a:hover .link-inline{
	text-decoration:underline;
}

#signup_left{
    width: 490px;
	float: left;
	position: static;
}

#signup_right{
    background: url("../../../images/shadow.jpg") no-repeat;
    width: 390px;
	float: right;
	padding: 0 0 0 40px;
	position: static;
	min-height: 362px;
}

#signup_form_buttons input.submit  {
 	font-family: "Droid Sans Bold", sans-serif;
  	margin:0 0 0 0;
  	padding:15px 30px 15px 30px;
  	cursor: pointer;
  	display: block;
  	font-size:14px;
  	letter-spacing: normal;
  	text-align: center;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-ms-border-radius: 5px; } 

#signup_form_buttons input.submit:hover {
	cursor:pointer; }

#signup_container{
    background: #f5fcff;
	outline: 1px solid #cbeeff;
	padding: 10px 10px 10px 10px;
}

#signup_form_First_Name_div label {
	position: static;
	top:0px;
	left:10px; 
	font-size:11px;
	color:#666; 
	float: left; 
	width: 100px; 
	padding: 0 0 0 0; 
	font-weight: normal; 
	display:block; 
}

#signup_form_First_Name_div input{
    width: 312px;
	border: 1px solid #cbeeff;
	background: #ffffff;
    color: #666;
	font-size:11px;
	margin: 4px 0 13px 0;
	outline: none;
	padding: 10px;
}

#signup_form_Last_Name_div label {
	position: static;
	top:0px;
	left:10px; 
	font-size:11px;
	color:#666; 
	float: left; 
	width: 100px; 
	padding: 0 0 0 0; 
	font-weight: normal; 
	display:block; 
}

#signup_form_Last_Name_div input{
    width: 312px;
	border: 1px solid #cbeeff;
	background: #ffffff;
    color: #666;
	font-size:11px;
	margin: 4px 0 13px 0;
	outline: none;
	padding: 10px;
}

#signup_form_Email_div label {
	position: static;
	top:0px;
	left:10px; 
	font-size:11px;
	color:#666; 
	float: left; 
	width: 100px; 
	padding: 0 0 0 0; 
	font-weight: normal; 
	display:block; 
}

#signup_form_Email_div input{
    width: 312px;
	border: 1px solid #cbeeff;
	background: #ffffff;
    color: #666;
	font-size:11px;
	margin: 4px 0 13px 0;
	outline: none;
	padding: 10px;
}

/* --- Start Pricing Page CSS --- */

.pricingfont{
    /*font-size: 16px;
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	color: #666666;
	*/
}

.pricingfont#header{
	font-size:18px;
	/*margin:20px 200px 40px;*/
	text-align:center;
}

#pricingboxes{
    position: relative;
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	float: left;
    width: 971px;
	height: 318px;
	background: #fefefe url('../../../images/pricingpage/ground.jpg') no-repeat 0 -10px;
}

.boxwrapper, .boxwrappertest{
    text-align: center;
    width: 240px;
	height: 280px;
	float: left;
	margin: 0;
}

#boxleft{
    background: url('../../../images/pricingpage/pricebg1.jpg') no-repeat;
	width: 225px;
	height: 250px;
	margin: 0;
	position:absolute;
	left: 0px;
}

#priceheadingtestdrive{
    color: #8b8b8b;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
	font-size: 30px;
	margin-top: 30px;
}

.boxtexttest{
    color: #959595;
	font-size: 15px;
	margin-top: 27px;
	width: 180px;
	height: 110px;
	padding: 0 17px 0 17px;
	text-align: left;
	line-height: 17px;
}

.boxtext{
    color: #959595;
	font-size: 15px;
	margin-top: 0px;
	width: 180px;
	height: 110px;
	padding: 0 17px 0 17px;
	text-align: left;
	line-height: 17px;
	clear: both;
}

.boxsubscribe{
    margin: 6px 0 0 15px;
}

#boxmiddle, #boxmiddle1, #boxmiddle2{
    background: url('../../../images/pricingpage/pricebg2.jpg') no-repeat;
	width: 225px;
	height: 250px;
	margin: 0;
}

.priceheadingmonth{
    color: #8b8b8b;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
	font-size: 25px;
	margin-top: 23px;
	float: left;
	margin-left: 40px;
}
.priceheadingyear{
    color: #8b8b8b;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
	font-size: 25px;
	margin-top: 23px;
	float: left;
	margin-left: 50px;
}

p.smallheading{
    font-size: 11px;
	color: #7b7b7b;
	font-weight: normal;
}

.saleprice{
    float:left;
	width: 45px;
	height: 45px;
/*	position: absolute;
	margin: 3px 0 0 185px;*/
	margin:-88px 0 0 195px;
	position:relative;
}

#boxright{
    background: url('../../../images/pricingpage/pricebg3.jpg') no-repeat;
	width: 225px;
	height: 250px;
	margin: 0;
}

#save12{
    background: url('../../../images/pricingpage/save12.gif') no-repeat;
	height: 45px;
	width: 45px;
}

#save36{
    background: url('../../../images/pricingpage/save36.gif') no-repeat;
	height: 45px;
	width: 45px;
}

#save72{
    background: url('../../../images/pricingpage/save72.gif') no-repeat;
	height: 45px;
	width: 45px;
}

p.question{
    color: #24640b;
	font-size: 18px;
	margin-bottom: 0px;
}

#questionsleft{
    font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
    width: 400px;
	padding: 0 10px 0 10px;
	position: relative;
	float: left;
}

#questionsright{
    font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
    width: 400px;
	padding: 0 10px 0 10px;
	position: relative;
	float: right;
}

#questionsleft p, #questionsright p{
	/*line-height:20px;*/
	margin-bottom:45px;
}

#emailus{
    font-size: 15px;
	margin-bottom: 0;
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
}

h4.pricingtitle{
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size:1.6em;
	font-weight:600;
	line-height:1.2em;
	margin-right:18px;
}

/* --- End Pricing Page CSS --- */

h2.centered {
	color:#4A4A4A;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:45px;
	font-weight:600;
}


.content ul{
	margin:0;
}
.content li{
	color:#333333;
	font-size:14px;
	line-height:1.7em;
	list-style:none outside none;
	margin:20px 0;
}

/* --- About Page Footer Start-- */

p.aboutinfo{
    /*font-size: 13px;*/
}

h5.aboutinfohead{
    /*font-size: 12px;*/
	color: #000;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	bottom: 5px;
	font-weight: bold;
}

#aboutspace{
	background: url('../../../images/aboutpage/earth.jpg') #000000 top left no-repeat;
	margin: 0pt -37px 50px;
	width: 1000px;
	height: 222px;
	position: relative;
}

#spacecontent{
    color: #FFFFFF;
	top: 20px;
	left: 310px;
	width: 660px;
	height: 290px;
	text-align: center;
	position: absolute;
}

#spacehead p{
    color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 23px; 
	line-height: 28px;
	font-weight: bolder;
}

#spacelist
{
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
}

#spacelist p{
    margin-bottom: 0px !important;
	margin-top: 0px !important;
}

#whychoose1{
    width: 290px;
	padding-left: 95px;
	background: url('../../../images/aboutpage/icon-ecoinvent.jpg') top left no-repeat;
	position: relative;
	clear: both;
	margin-bottom: 40px;
	margin-top: 40px;
}

#whychoose2{
    width: 290px;
	padding-left: 95px;
	background: url('../../../images/aboutpage/icon-report.jpg') top left no-repeat;
	position: relative;
	clear: both;
	margin-bottom: 40px;
}

#whychoose3{
    width: 290px;
	padding-left: 95px;
	background: url('../../../images/aboutpage/icon-compare.jpg') top left no-repeat;
	position: relative;
	clear: both;
	margin-bottom: 40px;	
}

#whychoose4{
    width: 290px;
	padding-left: 95px;
	background: url('../../../images/aboutpage/icon-compliance.jpg') top left no-repeat;
	position: relative;
	clear: both;
	margin-bottom: 40px;
}

#whychoose5{
    width: 290px; 
	padding-left: 95px; 
	background: url('../../../images/aboutpage/icon-subscribe.jpg') top left no-repeat;
	position: relative;
	clear: both;
	margin-bottom: 40px;
}

#separator{
    float: left; 
	margin: 0 0 0 0; 
	width: 30px; 
	background: url('../../../images/aboutpage/long-shadow.jpg') top left no-repeat;
	height: 950px;
}

#userlist
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#userlist li 
{
	background-image:url("../../../images/aboutpage/tick-white.gif");
	background-position:0 12px;
	background-repeat:no-repeat;
	color:#666666;
	margin-left:15px;
	padding:5px 10px 5px 21px;
}

#testdrivefooter{
    background: url('../../../images/aboutpage/test-drive-bg.jpg') no-repeat;
	width: 900px;
	height: 102px;
	position: relative;
	clear: both;
	margin-bottom: 20px; 
}

#testdrivetext{
    color: #000;
	width: 530px;
	position: absolute;
	float: left;
	top: 26px;
	left: 24px;
	text-align:center;
}

a.testdrivebutton{
    background: url('../../../images/aboutpage/test-drive-button.jpg') 0 0 no-repeat;
	width: 318px;
	height: 57px;
	left: 560px;
	top: 23px;
	position: absolute;
	float: left;
}

a.testdrivebutton:hover{
    background: url('../../../images/aboutpage/test-drive-button.jpg') 0 -57px no-repeat;
	border-bottom: none !important;
}

h4.testdrive{
    font-weight:bold;
	padding-bottom:5px;
}

/*-- About Page Footer End */

