/* Please note: This CSS file has not been compressed so that it's easier for you to take a look at! */

/*RESET*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ul{
	list-style-type: none;
}
form input:focus, form textarea:focus, form select:focus{
	outline: 0;
}

/*HTML5 elements*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/*END RESET*/


/*LESS VARS/MIXINS*/

/*Colors*/
@base: #5381ac;
@methodology-purple: #875f7f;
@people-blue: #18466c;
@global-blue: #60acc7;
@testimonials-turquoise: #37859b;
@services-green: #429275;
@about-blue: @base;
@contact-black: #1e1e1f;

form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}

/* Page colors */
/*Methodology:*/
.page-template-page-methodology-php{
	@base: @methodology-purple;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}
}
/*People:*/
.page-template-page-people-php{
	@base: @people-blue;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {color: darken(@base, 12%); background: lighten(@base, 10%);border: 1px solid lighten(@base, 15%);&:hover{background: lighten(@base, 18%);}&:focus{background: lighten(@base, 25%);}}
}
/*Global:*/
.page-template-page-global-php{
	@base: @global-blue;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}
}
/*Testimonials:*/
.page-template-page-testimonials-php{
	@base: @testimonials-turquoise;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}
}
/*Services:*/
.page-template-page-services-php{
	@base: @services-green;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}
}
/*News:*/
.page-template-page-news-php{
	@base: #5381ac;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}
}
/*Contact:*/
.page-template-page-contact-php{
	@base: @contact-black;
	header, .current_page_item a, .signup, .start-stop, #slideshow h3.tagline, a.action, footer section.form form .btn#submit{background-color: @base;}
	header ul li{a:hover{background: lighten(@base, 15%);}&.current_page_item{a:hover{background: @base;}}}
	::selection {background: @base;}
	::-moz-selection {background: @base;}
	footer li.email a, footer .form h3, footer .bottomline a, form.signup input{color: darken(@base, 5%);}
	footer section.contact ul li.email a{color: @base;&:hover{background: @base;}}
	form.signup input {background: lighten(@base, 20%);border: 1px solid lighten(@base, 25%);&:hover{background: lighten(@base, 28%);}&:focus{background: lighten(@base, 35%);}}
}


/*Fonts*/
@droid: 'Droid Sans', sans-serif;
@myriad: myriad-pro-condensed, sans-serif;
@helvetica: Helvetica, Arial, sans-serif;

.border-radius (@radius) {
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
	border-radius: @radius;
}
.border-radius-each (@tl: 5px, @tr: 5px, @br: 5px, @bl: 5px) {
	-moz-border-radius: @tl @tr @br @bl;
	-webkit-border-radius: @tl @tr @br @bl;
	border-radius: @tl @tr @br @bl;
}
.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
	box-shadow: @x @y @blur @color;
	-moz-box-shadow: @x @y @blur @color;
	-webkit-box-shadow: @x @y @blur @color;
}
.inner-box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
	box-shadow: inset @x @y @blur @color;
	-moz-box-shadow: inset @x @y @blur @color;
	-webkit-box-shadow: inset @x @y @blur @color;
}
.transition(@range: all, @time: 1s, @ease: ease-in-out) {
    -moz-transition: @range @time @ease;
    -webkit-transition: @range @time @ease;
    -o-transition: @range @time @ease;
    transition: @range @time @ease;
}
.rotate(@degree){
	transform: rotate(@degree);
	-ms-transform: rotate(@degree);
	-webkit-transform: rotate(@degree);
	-webkit-backface-visibility: hidden; /*Reduces jagged edges*/
	-o-transform: rotate(@degree);
	-moz-transform: rotate(@degree);
}
.inline-block{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}



/*GLOBAL*/
::selection {
	background: @base;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: @base;
	color: #fff;
	text-shadow: none;
}

