body  {
	background: #E9F2F6;
	margin: 0;
}

#container { 
	max-width: 780px;
	margin: 0 auto;
}

#header { 
	padding: 35px 30px 5px 30px;
	background: #3b7687;
} 

#header h1 {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 30px; 
	font-family: "Myriad Pro";
}

#menu {
	background-color: #3b7687; 
	padding: 6px 30px 6px 0;
	text-align:right;
	line-height: 1.5em;
}

#menu a {
	color: #c5d6db;
	text-decoration: none; 
	font-size: 14px; 
	font-family: "Myriad Pro";
	text-transform: uppercase;
}

#menu a:hover {
	color: #ecf2f3;
}

#sidebar {
	margin: 0;
	color: #444444;
	background-color: #f4f4f4;
}

#sidebar a {
	text-decoration: none; 
	color: #262626;
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
}

#sidebar h2 {
	margin: 0px;
	color: #869843; 
	font-size:24px; 
	font-family: "Arial Narrow"; 
	font-weight: normal;
}

#sidebar a:hover {
	color: #666666;
}

#sidebar img {
	border: solid 1px #d6d6d6;
}

.project {
	margin:15px 0 25px 0;
}

h1 {
	margin: 0px;
	color: #869843; 
	font-size:24px; 
	font-family: "Arial Narrow"; 
	font-weight: normal;
}

h2 {
	color: #3b7687;
	font-size: 15px; 
	margin: 20px 0 5px 0;
}

/*
ul {
	padding-left: 40px;
}

li {
	padding-top: 5px;	
}
*/

#main {
	/* background-image:url(images/background.gif); */
} 

#text {
	margin: 0;
	padding: 0.5em 1em 1em 1em;
	color: #444444;
	font-family: "Georgia";

	background-color: #ffffff;
} 

#text a {
	color: #3b7687; 
	text-decoration: none;
}

#text a:hover {
	color: #444444;
}

#footer {
	padding: 6px 30px 6px 30px;
	background: #d6d6d6; 
	font-family: "Lucida Sans Unicode";
	color: #444444;
	font-size: 11px;
	text-align: right;
}

#footer a {
	text-decoration: none; 
	color: #262626;
}

#footer a:hover {
	color: #666666;
}

.separator {
	font-size:11px;
	color:#FFFFFF;
}

.clear {
	clear: both; 
}

@media screen and (min-width: 1200px) {
	#content {margin-left: 18.50%;}
}

@media screen and (min-width: 1300px) {
	#content {margin-left: 16.59%;}
}

@media screen and (min-width: 1400px) {
	#content {margin-left: 14.80%;}
}

@media screen and (min-width: 1500px) {
	#content {margin-left: 13.50%;}
}

@media screen and (min-width: 1600px) {
	#content {margin-left: 12.10%;}
}

@media screen and (min-width: 1700px) {
	#content {margin-left: 11.00%;}
}

@media screen and (min-width: 1800px) {
	#content {margin-left: 10.20%;}
}

@media screen and (min-width: 1900px) {
	#content {margin-left: 9.20%;}
}

@media screen and (min-width: 2000px) {
	#content {margin-left: 8.28%;}
}

@media screen and (min-width: 4000px) {
	#content {margin-left: 7.28%; width: 33%;}
}