/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/



body {
background-image:url(../img/body-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	
	}
	
	
	.errormsg {
	color:#ff0000 !important;
	
	
	}
	
	
	
	body#home a#homenav, body#howitworks a#howitworksnav, body#technical a#technicalnav, body#contact a#contactnav  {
color:#d97004;
text-decoration:none;
background-color:#dee3f1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* `Containers & divs
----------------------------------------------------------------------------------------------------*/





.required {
color:#ff0000 !important;
font-weight:bold;



}

.formField {
background-color:#f7fbff;
border:1px solid #002a5c;
height:21px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

padding:5px 2px 0px 3px;



}

.textBox {

background-color:#f7fbff;
border:1px solid #002a5c;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;

padding:5px 2px 0px 3px;



}

#new {
z-index:100;
position:absolute;
top:0;
left:0;

width:111px;
height:111px;

}


#container div {

display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
/*background-color:#CCCCCC;*/
}


#container {


	margin-left: auto;
	margin-right: auto;
	width: 800px;
	
	

}



#header {

width: 780px; /* 20px less than container with 10px of margin on each side */
height:264px;


}

.humac360Imgred {

float:right !important;
margin:10px 0px 0px 0px;
width:213px;
height:252px;
background-image:url(../img/humac360-red.png);
background-repeat:no-repeat;

}



.humac360Imgblue {

float:right !important;
margin:10px 0px 0px 0px;
width:213px;
height:252px;
background-image:url(../img/humac360-blue.png);
background-repeat:no-repeat;

}

.humac360Imggreen {

float:right !important;
margin:10px 0px 0px 0px;
width:213px;
height:252px;
background-image:url(../img/humac360-green.png);
background-repeat:no-repeat;

}

.humac360Imggold {

float:right !important;
margin:10px 0px 0px 0px;
width:213px;
height:252px;
background-image:url(../img/humac360-gold.png);
background-repeat:no-repeat;

}

#colorChanger {
float:right !important;
background-color:#adb6d3;
padding:0px 2px 0px 2px;

margin-top:222px;
}

#colorChanger .swatch {
padding:5px 3px 5px 3px;
float:left;


}


#contentLeft {

width: 560px; /* 20px less than container with 10px of margin on each side 580 with margins  */

}


#sidebarRight {

width: 200px; /* 20px less than container with 10px of margin on each side  220 with margins */



}



#footer {

margin-top:70px;
width: 780px; /* 20px less than container with 10px of margin on each side */
background-color:#f6f7f8;



}

/*  Right Navigation
----------------------------------------------------------------------------------------------------*/

#nav {
margin-top:10px;
list-style:none;
}

#nav a {
color:#002a5e;
text-decoration:none;
padding:10px;


}

#nav a:hover {
color:#d97004;
text-decoration:none;
background-color:#dee3f1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;




}


#nav li {
margin:20px 0px 15px 10px;

font-size:14px;
font-weight:bold;


}




	



/* `Typography
----------------------------------------------------------------------------------------------------*/


body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#002a5e;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 31px;
	color:#d97004;
	line-height:1.2em;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}


ol {
	list-style: decimal;
}

ul {
	list-style:disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}

/* styling
----------------------------------------------------------------------------------------------------*/


a {
color:#002a5e;
text-decoration:none;}

a:hover {
color:#d97004;
text-decoration:none;
}



h1.logo {
text-indent:-9999px;
float:left;
width:453px;
height:172px;
background-image:url(../img/humac360-logo.png);
margin-top:30px;
}


.thumb { /*homepage lightbox thumbnails */
border:2px solid #d8d8d9;
float:left;
margin-right:30px;

}

.intro {
font-size:16px;
line-height:1.5em;



}

#footer p {
margin:10px;
}


.list1 {
padding-left:50px;
background-image:url(../img/1.gif);
background-repeat:no-repeat;
height:40px;
padding-top:4px;

}

.list2 {
padding-left:50px;
background-image:url(../img/2.gif);
background-repeat:no-repeat;
height:40px;
padding-top:4px;

}

.list3 {
padding-left:50px;
background-image:url(../img/3.gif);
background-repeat:no-repeat;
height:40px;
padding-top:4px;
}

#setup {

border:2px solid #d8d8d9;
float:right;
margin-right:15px;
margin-left:15px;

}


#biofeedback {

border:2px solid #d8d8d9;
float:right;
margin-right:15px;

margin-left:15px;

}

#results {

border:2px solid #d8d8d9;
float:right;
margin-right:15px;
margin-left:15px;

}

.learnMore {
margin-top:15px;
margin-bottom:15px;
}

.red {
color:#d6292c;

}

.blue {
color:#264ea1;


}

.green {
color:#347a46;

}

.gold {
color:#eaa14d;

}


#footer p {
font-size:11px;
padding
}

#footer a {
margin-left:7px;
text-decoration:none;
color:#color:#002a5e !important;

}

#footer a:hover {
color:#color:#d97004 !important;

}








/* clearing & floats
----------------------------------------------------------------------------------------------------*/

.floatleft { float:left;
}

.floatright { float:right;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}