body{
	background: #333 url(../img/body-bg.jpg);
	font-family: @droid;
	font-size: 14px;
	line-height: 1;
}
.inside{
	width: 960px;
	margin: 0 auto;
}
.btn{
	background: #bbb;
	color: #fff;
	padding: 5px 10px;
	.border-radius(5px);
	font-size: 13px;
	font-family: @myriad;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	clear: right;
	margin: 10px 0 0 0;
	.inner-box-shadow(0, 0, 3px, rgba(0,0,0,0.1);
	.transition(background-color, 0.2s);
	
	&:hover{
		background: @base;
	}
	
	&.rss{
		float: left;
		background: #e4ac00 url(../img/rss-icon.png) no-repeat 5px 4px;
		padding: 0 7px 0 17px;
		height: 23px;
		line-height: 23px;
		text-indent: -100px;
		overflow: hidden;
		.transition(all, 0.3s);
		
		&:hover{
			padding: 0 7px 0 25px;
			text-indent: 0px;
			background-color: @base;
		}
	}
	
	&.action{
		font-size: 18px;
		color: #fff;
		font-weight: bold;
		background: @base;
		padding: 10px 15px;
		float: left;
		
		&:hover{
			background: #333;
		}
	}
}
h3{
	font-size: 19px;
	font-family: @myriad;
	color: darken(@base, 15%);
	text-transform: uppercase;
	padding-bottom: 15px;
}


/*HEADER*/
header{
	height: 90px;
	background: @base url(../img/header-bg.png) repeat-x;
	width: 100%;
	
	a.logo{
		float: left;
		width: 149px;
		height: 42px;
		background: url(../img/cg3consulting-logo.png) no-repeat;
		text-indent: -9999px;
		margin-top: 20px;
		
		&:hover{
			background-position: 0 -42px;
		}
	}
	
	ul{
		float: right;
		width: auto;
		
		li{
			display: inline;
			float: left;
			
			a{
				line-height: 82px;
				.inline-block;
				padding: 0 10px;
				text-transform: uppercase;
				text-decoration: none;
				color: #444;
				font-family: @myriad;
				font-size: 18px;
				font-weight: bold;
				
				&:hover{
					color: #fff;
					background: lighten(@base, 15%);
				}
			}
			
			&.current_page_item{
				a{
					background: @base;
					color: #fff;
					font-weight: bold;
					
					&:hover{
						line-height: 82px;
						margin-top: 0;
					}
				}
			}
		}
		
		&.nofont li a{
			font-size: 12px;
		}
	}
} //END HEADER


#wrapper{
	width: 960px;
	margin: 0 auto;
	background: #fff;
	border-left: 10px solid #1c1c1e;
	border-right: 10px solid #1c1c1e;
}
.banner{
	position: relative;
}
form.signup{
	position: absolute;
	z-index: 999;
	right: -35px;
	background: @base;
	padding: 0 10px 6px 10px;
	.border-radius-each(0, 0, 10px, 10px);
	
	img, input{
		float: left;
	}
	input{
		margin: 0 1px 0 8px;
		padding: 0 5px;
		height: 23px;
		font-size: 11px;
		color: darken(@base, 10%);
		
		&#send{
			margin-left: 0;
			font-family: @myriad;
			font-weight: bold;
			font-size: 14px;
			text-transform: uppercase;
			height: 25px;
			cursor: pointer;
		}
	}
	#response{
		color: #fff;
		color: rgba(255,255,255,0.8);
		font-size: 12px;
		margin: 8px 0 2px 0;
		float: left;
		clear: both;
		text-align: center;
		width: 100%;
	}
}



