.wrapper {
	width:100%;
	clear:both;
}

.container {
	width:780px;
	margin:0 auto;
	padding:0 10px;
}

#page {
	position:absolute;
	left:0;
	width:100%;
	min-height:100%;
}


#header {
	height:160px;
}

#header .container {
	height:100px;
	background:url('gfx/header-bg.png') repeat-x;
	background-color:#818ab3;
	height: 160px;
	padding-top:10px;
}

#header h1 {
	margin:10px 0 0 0;
}

#main {
	min-height:100%;
}

#main .container {
	background:#818ab3;
	min-height:100%;
}

#footer {
	width:100%;
	left:0;
	height:100px;
	text-align:left;	
	position:absolute;
	clear:both;
}

#footer .container {
	background:#31316a;
	height:100px;
}

.stretch {
	width:100%;
	clear:both;
}

#navigation {
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:100px;
	width:800px;
	background:url('gfx/nav-bg.png') repeat-x;
	height:40px;
}

#navigation a {
	height:40px;
	line-height:40px;
	color:#ddd;
}

#navigation a:hover {
	color:#fff;
}

#navigation ul {
	margin: 0;
	padding:0 0 0 15px;
}

#navigation li {
	list-style:none;
	margin:0 20px 0 0;
	float:left;
	font-size:13px;
}


#footer_meta {
	color:#7171a1;
	position:relative;
	top:70px;
}

#footer_meta:hover {
	color:#8686bf;
	position:relative;
	top:70px;
}

#evergreen_logo {
	position:relative;
	left:680px;
}
	


/* ***************** */
/* * CUSTOM STYLES  * */
/* ***************** */


#lhcolumn, #rhcolumn {
	width:48%;
}

#lhcolumn {
	float:left;
	padding-right:10px;
	border-right:dotted 2px #ccd;
}

#rhcolumn {
	float:right;
}

.padded {
	padding:0 50px;
}

.stretch {width:100%;clear:both;height:120px;}
.box90 {width:90%;float:left;}
.box80 {width:80%;float:left;}
.box70 {width:70%;float:left;}
.box60 {width:60%;float:left;}
.box50 {width:50%;float:left;}
.box40 {width:40%;float:left;}
.box30 {width:30%;float:left;}
.box20 {width:20%;float:left;}
.box10 {width:10%;float:left;}

.bgwhite {background:#fff;}

#headerlinks {
	position:relative;
	left:170px;
	top:10px;
	text-align:right;
}

#headerlinks img {
	margin-left:10px;
}


#contact td, #contact th {
	vertical-align:top;
	font-size:14px;
}

#contact th {
	text-align:right;
	line-height:30px;
}



/* ***************** */
/* * HOMEPAGE STYLES  * */
/* ***************** */

#index p, #index h1, #index h2, #index h3, #index a {
	color:#005;
}

#index h2 {
	padding-top:10px;
	font-size:22px;
}


#welcome, 
#examples, 
#news {
	background: #fff;
	margin:5px 0;
}

#welcome { height:260px; }

#examples, 
#news {
	height: 230px;
	border-top: solid 10px #31316a;
	float:left;
	padding:10px;
	text-align:center;
}

#examples { 
	width: 420px;
	margin-right:10px;
}

#news {	width: 310px;}

#examples h3, #news h3,
#examples p, #news p {
	float:left;
	text-align:left;
}

#welcome img {
	float:left;
	margin:5px 10px 5px 5px;
}

#examples img {
	margin:5px;
	padding:5px;
	border: solid 1px #ccc;
}

#news img {
	margin-bottom:10px;
}



/* ***************** */
/* * OTHER STYLES  * */
/* ***************** */

#button_quote {
	background:url('gfx/button-quote.png') 0 30px;
	overflow:hidden;
	width:128px;
	height:30px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:260px;
	top:105px;
}

#button_quote:hover {
	background:url('gfx/button-quote.png') 0 0;
}


#button_contact {
	background:url('gfx/button-contact.png') 0 30px;
	overflow:hidden;
	width:299px;
	height:30px;
	display:block;
	margin-left:50px;
	margin-top:10px;
}

#button_contact:hover {
	background:url('gfx/button-contact.png') 0 0;
}