@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #666;
	background-color:#ccc;
}
#container {
	width: 737px;
	border:solid 1px #666;
	background: #FFFFFF;
	margin:auto;
	padding:19px;
	text-align: left;
}

#header {
	padding:16px 0 32px;
}
#quote {
	float:right;
}

#topnav {
	height:30px;
}
#topnav div {
	margin-right:7px;
	float:left;
}

#subnav {
	margin:27px 20px 20px;
	height:11px;
}
#subnav div {
	float:left;
}

#nav-home { background:url(../img/nav/home-on.gif) no-repeat; }
#nav-profile { background:url(../img/nav/profile-on.gif) no-repeat; }
#nav-services { background:url(../img/nav/services-on.gif) no-repeat; }
#nav-projects { background:url(../img/nav/projects-on.gif) no-repeat; }
#nav-contact { background:url(../img/nav/contact-on.gif) no-repeat; }

.page-body {
	border:solid 1px #ccc;
	clear:both;
	position:relative;
}

.section-home #nav-arrow { margin-left:0px; }
.section-profile #nav-arrow { margin-left:39px; }
.section-services #nav-arrow { margin-left:93px; }
.section-projects #nav-arrow { margin-left:154px; }
.section-contact #nav-arrow { margin-left:216px; }

.subnav-arrows {
	border-top:solid 1px #ccc;
}

.page-content {
	padding:50px 20px 20px 30px;
	font-size:11px;
}
.page-content p {
	margin:0 0 18px;
	line-height:15px;
}
.section-services .page-content p {
	line-height:18px;
}
.page-content ul {
	margin:0 0 16px;
	padding:0 16px;
}
.page-content li {
	line-height:15px;
}

a {
	color:#666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.highlight {
	color:#ff9933;
	font-weight:bold;
}

.animated-quote {
	position:absolute;
	top:0px;
	left:0px;
}