/* Default Stylesheet */
@import url(reset.css);

body {
	background: rgb(30,30,30);
	font: 13px/15px 'Lucida Grande', helvetica, arial, sans-serif;
}

h2, h3, h4, h5, ul, ol, dl, form, p {
	margin: 15px 0;
}

#jump {
	display: none;
}

/*-- Page --*/
#page {
	width: 820px; /* total width should be: 820px */
	margin: 15px auto;
	background: white;
}

#page #inner {
	border: 5px solid rgb(20,20,20);
}

/*-- H1 & Header --*/
h1 {
	margin: 0;
	padding-bottom: 5px;
	background: rgb(30,30,30);
	font: 50px georgia;
	color: white;
}

h1 a {
	text-decoration: none;
	color: white !important;
}

h1 strong {
	text-transform: lowercase;
	font: normal 20px helvetica, arial, sans-serif;
	color: rgb(100,200,100);	
}

#header {
	height: 360px;
	background: rgb(240,240,240) url(../i/header.jpg) no-repeat left top;
}

/*-- Nav --*/
#nav {
	margin: 0;
	padding-left: 15px;
	background: rgb(0,100,50);	
}

#nav li {
	display: inline;
	margin-right: -4px;
}

#nav li a {
	display: inline-block;
	vertical-align: top;	
	width: 120px;
	padding: 10px;
	border-left: 1px dotted white;	
	line-height: 10px;
	text-decoration: none;
	font: 20px georgia;
	color: white;
}

#nav li a span {
	display: block;
	text-transform: none;
	font: 12px helvetica;
	color: rgb(150,250,150);
}

#nav a:hover {
	background: rgb(50,150,50);
	text-decoration: none;
}

#home #home,
#work #work,
#contact #contact {
	background: rgb(50,150,50);
}

/*-- Main --*/
#main {
	position: relative;
	padding: 0 15px;
}

#home #content,
#contact #content {
	width: 525px;
}

h2 {
	font: bold 30px georgia;
	color: rgb(50,150,50);
}

h3 {
	font: bold 20px georgia;
	color: rgb(0,100,0);
}

ul#next {
	width: 90%;
	padding: 15px;
	border-top: 2px solid yellow;	
	border-bottom: 2px solid yellow;		
	background: rgb(240,240,140);
}

#next li {
	display: inline;
}

/*-- Testimonials --*/
#testimonials {
	position: absolute;
	right: 15px;
	top: 30px;
	width: 220px;
	padding: 0 15px;
	border-left: 1px solid rgb(220,220,220);
	color: rgb(100,100,100);
}

#testimonials h2 {
	margin-top: 0;
}

#testimonials blockquote {
	font: 20px georgia;
}

#testimonials cite {
	display: block;
	margin-bottom: 20px;
}

/*-- Gallery --*/
#gallery {
	margin-top: 14px;
	padding-bottom: 15px;
}

#gallery #focus {
	float: right;
	position: relative;
	width: 398px;
	height: 220px;
	border: 1px solid rgb(220,220,220);
	background: rgb(240,240,240);
}

#focus p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 388px;
	margin: 0;
	padding: 5px;
	background: rgb(50,50,50);
	font: 12px helvetica, arial, sans-serif;
	color: white;
}

#gallery .thumb {
	float: left;
	width: 116px;
	height: 66px;	
	margin: 0 10px 10px 0;
}

/*-- Links --*/
a:link,
a:active,
a:visited,
a:hover {
	color: rgb(50,100,200);
}

#main a:hover {
	background: rgb(50,100,200);
	color: white;
}

/*-- Footer --*/
#footer {
	clear: both;
	padding: 5px 0;
	background: rgb(30,30,30);
	text-align: right;
	color: rgb(150,150,150);
	font-size: 11px;
}

#footer a {
	color: rgb(150,150,150);
}

#footer a:hover {
	color: white;
}