/*SLIDESHOW*/
#slideshow{
	width: 100%;
	background: #fff;
	
	ul#slider{
		height: 418px;
		
		h2, h3, p{
			margin: 70px 100px 20px 100px;
			font-size: 26px;
			line-height: 31px;
			font-weight: bold;
			color: #263240;
			text-align: right;
			float: right;
			width: 34% !important; /* Overrides JS on line 398 of jquery.anythingslider.js */
			clear: both;
			font-family: @myriad;
			text-transform: none;
			
			span{
				color: #eef4fb;
				font-weight: normal;
			}
		}
		
		h2.huge{
			font-size: 45px;
			margin-bottom: -40px;
			width: 80% !important;
		}
		h3{
			font-size: 25px;
			font-weight: 100;
		}
		p{
			color: #263240;
			font-size: 15px;
			line-height: 22px;
			color: #fff;
			width: 43% !important; /* Overries 40% above */
			font-family: @droid;
			font-weight: normal;
			margin-top: 0;
		}
		
		a.btn{
			float: right;
			clear: both;
			font-weight: bold;
			font-size: 22px;
			margin: 15px 100px 0 100px;
			padding: 10px;
			width: 20%;
			text-align: center;
			background: @base;
			.transition(all, 0.2s);
	
			&:hover{
				background: #333;
				.inner-box-shadow(0, 0, 6px, rgba(0,0,0,0.2);
			}
		}
		
		.text-left{
			h2, h3, p{
				float: left;
				text-align: left;
			}
			a{
				float: left;
			}
		}
		
		li{
			position: relative;
			height: 418px;
			
			&.one{
				background: url(../img/slide-1.jpg) no-repeat;
				
				h2, h3{
					width: 50% !important;
					font-size: 23px;
					
					span{
						font-size: 32px;
					}
				}
				p{
					span{
						font-weight: bold;
					}
				}
			}
			&.two{
				background: url(../img/slide-2.jpg) no-repeat;
			}
			&.three{
				background: url(../img/slide-6.jpg) no-repeat;
			}
			&.four{
				background: url(../img/slide-3.jpg) no-repeat;
				
				h2 span, h3 span{
					color: @base;
				}
			}
			&.five{
				background: url(../img/slide-5.jpg) no-repeat;
			}
			&.six{
				background: url(../img/slide-4.jpg) no-repeat;
				a.btn{
					margin-top: 0;
				}
			}
		}
	}
	
	&.methodology, &.people{
		ul#slider li{
			&.one{
				background: url(../img/methodology-1.jpg) no-repeat;
			}
			&.two{
				background: url(../img/methodology-2.jpg) no-repeat;
				h2{
					margin-top: 150px;
				}
				p{
					width: 60% !important;
				}
			}
			&.three{
				background: url(../img/methodology-3.jpg) no-repeat;
			}
			&.four{
				background: url(../img/methodology-4.jpg) no-repeat;
			}
			&.five{
				background: url(../img/methodology-5.jpg) no-repeat;
			}
			&.six{
				background: url(../img/methodology-6.jpg) no-repeat;
			}
			&.seven{
				background: url(../img/methodology-7.jpg) no-repeat;
			}
			&.eight{
				background: url(../img/methodology-8.jpg) no-repeat;
			}
			&.nine{
				background: url(../img/methodology-10.jpg) no-repeat;
			}
			&.ten{
				background: url(../img/methodology-10.jpg) no-repeat;
			}
			&.eleven{
				background: url(../img/methodology-11.jpg) no-repeat;
			}
			
			h2, p{
				float: left;
				font-family: @droid;
				color: #222;
				font-weight: normal;
				text-align: left;
				width: 80% !important;
				margin-left: 50px;
				text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
			}
			h2{
				font-size: 30px;
				margin-top: 170px;
			}
			p{
				margin: 0 0 0 85px;
				font-size: 14px;
				line-height: 24px;
				width: 50% !important;
				
				&.box{
					background: #eee;
					background: rgba(255,255,255,0.7);
					.border-radius(8px);
					padding: 13px 20px;
					margin: 0 0 0 65px;
				}
			}
		}
	}//end Methodology
	
	/* start/stop button */
	.start-stop{
		position: absolute;
		bottom: 60px;
		left: 13px;
		text-align: center;
		padding: 4px 8px 5px 8px;
		background: @methodology-purple;
		.border-radius(6px);
		
		&:hover{
			background: #333;
		}
	}
	
	/*PEOPLE*/
	&.people{
		ul#slider li{
			&.one{
				background: url(../img/people-1.jpg) no-repeat;
			}
			&.two{
				background: url(../img/people-2.jpg) no-repeat;
				h2{
					margin-top: 0; /* Overrides line 501px */
				}
				p{
					width: 40% !important;
				}
			}
			&.three{
				background: url(../img/people-3.jpg) no-repeat;
			}
			&.four{
				background: url(../img/people-4.jpg) no-repeat;
			}
			&.five{
				background: url(../img/people-5.jpg) no-repeat;
			}
			h2, p{
				font-size: 12px;
				font-weight: normal;
				line-height: 16px;
				color: #fff;
				color: rgba(255,255,255,0.8);
				text-shadow: none;
				float: right;
				width: 40% !important;
				margin: 0;
				padding: 5px 40px;
			}
			h2{
				font-size: 17px;
				line-height: 21px;
				padding-top: 50px;
			}
			
			&.text-left{
				h2, h3, p{
					float: left;
				}
				&.four h2{
					padding-top: 25px;
				}
			}
		}
		
		.start-stop{
			bottom: 15px;			
			background: @base;
			
			&:hover{
				background: #222;
			}
		}
	}
	
	/*SERVICES*/
	&.services{
		border-bottom: 1px solid #eee;
		
		ul#slider li{
			h2{
				font-family: @myriad;
				font-weight: 100;
				color: @services-green;
				margin: 310px 0 0 50px;
				font-size: 48px;
				width: auto !important; /*Overrides anything slider JS styles*/
				height: auto !important;
				line-height: 43px;
			}
		
			&.one{
				background: url(../img/services-1.jpg) no-repeat;
			}
			&.two{
				background: url(../img/services-2.jpg) no-repeat;
				h2{
					margin-top: 290px;
				}
			}
			&.three{
				background: url(../img/services-3.jpg) no-repeat;
			}
			&.four{
				background: url(../img/services-4.jpg) no-repeat;
			}
		}
	}
	
	/*ABOUT*/
	&.about{
		ul#slider li{
			h2{
				font-family: @droid;
				color: lighten(@about-blue, 15%);
				color: rgba(255,255,255,0.5);
				margin: 140px 0 0 40px;
				font-size: 130px;
				width: auto !important; /*Overrides anything slider JS styles*/
				height: auto !important;
				
				span{
					font-size: 40px;
					font-weight: bold;
					margin-left: -28px;
					color: lighten(@about-blue, 15%);
					color: rgba(255,255,255,0.5);
				}
			}
			p{
				width: 220px !important;
				margin: 15px 50px 0 50px;
				color: lighten(@about-blue, 20%);
				color: rgba(255,255,255,0.6);
				font-family: @droid;
				font-size: 18px;
				line-height: 22px;
			}
			&.text-right p{
				margin: 130px 45px 0 0;
				font-size: 24px;
				line-height: 28px;
				text-align: left;
			}
		
			&.one{
				background: url(../img/about-1.jpg) no-repeat;
			}
			&.two{
				background: url(../img/about-2.jpg) no-repeat;
			}
			&.three{
				background: url(../img/about-3.jpg) no-repeat;
			}
		}
	}
	
	/*GLOBAL*/
	&.global{
		ul#slider li{
			h2{
				font-family: @droid;
				font-weight: normal;
				color: @global-blue;
				color: rgba(255,255,255,0.5);
				margin: 310px 0 0 40px;
				font-size: 60px;
				line-height: 60px;
				
				span{
					font-size: 30px;
					color: @global-blue;
					color: rgba(255,255,255,0.5);
					display: block;
					margin: 0 0 0 2px;
					line-height: 30px;
				}
			}
		
			&.one{
				background: url(../img/minneapolis.jpg) no-repeat;
			}
			&.two{
				background: url(../img/boston.jpg) no-repeat;
				h2{
					margin: 30px 0 0 225px;
				}
			}
			&.three{
				background: url(../img/san_diego.jpg) no-repeat;
				h2{
					margin: 40px 0 0 40px;
				}
			}
		}
	}
	
	/*TESTIMONIALS*/
	&.testimonials{
		ul#slider li{
			h3, h4, p{
				color: #dce5eb;
				color: rgba(255,255,255,0.8);
				float: left;
				width: 45% !important;
				clear: both;
				margin: 0 35px;
				font-family: @droid;
			}
			h3{
				margin-top: 30px;
				font-size: 22px;
				padding-bottom: 10px;
			}
			h4{
				color: #dce5eb;
				text-align: left;
				float: left;
				font-size: 15px;
				padding-top: 10px;
				line-height: 18px;
			}
			
			p{
				color: @global-blue;
				color: rgba(255,255,255,0.5);
				font-size: 14px;
				line-height: 19px;
				padding: 10px 0;
			}
		
			&.one{
				background: url(../img/people_slide1.jpg) no-repeat;
			}
			&.two{
				background: url(../img/people_slide2.jpg) no-repeat;
			}
			&.three{
				background: url(../img/people_slide3.jpg) no-repeat;
			}
			&.four{
				background: url(../img/people_slide4.jpg) no-repeat;
			}
			&.five{
				background: url(../img/people_slide5.jpg) no-repeat;
			}
			&.six{
				background: url(../img/people_slide6.jpg) no-repeat;
			}
			&.seven{
				background: url(../img/people_slide7.jpg) no-repeat;
			}
			&.eight{
				background: url(../img/people_slide8.jpg) no-repeat;
			}
		}
	}
	
	h3.tagline{
		background: @base;
		color: #fff;
		font-family: @droid;
		font-size: 18px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 45px;
		padding: 0;
		
		span{
			font-size: 14px;
		}
	}
	
	.notfound404{
		background: url(../img/page_not_found.jpg) no-repeat;
		height: 418px;
		
		.info404{
			margin: 35px 50px;
			float: left;
			
			h3{
				font-family: @droid;
				text-transform: none;
				font-weight: normal;
				font-size: 24px;
				color: #333;
				padding-bottom: 30px;
			}
			
			form{
				padding: 10px 0;
				.screen-reader-text{
					display: none;
				}
			}
		}
	}
}

