/***** Fonts *****/
@font-face { font-family: Titillium; src: url("../fonts/titillium_web/TitilliumWeb-Regular.ttf"); }
@font-face { font-family: Titillium Light; src: url("../fonts/TitilliumText25L005.otf"); }
@font-face { font-family: Titillium Bold; src: url("../fonts/titillium_web/TitilliumWeb-Bold.ttf"); } 
@font-face { font-family: PT Sans; font-weight: bold; src: url("../fonts/PTSans.ttf"); }; 


/***** Colors *****/
@blue: #0079c2; 
@orange: #c94127;
@darkGreen: #035050; 
@green: #047b7a;
@lightGreen: #30bebe;
@brightBlue: #2191d6; 
@black: #333232; 
@grey: #c8c8c8;
@lightGrey: #e2e2e2;
@white: #f4f4f4; 

.grey-70 {
background-color:rgba(0, 0, 0, 0.4);
}

.white-50 {
background-color:rgba(255, 255, 255, 0.5);
}

/***** Font Stacks *****/
@titillium: Titillium, helvetica neue, helvetica, arial, sans-serif;
@titilliumLight: Titillium Light, helvetica neue, helvetica, arial, sans-serif;
@titilliumBold: Titillium Bold, helvetica neue, helvetica, arial, sans-serif;
@ptsans: PT Sans, arial;

/***** Basic Styles *****/
/***** (all others import from bootsrap) *****/

body { 
	background-color: @white;
	margin: auto;
	font-family:@ptsans; 
}


h1 {
	font-family:@titilliumLight;  
	font-weight: 200;
	font-size: 34pt;
	color: @grey;	
	letter-spacing:0em; 
}

h1.sectionHeader { 
	color: @brightBlue;
}
.titilliumUpper {
	letter-spacing: -0.1em; 
	//text-transform: uppercase;
	font-family: @titillium;
}

.opacity-50 {
opacity:0.5;
filter:alpha(opacity=50);
}

.fullBackground {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

h2 { 
	.titilliumUpper;
	font-size: 18pt;
	color: @black;
	letter-spacing: 0em; 
	margin: 0px; 
}

h3 {
	font-family:@titilliumLight;  
	font-weight: 200;
	font-size: 18pt;
	color: @black;
	margin: 0px; 
	line-height: 1.1em;
}

h4 {
	font-family:@titillium;  
	font-weight: 200;
	font-size: 12pt;
	color: @black;
}



.topNav { 
	position: fixed; 
	right: 0; 
	top: 0; 
	width: 100%;
	height: 50px; 
	background-color: #333333; 
	margin: auto;
}

.content {
margin: auto; 
clear: both;
margin-bottom: -50px; 
}

.header {
	background: url("../images/possibleResearchBack_light.png") 0 0 #FFF; 
	height: 200px; 
	width: 100%;
}

.width1024 { 
	width: 1024px; 
	margin: auto;
	h1 {padding-left: 10px}
	h2 {font-family: @titilliumLight; font-weight:200;}

}

.twoColumn {
	width: 50%;
	float: left;
	h2 {padding-left: 10px; padding-right: 30px; margin-top: 20px; font-family: @titilliumLight; font-weight:200;}
	p, h4 {padding-left: 10px; padding-right: 30px;}

}



.content p { 
	line-height: 1.8em; 
	margin-top: 10px;
}
.width1024 img { 
	margin: 2em 10px 0px 10px;
}
	  
div#nav { 
	width: 1024px; 
	padding-right: 20px;
	background: url("../images/arc_logo_whiteSHAD.png") #333333 20px 10px no-repeat;
	height: 50px; 
	margin: auto;
}

ul#horzNav { 
	float: right; 
list-style-type:none;
// border: 1px solid @grey;
margin:0px;
padding:10px;
font-family:@titilliumLight; 
color: @white;
font-size: 13pt;
	li {
		display: inline;
		a {
		color: @white;
		padding: 0px 10px;
			}
		a:hover {
		color: @orange;
		padding: 0px 10px;
			}
		}
}

.hasShadow {
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}

.page { 
	padding-top: 0px;
}

.grey { 
	background-color: @grey;
}
.lightGrey { 
	background-color: @lightGrey;
}


#home {
	background-color: @blue;
	background-image: url("../images/Field_Guy_r.jpg");
	.fullBackground; 
}

.whiteBackground { 
    background-color: rgba(255, 255, 255, 0.8);
	padding: 40PX;
	width: 100%;
}
.hero { 
	height: 100px; 
	background-color: @white; 
    background-color: rgba(255, 255, 255, 0.6);
	position: absolute;
	bottom: 0;
	width:100%;
	padding: 30px 0px 30px 0px;
}

#overview { 
	position:absolute;
	top: -40px;
}

.footer { 
	height: 300px; 
	background-color: @white; 
    background-color: rgba(255, 255, 255, 0.6);
	width:100%;
	margin:auto;
	padding: 30px 0px 30px 0px;
	div{ width: 33%; float: left; text-align:center; height: 300px;vertical-align: middle; }
}


.hero div { 
	margin: auto; 
	width: 1024px;
	
}

#mhci {
	background-color: @white;
	//background-image: url("../images/powermeter-edited.jpg");
	.fullBackground; 
}

#team { 
	background-color: @white;
}

#research { 
	background-color: @white;
}

.logo {
	background: url("../images/arc_logo_white.png") no-repeat;
	text-indent: -10000px;
	margin-top: 100px;
	display: block; 
	height: 124px;
	width: 248px;

}

.description {
.grey-70;
margin-top: 100px;
padding: 20px;
color: @white;
line-height: 1.5em;
}

.bios {
.white-50;
position: relative;
bottom: 0px;
margin-top: 20%;
padding: 10px 0px 20px 0px;
color: @black;
line-height: 1.5em;
}



.alignBottom { 
position: absolute; 
bottom: 5px; 
}