/* Start LESS Variables */
@white: #fff;
@green: #94c840;
@blue: #40adc8;
@grey: #334123;
@grey-dark: #696966;
@grey-light: #fafafa;
@light-border: #ededed;
@border-grey: #d2d3d4;
@border-green: #8aba3b;
@text: #929290;
@nav-text: #a7a9ac;

.body-font{
	font-family: helvetica, arial, sans-serif;
	}	
	
.body-font-bold-ex{
	font-family: 'HelveticaNeueLTStd-BdEx', helvetica, arial, sans-serif;
	} 

.body-font-bold{
	font-family: 'HelveticaNeueLTStd-Bd', helvetica, arial, sans-serif;
	}
	
.body-font-thin-ex{
	font-family: 'HelveticaNeueLTStd-ThEx', helvetica, arial, sans-serif;
	}
	
.box-style{
	background-color: @grey-light;
	border: 1px solid @border-grey;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}

@-moz-document url-prefix() { 
  	.body-font-bold-ex, .body-font-bold{
    	font-weight: 300;
  		}
	}	
/* End LESS Variables */

html{
	font-size: 14px;
	}	 

body{
	.body-font;
	line-height: 21px;
	color: @text;
	}
	
/* Common Styles */
strong{
	font-weight: bold;
	}

a, a:visited{
	color: @green;
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	}
	
/* Logo and Navigation Styling */
#logo{
	width: 960px;
	margin: 24px auto;
	}

/* Navigation Styling */
#navigation{
	width: 960px;
	margin: 0 auto;
	}

#nav-chat-icon{
	margin: -75px 15px 0 0;
	float: right;
	}
		
#nav-content{
	width: 960px;
	margin: 0 auto;
	}
	
#nav{
	list-style:none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li{
	float: left;
	position: relative;
	font-size: 12px;
	border-right: 1px solid @light-border;
	}

#nav a, #nav a:visited{
	display: block;
	padding: 5px 10px 20px 50px;
	color: @nav-text;
	text-decoration: none;
	font-size: 12px;
	}
	
#nav a:hover{
	color: @white;
	border: 1px solid @border-green;
	padding: 4px 9px 19px 49px;
	background-color: @green;
	text-decoration: underline;
	}

/*--- DROPDOWN ---*/
#nav ul{
	background:@white; 
	list-style:none;
	position:absolute;
	left:-9999px;
	padding: 0px;
	}
	
#nav ul li{
	float:none;
	}
	
#nav ul a{
	white-space:nowrap;
	}
	
#nav li:hover ul{
	left:0;
	display: block;
	margin-left: 0px;
	}
	
#nav li:hover a{
	background-color:@green;
	text-decoration:underline;
	color:@white;
	border: 1px solid @border-green;
	padding: 4px 9px 19px 49px;
	}
	
#nav li:hover ul a{
	text-decoration: underline;
	border: 1px solid @border-grey;
	padding: 5px 10px 20px 50px;
	background-color: @grey-light;
	color: @nav-text;
	}
	
#nav li:hover ul li a:hover{
	background:@green;
	color:@white;
	padding: 5px 10px 20px 50px;
	border: 1px solid #97989e;
	}

#nav li.currentpage a{
	color: @white;
	background-color: @green;
	border: 1px solid @border-green;
	padding: 4px 9px 19px 49px;
	text-decoration: none;
	}
/* End Logo and Navigation Styling */

/* Homepage */
#main{
	background-image: url('images/bamboo-cricket-home-bkg.jpg');
	background-repeat: repeat-x;
	border-top: 1px solid @border-grey;
	}

#main-content{
	width: 960px;
	margin: 0 auto 30px auto;
	}

#banner{
	width: 940px;
	margin: 0px 10px;
	}

#banner-image{
	width: 340px;
	height: 340px;
	margin: -159px -95px 0 -10px; 
	float: left;
	position: relative;
	}
	
#communication{
	font-size: 127px;
	.body-font-bold;
	line-height: 127px;
	color: #bfc0c2;
	margin-top: 15px;
	}
	
#banner-left{
	text-align: right;
	width: 380px;
	float: left;
	padding-left: 10px;
	}
	
#headline-thin{
	font-size: 21px;
	.body-font-thin-ex;
	line-height: 21px;
	color: @nav-text;
	}

#headline-thick{
	font-size: 34px;
	.body-font-bold-ex;
	line-height: 34px;
	color: @green;
	}
	
#banner-right{
	padding-right: 10px;
	width: 300px;
	float: right;
	color: @text;
	}

.home-box{
	.box-style;
	width: 300px;
	float: left;
	margin: 0px 9px 0 9px;
	font-size: 12px;
	line-height: 21px;
	padding: 15px 0 0 0;
	}

.home-box-header{
	padding: 15px 20px 0 20px;
	}

.home-box-content{
	padding: 21px 20px 28px 20px;
	}

.one{
	background: url('images/bkg-one.png');
	background-color: @grey-light;
	background-repeat: no-repeat;
	background-position: 224px 80px;
	}