/*HOME PAGE*/
#content{
	color: #333;
	
	h1{
		font-size: 14px;
		line-height: 20px;
		font-weight: normal;
		
		span{
			color: @base;
		}
	}
	
	#video{
		display: block;
		position: relative;
		height: auto;
		margin: 20px 0 23px 0;
		padding-bottom: 23px;
		position: relative;
		border-bottom: 1px solid #ccc;
		background: url(../img/poster.jpg) no-repeat;
		height: 153px;
		
		a{
			background: url(../img/play-btn.png) no-repeat;
			display: block;
			position: absolute;
			width: 250px;
			height: 75px;
			text-indent: -9999px;
			top: 70px;
			left: 70px;
			
			&:hover{
				background-position: 0 -76px;
			}
		}
	}
	
	section.list{
		float: left;
		width: 60%;
		
		p{
			font-family: @myriad;
			font-size: 14px;
			text-transform: uppercase;
			padding-bottom: 10px;
			font-weight: bold;
		}
	}
	
	ul.chevrons{
		li{
			font-size: 13px;
			line-height: 25px;
			background: url(../img/chevron.png) no-repeat left 7px;
			padding-left: 22px;
		}
	}
	
	section.clients{
		float: right;
		width: 140px;
		text-align: center;
		
		img{
			margin-bottom: 10px;
		}
	}
}
.row, .rowtwo{
	clear: both;
	padding-bottom: 40px;
	float: left;
}
.rowtwo{
	padding-bottom: 0px;
}
.column-1{
	float: left;
	width: 390px;
	padding: 30px 40px 30px 40px;
	
	h1{
		width: 400px;
	}
}
.logocut{
	display: block;
	width: 100px;
	height: 28px;
	float: left;
	margin: 4px 15px 0 5px;
	background: url(../img/cg3consulting-logo-small.png) no-repeat;
	text-indent: -9999px;
}
.column-2{
	background: #f7f7f7 url(../img/shadow-sep.png) no-repeat -1px center;
	border-left: 1px solid #eaeaea;
	float: right;
	width: 449px;
	padding: 30px 40px 30px 40px;
	padding-right: 0;
	
	section{
		float: left;
		width: 184px;
		margin-right: 40px;
		
		&.articles ul li{
			float: left;
			padding-bottom: 17px;
			
			a{
				float: left;
				width: 184px;
				text-decoration: none;
				color: #333;
				.border-radius(7px);
				.transition(all, 0.1s);
				
				&:hover{
					color: @base;
				}
			}
			
			.date{
				float: left;
				font-size: 17px;
				font-weight: bold;
				text-align: center;
				padding-top: 1px;
				
				span{
					font-size: 11px;
					display: block;
					text-transform: uppercase;
				}
			}
			h4{
				float: left;
				width: 80%;
				padding-left: 5%;
				font-size: 12px;
				line-height: 15px;
				font-weight: normal;
			}
		}
		
		&.cg3-news a.btn{
			margin-top: 2px;
		}
		
		&.fields{
			a{
				display: block;
				width: 184px;
				height: 48px;
				text-decoration: none;
				background: url(../img/fields.jpg) no-repeat;
				margin-bottom: 8px;
				overflow: hidden;
				.border-radius(6px);
				
				&.scientific{
					background-position: 0 -48px;
				}
				&.technology{
					background-position: 0 -96px;
				}
				
				&:hover span{
					background: @base;
					background: rgba(83,129,172,0.8);
				}
				
				span{
					background: rgba(0,0,0,0.3);
					color: #fff;
					line-height: 47px;
					float: left;
					width: 50%;
					padding-left: 10%;
					.transition(background-color, 0.2s);
					
					font-size: 14px;
					font-weight: bold;
				}
			}
		}
		
		&.events ul li{
			float: left;
			margin-bottom: 5px;
			overflow: hidden;
			
			a{
				float: left;
				text-decoration: none;
				color: #333;
				background: url(../img/event-bg.png) repeat-y;
				border: 1px solid #ccc;
				.border-radius(7px);
				.transition(all, 0.2s);
				
				&:hover{
					background: #fff url(../img/event-bg.png) repeat-y;
					.border-radius(14px);
					color: @base;
				}
			}
			
			.date{
				float: left;
				width: 21%;
				font-size: 17px;
				font-weight: bold;
				text-align: center;
				padding-top: 14px;
				color: #fff;
				
				span{
					font-size: 11px;
					display: block;
					text-transform: uppercase;
				}
			}
			h4{
				float: left;
				width: 69%;
				padding: 12px 5%;
				font-size: 11px;
				line-height: 13px;
				font-weight: normal;
			}
		}
	}
} //END HOME PAGE


