/* ---- =reset ---- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td  { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0;}


/* ---- =layout ---- */

body { 
	background: url(../images/background.jpg) repeat-x top center;
	text-align: center;
	font: 80%/1.3 "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#wrapper { 
	background: url(../images/header_back.jpg) no-repeat top left;
	margin: 6px auto;
	width: 774px;
}

#header {
	text-align: left;
	width: 754px;
	height: 287px;
	padding: 0 10px;
}

#leftcolumn, #leftcolumnqte {
	margin: 0;
	padding-top: 50px;
	padding-left: 10px;
	width: 377px;
	float: left;
	text-align: left;
	font: 95% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#leftcolumnqte{
	padding-top: 30px;
}

#rightcolumn { 
	float: right;
	margin: 0;
	width: 367px;
	display: inline;
	text-align:left;
	padding: 20px 10px 0 10px;
}

/* ---- #typography ----*/


h1 {
	position: relative;
	top: 55px;
	left: 0px;
	width: 179px;
	height: 118px;
	background: transparent url(../images/font_logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 179px;
	height: 118px;
	text-decoration: none;
}

h2 {
	font: 130% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	color: #005398;
	border-bottom: 1px solid #ccc;
}

.first {
	padding-top: 10px;
}

p {
	color: #333;
	padding-bottom:12px;
}

.name li a:link, .name li a:visited  {
	text-decoration:none;
	color:#5A8AAE;
	font-weight: bold;
}

.name li a:hover  {
	text-decoration:none;
	color:#000;
}

.name li a:link#active, .name li a:visited#active {
	color:#660000;
	font-weight: bold;
}

.title {
	color:#999;
	font: 95% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.titleact {
	color:#000;
	font: 95% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.pdflink {
	padding-top:15px;
	background: transparent url(../images/ipdf.gif) no-repeat 0 14px;
	}

.pdflink a:link, .pdflink a:visited {
	padding-left: 26px;
	color: #999;
}

.email a:link, .email a:visited {
	color: #999;
}

.pdflink a:hover, .email a:hover {
	color: #000;
}

/* ---- #navigation ----*/

 #main_nav {
	font: 100% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	position: relative;
	top: 130px;
	left: 0px;
	width: 377px;
	height: 25px;
}


#nav_items{
	text-align: left;
}

#nav_items ul, #nav_items li {
	display: inline;
	list-style-type: none;
}

#nav_items a:link, #nav_items a:visited {
	float: left;
	line-height: 14px;
	margin-right: 18px;
	text-decoration: none;
	color: #999;
}

#nav_items a:link.current, #nav_items a:visited.current {
	border-bottom: 4px solid #005398;
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#nav_items a:hover { 
	color: #000; 
}

#leftcolumn ul {
	padding-bottom: 15px;
	width: 368px;
}

#leftcolumn ul a:link {
	text-decoration: none;
	padding-bottom: 15px;
	width: 368px;
}


/* ---- #about ----*/

#aphoto {
	width:350px;
	height:260px;
	text-indent: -9999em;
	display: block;
	background-image: url(../images/about_ph.jpg);
}

/* ---- #projects ----*/

#projects li {
	padding-bottom: 15px;
	width: 368px;
}

#projects li a:link, #projects li a:visited  {
	text-decoration:none;
	color:#5A8AAE;
	font-weight: bold;
}

#projects li a:hover  {
	text-decoration:none;
	color:#000;
}

#projects li a:link#select, #projects li a:visited#select {
	color:#660000;
	font-weight: bold;
}

#redev, #nrevent, #oreres {

	padding-top: 10px;
	padding-left: 10px;
	color: #333;
}

#redev li, #nrevent li, #oreres li{
	padding-bottom: 15px;
	list-style: square;
	list-style-position: outside;
}


/* ---- #contact ----*/

.contact {
	color:#000;
	font-weight: bold;
	padding-bottom: 5px;
}

.fcontact {
	color:#000;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
}

#address, #phone, #email {
	padding-bottom: 25px;
}

#address p, #phone p, #email p {
	padding-bottom: 0px;
}


/* ---- #footer ----*/

#footer {
	clear: both;
	height: 100px;
	width: 100%;
	background: transparent url(../images/footer_back.jpg) repeat-x 0 0;
} 

#footercopy {
	margin: 0 auto;
	width: 774px;
	position: relative;
	padding-top: 25px;
}

#footleft {
	font: 80%/1.2 "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	margin: 0;
	width: 377px;
	float: left;
	text-align: left;
	padding-left:10px;
}

#footright { 

	font: 80% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	float: right;
	margin: 0;
	width: 377px;
	display: inline;
	padding-right: 10px;
	text-align:right;
}

/* ---- icons ---- */

#eicon {
	width: 62px;
	height: 11px;
	text-indent: -9999px;
}

#eicon a {
	display: block;
	width: 62px;
	height: 11px;
	background: transparent url(../images/email.gif) no-repeat 0 0;
	text-decoration: none;
}

#eicon a:hover {
	background-position: 0 -11px;
}