@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#4f6d74;
	font:62.5% Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color:#bbb;
}
h1, h2, h3 {
	display:block;
	background:transparent no-repeat 0 0;
	text-indent:-9999px;
	font-size:0; line-height:0; text-decoration:none;
	overflow:hidden;
}
h1 {
	width:553px; height:93px;
	background:url(head.png) no-repeat;
	margin-left: auto ;
 	margin-right: auto ;
}
h2 {
	margin-top:30px;
	width:553px; height:174px;
	background:url(h2_index.png) no-repeat;
	margin-bottom: 0px;
}

h3 {
	margin-top:0px;
	width: 553px; height: 400px; 
	background:url(welcome.png) no-repeat;	
}
p, dl {
	margin:0 0 0.8em 0;
	font-size:1.1em;
	line-height:1.4;
}
dl dt {
	font-weight:bold;
}
dl dd {
	margin:0 0 1.0em 0;
}
small {
	color:#666;
}
big {
	color:#999;
}

.splitter {
	border-bottom: 1px dashed #888;
	margin-bottom: 2em;
	padding-bottom: 1em;
	margin-left: 0em;
	}


/*CONTENT*/

#header {
	background-color: #282828;
	height: 120px;
	width: 100%;
}
#headerlinks {
	float:left;
	width: 100%;
}

#headerlinks ul {
	width:563px;
	padding:0;
	margin-left: auto;
	margin-right: auto;
}
#headerlinks ul li {
	float:right;
	margin:0 20px 0 0;
	font-size:1.1em;
	font-weight:bold;
	list-style:none;
	color:#526976;
}
#headerlinks ul a {
	color:#ccc;
	font-weight:lighter;
	text-decoration:none;
}
#headerlinks ul a:hover {
	color:#526976;
	background: #f3f3f3;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width:553px;
	font-size:1em;
}

#content h4 a,
#content p a,
#content dt a,
#content dd a {
	padding:1px;
	background:url(a.gif) bottom center repeat-x;
	text-decoration:none;
	color:#6d7a85;
}
#content h4 a:visited,
#content p a:visited,
#content dt a:visited,
#content dd a:visited {
	color:#6d7a85;
}
#content h4 a:hover,
#content p a:hover,
#content dt a:hover,
#content dd a:hover {
	background:url(ahover.gif) bottom center repeat-x;
	color:#ddd;
}

#content .project {
	clear:left;
	min-height:180px;
	margin-top: 25px;
	margin-bottom:25px;
}
#content .project a img {
	float:left;
	margin-right:10px;
	border:5px solid #222;
}
#content .project a:hover img {
	border:5px solid #aaa;
}

#end {
	background-color: #282828 ;
	height: 30px;
	width: 100%;
}