/*BOOK PROMO*/
.book{
	width: 306px;
	height: 373px;
	background: url(../img/book.jpg) no-repeat;
	position: absolute;
	bottom: 0;
	left: 50px;
	
	a{
		display: block;
		position: absolute;
		left: 46px;
		bottom: 80px;
		width: 214px;
		height: 88px;
		background: url(../img/book-btn.png) no-repeat;
		text-indent: -9999px;
		
		&:hover{
			background-position: 0 -88px;
		}
	}
}
footer .promo{
	width: 27%;
	padding: 0;
}
footer .book{
	position: relative;
	width: 151px;
	height: 239px;
	margin-left: 25px;
	background: url(../img/book-small.jpg) no-repeat;
	
	a{
		left: -4px;
		bottom: 20px;
		width: 159px;
		height: 65px;
		background: url(../img/book-btn-small.png) no-repeat;
		
		&:hover{
			background-position: 0 -65px;
		}
	}
}

.feedbtns{
	clear: both;
}


/*INTERIOR PAGE*/
.page, &.single, &.archive, &.search{
	#content{
		background: #fff;
		.column-1, .column-2{
			padding-bottom: 40px;
		}
		.fullwidth{
			padding: 50px 90px;
			
			h2{
				padding: 10px 0 5px 0;
				font-family: @droid;
				border: none;
				margin-bottom: 0;
				text-transform: none;
				font-size: 16px;
				.box-shadow (0, 0, 0, #f7f7f7);
			}
		}
		h1{
			font-family: @myriad;
			font-size: 26px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #e6e6e8;
			.box-shadow (0, 1px, 0px, #fff);
			color: darken(@base, 10%);
		}
		h2{
			padding: 5px 0 15px 0;
			border-bottom: 1px solid #e6e6e8;
			.box-shadow (0, 1px, 0px, #fff);
			margin-bottom: 25px;
			font-family: @myriad;
			text-transform: uppercase;
			font-size: 19px;
			color: darken(@base, 10%);
		}
		ul{
			list-style-type: disc;
			padding: 0 0 15px 30px;
			li{
				padding: 5px 0;
				font-size: 16px;
				line-height: 21px;
			}
		}
		p{
			font-size: 15px;
			line-height: 22px;
			padding: 5px 0 15px 0;
		}
		#video{
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 15px;
		}
		
		ul.chevrons{
			float: left;
			width: 50%;
			list-style-type: none;
			margin-top: -7px;
			padding-left: 25px;
			padding-bottom: 0;
			
			li{
				padding: 5px 0 0 20px;
				font-size: 13px;
				line-height: 16px;
			}
		}
		
		&.thin{
			.column-1{
				width: 190px;
			}
			.column-2{
				width: 585px;
				padding-left: 50px;
				padding-right: 50px;
			}
			
			&.long .column-2{
				background: #f7f7f7 url(../img/shadow-sep.png) no-repeat -5px -20px;
			}
		}
	}
	
	/*ABOUT US PAGE*/
	.aboutus{
		section{
			width: 100%;
			
			h2{
				margin-right: 50px;
			}
		}
		
		.field{
			float: left;
			clear: both;
			margin-bottom: 30px;
			width: 100%;
		}
		
		.field-img{
			float: left;
			width: 140px;
			height: 100px;
			background: url(../img/about-fields.jpg) no-repeat;
			
			h3{
				color: #fff;
				font-size: 15px;
				padding: 5px 0 0 10px;
			}
			
			&.scientific{
				background-position: 0 -101px;
			}
			&.technology{
				background-position: 0 -202px;
			}
		}
		
		.column-1{
			width: 415px;
		}
		.column-2{
			width: 410px;
			padding-left: 50px;
		}
	}
	
	
	/*METHODOLOGY*/
	#content.methodology{
		.column-2{
			h2{
				font-family: @droid;
				text-transform: none;
				font-weight: normal;
				font-size: 17px;
				color: #333;
				text-align: center;
				padding-top: 30px;
				
				span{
					font-weight: bold;
				}
			}
		}
		
		/* Custom steps control */
		.anythingControls{
			position: relative;
			
			ul{
				list-style-type: none;
				padding: 0;
				margin-top: 40px;
				
				li{			
					float: left;
					padding: 0;
					.transition(all, 0.2s);
					width: 40px;
					height: 40px;
					position: relative;
					margin: 6px;
					
					&:nth-child(even){
						margin-top: 30px;
					}
					
					a{
						background: lighten(@methodology-purple, 30%);
						.border-radius(150px);
						color: #fff;
						display: block;
						width: 40px;
						height: 40px;
						line-height: 40px;
						.inner-box-shadow(0, 0, 5px, rgba(0,0,0,0.2));
						text-align: center;
						text-decoration: none;
						font-weight: bold;
						.transition(all, 0.2s);
						position: absolute;
						top: 0;
						left: 0;
						
						&:hover{
							background: lighten(@methodology-purple, 15%);
							width: 46px;
							height: 46px;
							line-height: 46px;
							top: -3px;
							left: -3px;
						}
					}
					
					&.cur{
						.transition(all, 0.2s);
						a{
							background: @methodology-purple;
							width: 55px;
							height: 55px;
							position: absolute;
							font-size: 22px;
							top: -11px;
							left: -11px;
							line-height: 55px;
							margin: 4px;
						}
					}
				}
			}
			
			.tooltip{
				background: lighten(@methodology-purple, 30%);
				.inner-box-shadow(0, 0, 5px, rgba(0,0,0,0.2));
				float: left;
				position: absolute;
				top: 100px;
				padding: 12px;
				.border-radius(8px);
				.transition(all, 0.2s);
				
				.stalk{
					width: 14px;
					height: 10px;
					position: absolute;
					left: 20px;
					top: -6px;
				}
				img{
					float: left;
				}
				p{
					float: left;
					font-weight: bold;
					color: #fff;
					padding: 0 0 0 10px;
					width: 120px;
				}
			}
		}
	}
	
	/*METHODOLOGY*/
	#content.people{
		.column-2{
			a{
				display: block;
				float: left;
				width: 32%;
				height: 100px;
				background: #ddd;
				margin: 10px 10px 0 0;
				text-decoration: none;
				color: #333;
				position: relative;
				.border-radius(5px);
				.inner-box-shadow (0, 0, 3px, #ccc);
				.inner-box-shadow (0, 0, 3px, rgba(0,0,0,0.1);
				.transition(all, 0.2s);
				
				&.last{
					margin-right: 0;
				}
				
				&:hover{
					background: @people-blue;
					color: #fff;
				}
				
				img{
					position: absolute;
					bottom: 0;
					right: 0;
				}
				
				p{
					font-size: 11px;
					line-height: 13px;
					margin: 7px 0 0 10px;
					font-weight: bold;
					width: 55%;
					float: left;
					
					span{
						font-size: 11px;
						display: block;
						padding-top: 5px;
						font-weight: normal;
					}
				}
			}
		}
	}
	
	/*GLOBAL*/
	#content.global{
		.column-2{
			.city{
				float: left;
				margin: 10px 0;
				
				img{
					float: left;
					margin-right: 30px;
				}
				.info{
					float: left;
					
					h4{
						font-size: 18px;
						color: @global-blue;
						font-weight: normal;
						padding-bottom: 5px;
					}
					p{
						font-size: 12px;
						line-height: 13px;
						padding-bottom: 0;
						
						a{
							color: #333;
							text-decoration: none;
							font-size: 11px;
							font-weight: bold;
							padding-left: 3px;
							
							&:hover{
								color: @global-blue;
								text-decoration: underline;
							}
						}
						
						&.tel{
							font-weight: bold;
							color: @global-blue;
							background: url(../img/tel-icon.png) no-repeat 2px 0;
							padding-left: 25px;
							font-size: 14px;
							padding-top: 1px;
							margin-top: 12px;
						}
					}
				}
			}
		}
	}
	
	/*NEWS*/
	#content.news{
		h2{
			margin-bottom: 0px;
		}
		.entry-content{
			float: left;
			clear: both;
			overflow: hidden;
			
			div{
				margin: 0;
				padding: 0;
			}
			
			a{
				color: @base;
				
				&:hover{
					text-decoration: underline;
				}
			}
		}
		.column-2{
			padding-top: 40px;
		}
		
		a{
			text-decoration: none;
			
			&:hover{
				#post{
					background: #eee;
				}
			}
		
			#post{
				border-bottom: 1px solid #E6E6E8;
				.box-shadow (0, 1px, 0, #fff);
				overflow: hidden;
				padding: 30px 20px 20px 20px;
				color: #333;
				.transition(background-color, 0.2s);
				
				.date{
					float: left;
					font-size: 22px;
					font-weight: bold;
					text-align: center;
					padding-top: 1px;
					width: 5%;
					margin-bottom: 15px;
					
					span{
						font-size: 12px;
						display: block;
						text-transform: uppercase;
					}
				}
				
				h2{
					border: none;
					.box-shadow(0,0,0);
					padding: 0;
					width: 92%;
					margin: 0 0 15px 3%;
					float: left;
					font-size: 15px;
					line-height: 17px;
					color: @base;
					font-family: @droid;
					text-transform: none;
				}
				
				p{
					font-size: 14px;
					line-height: 18px;
					float: left;
				}
			}
		}
		
		/*NEWS SINGLE - aren't wrapped in anchor tag */
		#post{
			border-bottom: 1px solid #E6E6E8;
			.box-shadow (0, 1px, 0, #fff);
			overflow: hidden;
			padding: 30px 20px 20px 20px;
			color: #333;
			.transition(background-color, 0.2s);
			
			.date{
				float: left;
				font-size: 22px;
				font-weight: bold;
				text-align: center;
				padding-top: 1px;
				width: 5%;
				margin-bottom: 15px;
				
				span{
					font-size: 12px;
					display: block;
					text-transform: uppercase;
				}
			}
			
			h2{
				border: none;
				.box-shadow(0,0,0);
				padding: 0;
				width: 92%;
				margin: 0 0 15px 3%;
				float: left;
				font-size: 15px;
				line-height: 17px;
				color: @base;
				font-family: @droid;
				text-transform: none;
			}
			
			p{
				font-size: 14px;
				line-height: 18px;
				float: left;
				width: 80%;
			}
			ul{
				float: left;
				margin: 5px 0;
				padding: 0;
			}
			li{
				float: left;
				clear: left;
				padding: 5px 0;
				margin: 5px 0;
			}
		}
		
		/*EXTERNAL RSS POSTS*/
		#post.tag-external{	
			a{
				text-decoration: none;
				color: #333;
			}
			
			.feedflare{
				display: none;
			}
			.entry-content a{
				clear: both;
				float: left;
				margin-bottom: 20px;
			}
		
			border-bottom: 1px solid #E6E6E8;
			.box-shadow (0, 1px, 0, #fff);
			overflow: hidden;
			padding: 30px 20px 20px 20px;
			color: #333;
			.transition(background-color, 0.2s);
			
			.date{
				float: left;
				font-size: 22px;
				font-weight: bold;
				text-align: center;
				padding-top: 1px;
				width: 5%;
				margin-bottom: 15px;
				
				span{
					font-size: 12px;
					display: block;
					text-transform: uppercase;
				}
			}
			
			h2{
				border: none;
				.box-shadow(0,0,0);
				padding: 0;
				width: 92%;
				margin: 0 0 15px 3%;
				float: left;
				font-size: 15px;
				line-height: 17px;
				color: @base;
				font-family: @droid;
				text-transform: none;
			}
			
			p{
				font-size: 14px;
				line-height: 18px;
				float: left;
			}
		} //End external RSS posts
	}
	
	/*SERVICES*/
	#content.services{
		overflow: hidden;
		
		section{
			width: 50%;
			padding-top: 10px;
			margin: 0 0 40px 0;
			float: left;
			
			&.last{
				margin-bottom: 0;
			}
			
			h3{
				padding-bottom: 10px;
				margin-left: 5px;
				color: @services-green;
			}
			
			img{
				margin-bottom: 20px;
			}
		
			ul{
				width: 85%;
				margin: 0;
				padding: 0;
				margin-left: 22px;
				
				li{
					font-size: 13px;
					padding: 3px 0 3px 0;
					line-height: 16px;
				}
			}
		}
	}
	
	/*TESTIMONIALS*/
	#content.testimonials{		
		ul{
			width: 47%;
			margin: 0;
			padding: 0;
			float: left;
			
			li{
				list-style-type: none;
				
				font-size: 13px;
				line-height: 16px;
				background: url(../img/chevron.png) no-repeat left 7px;
				padding-left: 22px;
				padding-right: 20px;
			}
		}
	}
	
} // end .page, &.single, &.archive, &.search