.two{
	background: url('images/bkg-two.png');
	background-color: @grey-light;
	background-repeat: no-repeat;
	background-position: 180px 81px;
	}

.three{
	background: url('images/bkg-three.png');
	background-color: @grey-light;
	background-repeat: no-repeat;
	background-position: 177px 80px;
	}

.price{
	color: @white;
	}
	
.starting-at{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	float: left;
	.body-font-bold;
	font-size: 18px;
	text-align: right;
	width: 180px;
	height: 63px;
	padding: 15px 10px 15px 0;
	line-height: 15px;
	border-top: 1px solid #7eab36;
	border-right: 1px solid #88af49;
	border-bottom-left-radius: 10px;
	background: @green;
	}
	
.starting-at span{
	.body-font;
	font-size: 12px;
	}

.price-number{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	.body-font-bold;
	width: 120px;
	height: 63px;
	float: left;
	font-size: 36px;
	line-height: 36px;
	padding: 15px 28px 23px 10px;
	border-top: 1px solid #3693aa;
	border-left: 1px solid #7ec8da;
	background: @blue;
	border-bottom-right-radius: 10px;
	}

sup{
	font-size: 0.5em;
	vertical-align: top;
	line-height: 10px;
	position: relative;
	top: 4px;
	left: 1px;
	}
	
.free-trial{
	}

.product-thick{
	font-size: 24px;
	.body-font-bold-ex;
	color: @green;
	}
	
.product-thin{
	.body-font-thin-ex;
	font-size: 24px;
	color: @nav-text;
	margin-bottom: 25px;
	}
	
#secondary-content{
	width: 940px;
	margin: 40px auto 0 auto;
	}

#bundle-grey{
	border-top: 10px solid @light-border;
	background: @grey-light;
	padding: 21px 50px 0 0;
	text-align: right;
	width: 490px;
	float: left;
	height: 93px;
	}
	
#bundle-grey .product-thick{
	color: @nav-text;
	font-size: 36px;
	line-height: 36px;
	}
	
#bundle-grey .product-thin{
	color: @nav-text;
	font-size: 22px;
	line-height: 22px;
	}

#bundle-blue{
	border-top: 10px solid #3693aa;
	background: @blue;
	padding: 26px 0 0 0;
	text-align: center;
	width: 160px;
	float: left;
	height: 88px;
	color: @white;
	}
	
#bundle-blue .product-thick{
	color: @white;
	font-size: 54px;
	line-height: 54px;
	}
	
#bundle-green{
	border-top: 10px solid #7eab36;
	background: @green;
	padding: 33px 30px 0 20px;
	text-align: right;
	width: 190px;
	float: left;
	height: 81px;
	}
	
#bundle-green .product-thick{
	color: @white;
	font-size: 18px;
	line-height: 18px;
	}
	
#bundle-green .product-regular{
	color: @white;
	font-size: 18px;
	line-height: 18px;
	.body-font;
	}

#bundle-green .product-thin{
	color: @white;
	font-size: 18px;
	line-height: 18px;
	float: right;
	padding-left: 10px;
	padding: 9px 0 9px 10px;
	}
	
a:hover span{
	text-decoration: underline;
	}
	
#tertiary-content{
	width: 960px;
	margin: 60px auto;
	}

#testimonial{
	width: 374px;
	margin-left: 70px;
	float: left;
	padding-right: 35px;
	border-right: 1px solid @border-grey;
	}

#testimonial .product-thin{
	text-align: right;
	}

#testimonial .product-thick, #testimonial-inner .product-thick{
	float: left;
	font-size: 48px;
	margin-top: 7px;
	margin-left: 73px;
	}

#testimonial-inner .product-thick{
	margin-left: 0px;
	margin-right: 5px;
	}
	
.name{
	margin-top: 21px;
	font-size: 18px;
	.body-font-bold;
	color: @green;
	}

.company{
	color: @nav-text;
	}
	
#live-chat{
	width: 375px;
	float: right;
	margin-right: 70px;
	padding-left: 35px;
	}

#chat-content{
	float: left;
	width: 190px;
	padding-right: 20px;
	}

#chat-icon{
	float: right;
	width: 162px;
	}
	
/* Page Content */
#page-left-column{
	width: 560px;
	padding: 0px 80px 0 10px;
	float: left;
	}

#page-pricing-left-column{
	padding: 0px 10px 0 10px;
	}

#page-left-column h1, #page-pricing-left-column h1{
	border-bottom: 1px solid @light-border;
	padding-bottom: 7px;
	margin-top: 70px;
	color: @nav-text;
	}
	
#page-left-column h2, #page-right-column h2, #page-pricing-left-column h2{
	.body-font-thin-ex;
	font-size: 24px;
	margin-top: 70px;
	border-bottom: 1px solid @light-border;
	padding-bottom: 7px;
	color: @nav-text;
	line-height: 30px;
	}
	
#page-left-column h2{
	color: @green;
	font-size: 25px;
	}
	
