* { margin: 0; padding:0; outline: 0; }
ul,li { list-style-type: none; }
a { text-decoration: none; color: #405156;  }
a:hover { color: #B62F2F }
body { text-align: center; background: #fff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; 
	font-weight: 300; color: #516064;}
div.main { width: 750px; margin: 0 auto 0 auto; clear: both; }
.clearboth { clear: both; }

#header { width: 100%; height: 35px; }
#header ul { padding-top: 5px; }
#header ul li { float: right; width: 50%; display: block; }
#header ul li.description {  padding-top: 20px; text-align: center; 
		font-size: 20px ; letter-spacing: -1px; color: #B62F2F; }

#heading { width: 100%; height: 100px; }
#heading ul { padding-top: 20px; }
#heading ul li { float: left; width: 25%; display: block; height: 64px; }
#heading ul li.first { width: 32%; }
#heading ul li.last { width: 17%; }
#heading ul li a { display: block; width: 100%; height: 46px; font-size: 30px; 
		letter-spacing: -1px; color: #959EA1; font-weight: lighter; }
#heading ul li.second a { text-indent: 30px }
#heading ul li.middle a { text-indent: 15px }
#heading ul li a:hover { color: #B62F2F; }
#heading ul li a.active { color: #405156; }

#content { padding-top: 25px; }
#content h1 { text-align: left; padding-top: 10px; font-size: 102px; letter-spacing: -7px;  color: #D1D9DC; 
		text-indent: -6px; margin-bottom: 24px; margin-top: -10px; }
#content p.pg { text-align: left; font-size: 16px; text-indent: 40px  }
#content .main { padding-left: 20px; width: 750px; padding-right: 20px; }
#content .text { width: 650px; float: left; }
#content .text p { text-align: left; font-size: 20px; line-height: 30px; margin-bottom: 28px; width: 100%; 
		color: #6A797D; }
#content .text ul { text-align: left; clear: both; }
#content .text li.title {  padding-top: 5px; }
#content .text li.descr { text-indent: 30px; font-size: 16px; line-height: 25px; 
		margin-bottom: 20px; width: 100%; color: #6A797D; }
#content .text li.descr a { font-weight: bold; }
#content li.quote { text-align: left; text-indent: 30px; font-size: 16px; line-height: 25px; 
		width: 100%; color: #6A797D; font-style: italic;}
#content .text li.author { text-align: right; width: 100%; margin-bottom: 10px;}		


#content .experience { text-align: left; width: 100%;  padding-top: 10px; 
		padding-bottom: 20px;}
#content .experience h1 { padding-top: 5px; font-size: 40px; letter-spacing: -3px;  
		color: #C8D0D3; text-indent: -6px; margin-bottom: 10px; margin-top: -10px; }
#content .experience ul { padding-top: 5px; clear: both; }
#content .experience li { }
#content .experience li.who { float: left; width: 75%; }
#content .experience li.where { float: left; width: 22%; }
#content .experience li.what {  text-indent: 5px; float: left; width: 75%; }
#content .experience li.when { float: left; width: 24%; }
#content .experience li.how {  text-indent: 20px; width: 99%; clear: both;}
#content .experience li.volunteer_who { text-indent: 5px; font-size: 14px; float: left; 
		width: 40%; }
#content .experience li.volunteer_how { font-size: 14px; float: left; width: 15%; }
#content .experience li.volunteer_what {  font-weight: bold; font-size: 14px; float: left; 
		width: 44%; }

#content .reference { padding-top: 10px; padding-bottom: 20px;  width: 650px;}
#content .reference ul {padding-top: 50px; clear: both;}
#content .reference li.name {}
#content .reference li.title {}

#content .contact ul { text-align: left; padding-top: 20px; }
#content .contact li { text-indent: 40px; float: left; width: 33%; display: block; height: 100px; 
			font-size: 18px; line-height: 30px; margin-bottom: 28px; color: #6A797D;}
#content .contact li.middle { text-align: center; text-indent: 0px;}

#footer { padding-top: 50px; }
#footer .main { width:750px; height:50px; }
#footer p {	text-align:center; font-size: 14px }