.single #content.news{ /*Tweaks for single post page*/
	a{
		&:hover #post{
			background: none;
		}
		#post{
			border-bottom: none;
			.box-shadow (0, 0, 0, #fff);
		}
	}
}


.paginate{
	padding: 20px 20px 0 20px;
	.alignleft{
		float: left;
	}
	.alignright{
		float: right;
	}
	
	a{	
		background: #bbb;
		color: #fff;
		padding: 5px 10px;
		.border-radius(5px);
		font-size: 13px;
		font-family: @myriad;
		text-decoration: none;
		text-transform: uppercase;
		float: left;
		margin: 10px 0 0 0;
		.inner-box-shadow(0, 0, 3px, rgba(0,0,0,0.1);
		.transition(background-color, 0.2s);
		
		&:hover{
			background: @base;
		}
	}
}

/*NEWS SIDEBAR*/
#sidebar{
	.widget{
		padding: 10px 0 10px 0;
		label, h2{
			font-family: @myriad;
			font-size: 18px;
			color: @base;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 0;
			border: none;
			padding-bottom: 10px;
		}
		input{
			margin-top: 10px;
			border: none;
			background: #eee;
			border: 1px solid #e5e5e5;
			padding: 2px 5px;
			
			&#s{
				width: 62%;
			}
			&#searchsubmit{
				width: 28%;
			}
		}
		
		&#text-4{ /*RSS Subscribe btn in news sidebar*/
			padding-bottom: 30px;
			a.btn.rss{
				padding: 0 7px 0 25px;
				text-indent: 0px;
				background-color: @base;
				.transition(background-color, 0.2s);
				&:hover{
					background-color: #e4ac00;
				}
			}
		}
		&#text-3{ /*News siderbar text*/
			border-top: 1px solid #ddd;
			margin-top: 25px;
			padding-top: 25px;
		}
	}
}


