/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
}

a img {
	border: 0px;
}

#content p {
	margin: 0 0 1em 0;
}

#container {
	position: relative;
	width: 844px;
	height: 606px;	
	overflow: hidden;
	margin: 20px auto 0 auto;
	padding: 0;
	border-bottom: 1px solid white;
}

#title {
	height: 160px;
	position: relative;
	background: #515252;	
}

#title #masthead {
	height: 160px;
	position: absolute;
	left: 0;
	top: 0;
	width: 844px;
	z-index: 10;
}

#logo {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	height: 160px;
	z-index: 100;
}

#logo h1 {
	display: none;
}

#navigation {
	padding-left: 30px;
}

#navigation {
	height: 22px;
	border-bottom: 1px solid #fff;
}

#navigation a {
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: none;
}

#navigation h2, #mission h2, #testimonials h2 {
display: none;
}

#navigation ul {
	list-style: none;
	padding: 4px 0 0 0;
	margin: 0;
}

#navigation li {
	padding: 0 1em 0 0;
	margin: 0;	
	float: left;		
	overflow: hidden;
	height: 14px;	
}

#navigation li a {
	padding-left: 100px;
	display: block;
	background-position: 0 1px;	
}

#navigation li.on a, #navigation li a:hover {
	background-position: 0 -19px;
}

#navigation #nav-home {
width: 35px;
}

#navigation #nav-about {
width: 57px;
}

#navigation #nav-news {
width: 34px;
}	

#navigation #nav-ourspace {
width: 61px;
}	

#navigation #nav-projects {
width: 54px;
}

#navigation #nav-contact {
width: 67px;
}

#navigation #nav-awards {
width: 47px;
}

#nav-home a {
	background: url(../img/nav/home.gif) no-repeat;
}

#nav-projects a {
	background: url(../img/nav/projects.gif) no-repeat;
}

#nav-contact a {
	background: url(../img/nav/contact.gif) no-repeat;
}

#nav-ourspace a {
	background: url(../img/nav/ourspace.gif) no-repeat;
}

#nav-awards a {
	background: url(../img/nav/awards.gif) no-repeat;
}

#nav-about a {
	background: url(../img/nav/about.gif) no-repeat;
}

#nav-news a {
	background: url(../img/nav/news.gif) no-repeat;	
}	

#nav-home span, #nav-projects span, #nav-contact span, #nav-awards span, #nav-about span {
	letter-spacing: 0.15em;
	text-transform: uppercase;
	display: none;
}
	
#testimonials {
	margin: 8px 180px 0 30px;
}
	
#contact {
	position: relative;
	width: 100%;
	height: 423px;
	background: white url(../img/map.gif) right no-repeat;
}

#contact #details {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

#footer {
	clear: both;
	font-size: 0.7em;
	line-height: 1.8em;
	width: 845px;
	overflow: hidden;
	margin: 0 auto 0 auto;		
	padding: 0 0 20px 0;
	position: relative;
	color: #5C5C5C;
}

#footer #credits {
	line-height: 1.8em;	
	width: 160px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

.body_project #footer #credits {
	margin-right: 160px;
}

#footer a, #footer a:link, #footer a:visited {
	color: #5C5C5C;
}
#footer a:hover {
	color: 	#9b9b9b;
}

.clear {
	clear: both;
}