#page-left-column ul, #page-left-column ol{
	padding: 21px 0 0 0;
	list-style-type: disc;
	color: @green;
	margin-left: 40px;
	}

#page-left-column ol li{
	list-style-type: decimal;
	}
	
span.bullet{
	color: @text;
	}
	
#page-left-column ul.want{
	padding-top: 7px;
	}
	
#page-left-column li{
	padding: 7px 0;
	}
	
.want-to{
	font-size: 24px;
	color: @green;
	.body-font-thin-ex;
	}
	
#page-left-column p, #page-right-column p, #page-pricing-left-column p{
	padding-top: 21px;
	}
	
#page-right-column{
	float: right;
	width: 300px;
	margin-right: 10px;
	font-size: 12px;
	}
	
#executive-team, #about-us, #contact-support, #analysis-report, #resources{
	.box-style;
	margin-top: 41px;
	padding: 0 30px 30px;
	}

#contact-support, #analysis-report, #bundle-inner{
	padding: 0px;
	}
	
#contact-support-header, #analysis-report-header, #bundle-inner-header{
	padding: 0 30px 30px;
	background-color: @green;
	color: @white;
	border-bottom: 1px solid @border-grey;
	}
	
#bundle-inner-header{
	.box-style;
	background-color: @blue;
	border: 1px solid #3693aa;
	margin-top: 41px;
	}
	
#executive-team h2, #about-us h2, #contact-support h2, #analysis-report-header h2, #resources h2, #bundle-inner-header h2{	
	padding-top: 28px;
	margin-top: 0px;
	}
	
#contact-support h2, #analysis-report-header h2, #bundle-inner-header h2{
	color: @white;
	border: 0px;
	}

#contact-support-form, #analysis-report-form{
	padding: 0 30px 30px;
	line-height: 35px;
	}
	
#bundle-inner a{		
	color: @white;
	text-decoration: underline;
	}

.contact{
	padding-top: 21px;
	}
	
.contact-label{
	float: left;
	width: 100px;
	.body-font-bold-ex;
	color: @green;
	font-size: 18px;
	text-align: right;
	margin-right: 20px;
	}
	
.contact-content{
	width: 440px;
	float: right;
	}

.product-pricing{
	border-bottom: 1px solid @light-border;
	padding-top: 28px;
	padding-bottom: 28px;
	width: 940px;
	}

.product-pricing.last{
	}
	
.product-logo{
	text-align: right;
	margin-top: 61px;
	width: 300px;
	float: left;
	padding-right: 20px;
	}
	
#page-pricing-left-column h2{
	border-bottom: none;
	margin-top: -35px;
	margin-bottom: 2px;
	}
	
.price-box, .price-box-last{
	float: left;
	width: 620px;
	}

.included-options{
	background: @grey-light;
	padding: 0 20px 20px 20px;
	border: 1px solid @border-grey;
	float: left;
	width: 470px;
	margin-bottom: 5px;
	}

.included-options h3{
	.body-font-thin-ex;
	font-size: 24px;
	line-height: 24px;
	color: @green;
	margin-top: 28px;
	padding-bottom: 7px;
	}
	
.pricing{
	background: @blue;
	text-align: center;
	float: right;
	padding: 12px 5px;
	width: 96px;
	color: @white;
	border: 1px solid #3693aa;
	}

.pricing .product-thick{
	color: @white;
	font-size: 24px;
	}


.included-options ul{
	list-style-type: none;
	padding: 10px 0px;
	}

.included-options ul li{
	list-style-type: none;
	padding: 10px 20px;
	}
	
/* End Page Styling */

/* Start Page Sidebar */
#analysis-report-form label, #contact-support-form label{
	width: 65px;
	text-align: right;
	display: inline-block;
	}
	
#analysis-report-form #long{
	width: 230px;
	text-align: left;
	line-height: 20px;
	}
	
#analysis-report-form #long-break{
	line-height: 20px;
	}

#label-message{
	text-align: left;
	}

#analysis-report-form input, #contact-support-form input{
	width: 150px;
	margin-left: 10px;
	display: inline-block;
	}

#analysis-report-form #radio input{
	width: 20px;
	}
		
#contact-support-form textarea{	
	width: 240px;
	}
	
h3{
	.body-font-bold;
	color: @green;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	}

#resources h2{
	margin-bottom: 21px;
	}
	
#resources p{
	padding: 0 0 28px 0;
	}
	
/* End Page Styling */
	
#footer{
	background: @grey-dark;
	margin-top: 70px;
	}
	
#footer-content{
	width: 960px;
	margin: 0 auto;
	color: @white;
	padding: 40px 10px 40px 10px;
	}
	
#site-map{
	color: @white;
	width: 960px;
	margin: 0 auto;
	padding: 40px 10px 0px 10px;
	}
	
.site-map-column{
	float: left;
	width: 190px;
	}

.site-map-column img{
	width: 40px;
	height: 40px;
	margin-left: 0px;
	}
	
#recaptcha_area{
	margin-left: -40px;
	}