/*EVENT SINGLE*/
.single #event, &.page #event{
	padding-top: 20px;
	
	h2{
		border: none;
		float: left;
		clear: both;
		width: 15%;
	}
	p{
		padding: 5px 0 5px 20px;
		float: left;
		width: 79%;
		
		&.title{
			font-weight: bold;
		}
	}
	a.btn{
		float: left;
		clear: both;
		font-size: 16px;
		padding: 7px 10px;
		margin-top: 40px;
	}
}

.page #content.news.events .column-2{
	a.eventlink{
		color: #333;
		
		&:hover{
			#event{
				background: #eee;
			}
		}
	}
	#event{
		overflow: hidden;
		border-bottom: 1px solid #E6E6E8;
		padding: 15px;
		.box-shadow (0, 1px, 0, #fff);
		.transition(background-color, 0.2s);
		
		p{
			font-size: 13px;
			padding: 0 0 5px 0;
			width: 100%;
			
			&.title{
				font-size: 14px;
				margin: 0;
				padding: 0;
				color: @base;
			}
		}
	}
}

/*Events sidebar*/
#sidebar.events{
	ul{
		padding: 15px 0 15px 0;
		
		li{
			list-style-type: none;
			
			a{
				font-size: 13px;
				line-height: 16px;
				color: #333;
				
				&:hover{
					color: @base;
				}
			}
			p{
				padding-bottom: 5px;
				font-size: 13px;
			}
		}
	}
}


