html { 
	min-height: 100%; margin-bottom: 1px; 
}

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
}

#main_wrapper {
	width:960px; 
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	overflow:hidden;
}

#header {
	padding-top:50px;
	height:64px;
}

#header_left {
	width:310px;
	height:64px;
	float:left;
}

#header_right{
	width:650px;
	height:64px;
	background-color:#EBF0F2;
	float:right;
}

#nav_holder{
	padding-top:22px;
	width:500px;
	height:25px;
	float:right;
	overflow:hidden;
}

a#nav1 {
	height: 25px;
	width: 52px;
	text-decoration: none;
	background: url(../images/img_home.gif);
	background-position:0px 0px;
	float:left;
}

a#nav1:hover {
	height: 25px;
	width: 52px;
	background: url(../images/img_home.gif);
	background-position:0px 25px;
	float:left;
}

a#nav2{
	height: 25px;
	width: 75px;
	text-decoration: none;
	background: url(../images/img_mission.gif);
	background-position:0px 0px;
	float:left;
}

a#nav2:hover {
	height: 25px;
	width: 75px;
	background: url(../images/img_mission.gif);
	background-position:0px 25px;
	float:left;
}

a#nav3{
	height: 25px;
	width: 55px;
	text-decoration: none;
	background: url(../images/img_goal.gif);
	background-position:0px 0px;
	float:left;
}

a#nav3:hover {
	height: 25px;
	width: 55px;
	background: url(../images/img_goal.gif);
	background-position:0px 25px;
	float:left;
}

a#nav4{
	height: 25px;
	width: 133px;
	text-decoration: none;
	background: url(../images/img_planofaction.gif);
	background-position:0px 0px;
	float:left;
}

a#nav4:hover {
	height: 25px;
	width: 133px;
	background: url(../images/img_planofaction.gif);
	background-position:0px 25px;
	float:left;
}

a#nav5{
	height: 25px;
	width: 83px;
	text-decoration: none;
	background: url(../images/img_projects.gif);
	background-position:0px 0px;
	float:left;
}

a#nav5:hover {
	height: 25px;
	width: 83px;
	background: url(../images/img_projects.gif);
	background-position:0px 25px;
	float:left;
}

a#nav6{
	height: 25px;
	width: 99px;
	text-decoration: none;
	background: url(../images/img_contactus.gif);
	background-position:0px 0px;
	float:left;
}

a#nav6:hover {
	height: 25px;
	width: 99px;
	background: url(../images/img_contactus.gif);
	background-position:0px 25px;
	float:left;
}

#content{
	width:960px;
	background: url(../images/img_bg.gif) repeat-y;
	float:left;
}

#content_left_index{
	padding:25px 5px 80px 5px;
	width:296px;
	background-color:#EBF0F2;
	text-align:center;
	float:left;
}

#content_left{
	padding:25px 5px 30px 5px;
	width:296px;
	background-color:#EBF0F2;
	text-align:center;
	float:left;
}

#content_right{
	padding:15px 20px;
	width:614px;
	float:left;
}

.project_left{
	width:249px;
	padding-right:5px;
	float:left;
	clear:both;
}

.project_right{
	width:356px;
	float:left;
}


	
#footer {
	padding-right:5px;
	background-color:#EBF0F2;
	clear:both; /* makes the footer sit below whichever column is longest */
	text-align:right;
}



#header,#header_left,#header_right,#navigation,#content, #footer {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}





/* CLASSES */
.text_align_left {text-align:left; padding-left:5px;}
.text_align_center {text-align:center; padding-top: 30px;}
.text_align_right {text-align:right;}
.order_alignment {padding-top:10px;}
.width_23percent {width:23%;}
.width_22percent {width:22%;}
.indent2 {padding-left:15px;}
.align_offer {margin-left:13px;}
.align_offer_image {margin:3px 0 0 45px;}
.align_technologies {margin:10px 0 0 0;}
.align_technologies2 {margin:0 0 20px 45px;}