/*
Title:     	Fundament Styles
Author:     Michelle Britton
Copyright:	Fundament
Updated:    1 September 2007
*/

/* mac hide \*/
html,body{height:100%; width:100%; margin:0px;}
/* end hide */

body{
	text-align:center; 
	min-height:490px;/* for good browsers*/ 
	min-width:780px;/* for good browsers*/ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	color:#ffffff; 
	text-align:left;
	background-color:#bcbec0;
}

a img{border:none;}


/* ---- Headings ---- */
h1{
	width:420px;
	color:#028eaf;
	font-size:1.5em;
	margin:50px 0px -10px 60px;
}

h2{
	color:#61116a;
	font-size:1em;
	margin:8px 0px -10px 0px;
}
/* ---- End Headings ---- */


/* ---- These ensure the page sits in the middle of the screen ---- */
#horizon{ 
	height:100%; 
	width:100%; 
	display:table; 
	vertical-align:middle; 
}

#content{ 
	height:490px;
	text-align:center;
	position:relative;
	vertical-align:middle; 
	display:table-cell; 	
}	

#wrapper{ 
	width:780px; 
	height:490px; 
	text-align:center; 
	margin-left:auto; 
	margin-right:auto; 
}	
/* ---- End "These ensure the page sits in the middle of the screen" ---- */


/* ---- Top Section ---- */
#index_container{
	width:100%;
	height:270px;	
	background-image:url(../images/index_bg.jpg);
	background-repeat:no-repeat;
}

#ethos_container{
	width:100%;
	height:270px;
	background-image:url(../images/ethos_bg.jpg);
	background-repeat:no-repeat;
}

#lifecycle_container{
	width:100%;
	height:270px;
	background-image:url(../images/lifecycle_bg.jpg);
	background-repeat:no-repeat;
}

#services_container{
	width:100%;
	height:270px;
	background-image:url(../images/services_bg.jpg);
	background-repeat:no-repeat;
}

#contact_container{
	width:100%;
	height:270px;
	background-image:url(../images/contact_bg.jpg);
	background-repeat:no-repeat;
}

#general_container{
	width:100%;
	height:270px;	
	background-image:url(../images/general_bg.jpg);
	background-repeat:no-repeat;
}

#logo{
	width:93px;
	float:left;
	position:relative;
	z-index:1;
	margin:9px 0px 0px -2px;
}

#head{
	width:500px;
	height:185px;
	float:right;
	position:relative;
	z-index:1;
	text-align:left;
	padding:20px;
}

#head p{
	font-size:1.3em;
	color:#028eaf;
	line-height:1.4em;
	font-weight:bold;
	clear:both;
	width:450px;
	margin:0px 0px 0px 50px;
}

#head .fundament{
	width:208px;
	height:30px;
	float:right;
	margin:0px 0px 30px 0px;
}

#head .healthcheck{
	width:427px;
	height:196px;
	background-image:url(../images/health_check.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 73px;
	padding:5px 30px 30px 30px;
	display:block;
}

#head .healthcheck .purple{
	color:#61116a;
	font-size:2em;
	margin:8px 0px 0px 0px;	
	display:block;
}

#head .grey, a{
	width:380px;
	color:#808284;
	font-size:1em;
	font-weight:bold;
	margin:0px;	
	text-decoration:none;
	line-height:normal;
}

#head .healthcheck .blue{
	color:#028eaf;
	font-size:0.85em;
	font-weight:bold;
}
/* ---- Navigation ---- */
#nav{
	width:100%;
	height:45px;	
	position:relative;
	z-index:1;
	float:left;
}

#nav ul{
	text-align:right;
	margin:3px 20px 0px 0px;
}

#nav ul li{
	display:inline;
	padding-left:15px;
}

#nav ul li.current a{
	color:#bbe7e6;
}

#nav a{color:#ffffff; text-decoration:none; font-weight:bold;}
#nav a:hover{color:#bbe7e6;}
#nav a.on{color:#bbe7e6;}
/* ---- End Navigation ---- */
/* ---- End Top Section ---- */


/* ---- Lower Section ---- */
#lower_section{
	width:100%;
	height:220px;
	background-color:#9d9fa1;
}

#left_col_ind{
	width:248px;
	height:190px;
	float:left;
	text-align:left;
	font-size:0.85em;
	margin:20px 0px 0px 30px;
	overflow:scroll;
	overflow-x:hidden; 
	overflow:auto;
}

#left_col_ind a{color:#ffffff; text-decoration:none;}

#right_col_ind{
	width:432px;
	height:190px;
	float:left;
	text-align:left;
	font-size:0.85em;
	margin:20px 0px 0px 50px;
	overflow:scroll;
	overflow-x:hidden; 
	overflow:auto;
	padding:0px 20px 0px 0px;
}

#left_col{
	width:140px;
	float:left;
	text-align:left;
	font-size:0.85em;
	margin:20px 0px 0px 30px;
}

#right_col{
	width:540px;
	height:190px;
	float:left;
	text-align:left;
	font-size:0.85em;
	margin:20px 0px 0px 50px;
	overflow:scroll;
	overflow-x:hidden; 
	overflow:auto;
	padding:0px 20px 0px 0px;
}

#right_col h2{
	font-size:1.2em;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}

#right_col ul{
	margin-left:-25px;
}

#right_col ul li{
	padding:3px 0px 3px 0px;
}
/* ---- End Lower Section ---- */



/* ---- Footer ---- */
#footer{
	width:100%;
	background-color:#bcbec0;
	font-size:0.7em;
	color:#000000;
	text-align:left;	
	margin-top:10px;
}

#footer .left{
	width:60%;
	float:left;
}

#footer .right{
	width:40%;
	float:right;
	text-align:right;
}

#footer a{color:#000000; text-decoration:none;}
/* ---- End Footer ---- */


/* ---- contact us page form ---- */
#EmailForm fieldset{
	width:380px;
	border:none;
}

#EmailForm label{ 
	display:block;  
	float:left; 
	width:60px; 
	padding:0px; 
	margin:8px 0 0; 
	text-align:left; 
	color:#bbe7e6;
	font-weight:bold;
}

#EmailForm input{
	float:right;
	width:auto;    
	margin:5px 0 0 0px;                        
}

#EmailForm textarea{ 
	float:right;
	margin:5px 0 0 0px;		  
}

#EmailForm br {clear:both;}
/* ---- end contact us page form ---- */



/* ---- Classes ---- */
p.index{
	line-height:2em;
	font-weight:bold;
}

p.fundament{
	font-size:1.1em;
	font-weight:bold;
	margin:3px 0px 3px 0px;
}

.purple{color:#61116a;}

.blue{color:#bbe7e6;}

.small{font-size:0.87em;}
/* ---- Classes ---- */