/*FOOTER*/
footer{
	clear: both;
	overflow: hidden;
	background: #fefefe url(../img/footer-bg.png) repeat-x;
	padding: 40px 40px 0 40px;
	text-shadow: 1px 1px 0 #fff;
	
	section{
		float: left;
		
		&.contact{
			width: 32%;
			ul{
				li{
					font-size: 16px;
					padding-bottom: 13px;
					font-weight: bold;
					padding-left: 27px;
					color: #333;
					
					span{
						font-size: 11px;
						font-weight: normal;
					}
					
					&.email{
						background: url(../img/email-icon.png) no-repeat 0 4px;
						
						a{
							text-decoration: none;
							color: darken(@base, 15%);
							padding: 0 5px;
							margin-left: -5px;
							.border-radius(5px);
							.transition(all, 0.1s);
							
							
							&:hover{
								background: @base;
								color: #fff;
								text-shadow: none;
							}
						}
					}
					&.tel{
						background: url(../img/tel-icon.png) no-repeat 0 2px;
						line-height: 22px;
					}
					&.social{
						overflow: hidden;
						width: 100%;
						padding-top: 5px;
						padding-bottom: 20px;
						
						a{
							float: left;
							width: 31px;
							height: 31px;
							background: url(../img/social.png) no-repeat;
							margin-right: 5px;
							
							&.twitter:hover{
								background-position: 0 -31px;
							}
							&.linkedin{
								background-position: -37px 0;
								&:hover{
									background-position: -37px -31px;
								}
							}
							&.facebook{
								background-position: -74px 0;
								&:hover{
									background-position: -74px -31px;
								}
							}
						}
					}
				}
			}
			p{
				padding-left: 25px;
				color: #333;
				
				b{
					font-size: 13px;
				}
				font-size: 12px;
				line-height: 14px;
				font-family: @droid;
			}
		}
		
		&.form{
			width: 41%;
			padding-top: 0;
			position: relative;
			
			h3{
				font-size: 17px;
			}
			
			form{
				input#name, input#email, input#tel, textarea, select{
					border: none;
					.inner-box-shadow(1px, 1px, 1px, #ccc);
					.border-radius(5px);
					padding: 4px 5px;
					.transition(all, 0.2s);
					width: 160px;
					margin: 0 10px 6px 0;
					font-size: 11px;
					float: left;
					
					&.last{
						margin-right: 0;
						float: right;
					}
					
					&:hover, &:focus{
						background: #ddd;
					}
				}
				textarea{
					font-family: helvetica;
					width: 350px;
					max-width: 350px;
					min-width: 350px;
					min-height: 80px;
					padding-top: 5px;
					padding-bottom: 5px;
				}
				select{
					width: 47%;
				}
				
				text-align: right;
				.btn{
					float: right;
					clear: left;
					border: none;
					padding: 4px 20px;
					cursor: pointer;
					
					&#clear:hover{
						background: #e4ac00;
					}
					&#submit{
						background: @base;
						margin-left: 10px;
						
						&:hover{
							background: #75ac53;
						}
					}
				}
			}
			
			#loader{
				position: absolute;
				top: 43%;
				width: 100%;
				text-align: center;
			}
			#response{
				background: rgba(0,0,0,0.5);
				.border-radius(8px);
				color: #fff;
				line-height: 16px;
				position: absolute;
				top: 30%;
				width: 80%;
				left: 5%;
				text-align: center;
				padding: 5%;
				text-shadow: none;
			}
		}
	}
	
	.bottomline{
		overflow: hidden;
		clear: both;
		padding: 50px 0 20px 0;
		font-size: 11px;
		p{
			float: left;
		}
		
		a{
			color: @base;
			text-decoration: none;
			
			&:hover{
				color: darken(@base, 10%);
				text-decoration: underline;
			}
		}
		
		ul{
			float: left;
			clear: left;
			padding-top: 5px;
			li{
				display: inline;
				padding-right: 7px;
				margin-right: 5px;
				
				&:first-child{
					border-right: 1px solid #333;
				}
			}
		}
		
		.share{
			float: right;
			margin-top: -10px;

			.addthis_toolbox{
				float: right;
				
				p{
					font-family: @myriad;
					float: left;
					font-size: 20px;
					color: #acabab;
					font-weight: bold;
					padding-right: 8px;
					margin-top: -2px;
				}
				a{
					float: left;
				}
			}
		}
	}
} //END FOOTER