html,
	body {
		margin:0;
		padding:0;
		height:100%;
	}
	#container {
		min-height:100%;
		position:relative;
	}
	#header{
	}
	#body {
	padding-top: 27.5px;
	}
#footer{
	background-image: url('../img/footerGrad.png');
	background-repeat: repeat-x;
	font-size: 0.75em;
	line-height: 1.25em;
	width: 100%;
	height: 110px;
	clear: both;
}

#feature{
	background-image:url('../img/bgImage.png'); /* greenGrad.png */
	background-repeat: repeat-x;
	height: 330px;
	width: 100%;
}

.featureShift{
	margin-top: -330px;
}

.break{
	height: 27.5px;
}


#footer a, #footer p{
	color: #f8f4e4;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}



body{
font-size: 16px;
background-color: #f8f4e4;
font-family: Georgia, "Palatino Lintoype", "Times New Roman", times, serif;
}

h1{
color: #c99b2c;
text-align: left;
clear: both;
font-size: 2em;
padding: 0 0 10px 0;
letter-spacing: -0.5px;
}

h2{
color: #413017;
text-align: left;
clear: both;
font-size: 1.25em;
margin-bottom: 24px;
}

h3{
color: #c45627;
text-align: left;
margin-bottom: 24px;
}

p{
color: #413017;
text-align: left;
padding: 0 0 24px 0;
line-height: 1.5em;
}
p.first{
font-weight: bold;
}

.req{
	color: #c45627;
}

.port{
	height: 270px;
	background-color: #d3e49a;
}

.port img{
padding: 10px;
}

.port p{
padding: 0 10px 0 10px;
}

.box3{
	height: 220px;
	background-color: #d3e49a;
}

.box7{
	height: 400px;
}

.stat{
height: 25px;
font-size: 0.75em;
float: left;
}

.alt{
background-color: #d3e49a;
}

.statHead{
margin-bottom: 24px;
background-color: #d3e49a;
}

.value{
height: 25px;
font-size: 0.75em;
text-align: right;
}

.level_1{height: 190px;}
.level_2{height: 180px;}
.level_3{height: 170px;}
.level_4{height: 160px;}
.level_5{height: 150px;}
.level_6{height: 140px;}
.level_7{height: 130px;}
.level_8{height: 120px;}
.level_9{height: 110px;}
.level_10{height: 100px;}
.level_11{height: 90px;}
.level_12{height: 80px;}
.level_13{height: 70px;}
.level_14{height: 60px;}
.level_15{height: 50px;}
.level_16{height: 40px;}
.level_17{height: 30px;}
.level_18{height: 20px;}
.level_19{height: 10px;}
.level_20{height: 0px;}

.level_1, .level_2, .level_3, .level_4 {background-color: brown;}
.level_5, .level_6, .level_7, .level_8 {background-color: red;}
.level_9, .level_10, .level_11, .level_12 {background-color: orange;}
.level_13, .level_14, .level_15, .level_16 {background-color: yellow;}
.level_17, .level_18, .level_19 {background-color: blue;}
.level_20 {background-color: green;}

.level_1, .level_2, .level_3, .level_4, .level_5, .level_6, .level_7, .level_8, .level_9, .level_10,
.level_11, .level_12, .level_13, .level_14, .level_15, .level_16, .level_17, .level_18, .level_19, .level_20{
background-color: #f8f4e4;
}


.chartOther{
background-image: url('../img/chartOther.png');
background-repeat: no-repeat;
height: 200px;
}

.chartMental{
background-image: url('../img/chartMental.png');
background-repeat: no-repeat;
height: 200px;
}

.chartTechnical{
background-image: url('../img/chartTechnical.png');
background-repeat: no-repeat;
height: 200px;
}

.right{
	text-align: right;
}

.content{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
}

.band{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}


p.quote{
	color: #f8f4e4;
	font-size: 1.2em;
	font-family: Georgia, "Palatino Lintoype", "Times New Roman", times, serif;
	text-indent:-0.25em;
}

p.ref, .ref a{
	color: #413017;
	font-size: 0.75em;
	font-family: Georgia, "Palatino Lintoype", "Times New Roman", times, serif;
	font-style: italic;
	text-align: right;
}

	div.topStripe {
		background-color: #abcf37;
		height: 27.5px;
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}

	div.green {
		background-color: #a9cf3a;
		height: 1px;
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
	div.sun {
		background-color: #ca9c2c;
		height: 1px;
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}

	div.terracotta {
		background-color: #c55627;
		height: 3px;
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}

	div.brown {
		background-color: #413017;
		height: 9px;
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}

	div.smallGap {
		width: 100%;
		height: 2px;
		margin: 0;
		padding: 0;
		clear: both;
	}

	div.bigGap {
		width: 100%;
		height: 4px;
		margin: 0;
		padding: 0;
		clear: both;
	}




#menu {
	width: 496px;
	height:55px;
	display: block;
	float: right;
	margin: 0;
}
#menu ul {
	margin: 0;
	margin-top: 28px;
	padding: 0;
}
#menu li {
	display: inline;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	float: left;
	height: 55px;
	background-image: url('../img/menu.png');
	background-repeat: no-repeat;
	background-position: top;
	cursor: pointer;
}
#menu li.aboutBtn a { width: 84px; background-position: 0 0; }
#menu li.servicesBtn a { width: 110px; background-position: -84px 0; }
#menu li.portfolioBtn a { width: 122px; background-position: -194px 0; }
#menu li.blogBtn a { width: 72px; background-position: -316px 0; }
#menu li.contactBtn a { width: 108px; background-position: -388px 0; }

#menu li.aboutBtn a:hover { background-position: 0 -55px; }
#menu li.servicesBtn a:hover { background-position: -84px -55px }
#menu li.portfolioBtn a:hover { background-position: -194px -55px }
#menu li.blogBtn a:hover { background-position: -316px -55px }
#menu li.contactBtn a:hover { background-position: -388px -55px }

#menu li.aboutBtn.current a { background-position: 0 -110px; }
#menu li.servicesBtn.current a { background-position: -84px -110px; }
#menu li.portfolioBtn.current a { background-position: -194px -110px; }
#menu li.blogBtn.current a { background-position: -316px -110px; }
#menu li.contactBtn.current a { background-position: -388px -110px; }


#logoBtn a { width: 220px; background-position: 0 0; }
#logoBtn a:hover { background-position: 0 -110px; }
  
#logoBtn {
	width: 220px;
	height:110px;
	display: block;
	float: left;
	margin: 0;
}
#logoBtn ul {
	margin: 0;
	padding: 0;
}
#logoBtn li {
	display: inline;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#logoBtn li a {
	display: block;
	float: left;
	height: 110px;
	background-image: url('../img/logoBtn.png');
	background-repeat: no-repeat;
	background-position: top;
	cursor: pointer;
}

div.h2rule {
		background-color: #f7b41b;
		width: 100%;
		height: 1px;
		margin: 0 0 8px 0;
		padding: 0;
		clear: both;
	}
	
.blog{
	margin-bottom: 40px;
}

.Oldblog{
	padding-top: 20px;
	border-top: 1px solid #413017;
	font-size: 0.75em;
}

.clientInfo {
	font-size: 0.9em;
}