/* ------------------------------------------*/
/* Layout
/* ------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: "Trebuchet MS", "trebuchet", "verdana", "sans";
	background-color: #f1f1f2;
}

#site_content {
	position: relative;
	width: 848px;
	margin: 0 auto;
	padding: 0;
}

#header {
	float: left;
	display: inline;
	width: 848px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/header_logo_bg.gif') no-repeat 0 0;
}

#body {
	float: left;
	display: inline;
	width: 848px;
	margin: 0;
	padding: 0;
	background-color: #f1f1f2;
}

.left_column {
	float: left;
	display: inline;
	width: 362px;
	margin: 0;
	padding: 20px 29px 25px 29px;
	background-color: #FFFFFF;
}

.right_column {
	float: left;
	display: inline;
	width: 361px;
	margin: 0 0 0 8px;
	padding: 20px 29px 25px 30px;
}

/* ------------------------------------------*/
/* Headers
/* ------------------------------------------*/
h1 {
	float: left;
	display: inline;
	width: 277px;
	height: 131px;
	margin: 0;
	padding: 0;
}

h1 a {
	float: left;
	display: inline;
	width: 277px;
	height: 131px;
	margin: 0;
	padding: 0;
	font-size: 0.01em;
	text-indent: -99999px;
	background: transparent url('../images/logos/1.gif') no-repeat 0 0;
}

h2 {
	float: left;
	width: 848px;
	height: 97px;
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 0.01em;
	text-indent: -99999px;
}

h3 {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.01em;
	text-indent: -99999px;
	overflow: hidden;
}

/* ------------------------------------------*/
/* Main Navigation
/* ------------------------------------------*/
#header ul {
	float: left;
	width: 848px;
	height: 27px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
}

#header li {
	float: left;
	display: inline;
	height: 27px;
	margin: 0;
	padding: 0;
}

#header li a {
	float: left;
	display: inline;
	height: 27px;
	margin: 0;
	padding: 0;
	font-size: 0.01em;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

#site_content #header li a:hover {
	background-position: 0 -27px;
}

#site_content #header li.active a,
#site_content #header li.active a:hover {
	background-position: 0 -54px;
}

#header li a#home {
	width: 71px;
	background: transparent url('../images/nav_home.gif') no-repeat 0 0;
}

#header  li a#work {
	width: 68px;
	background: transparent url('../images/nav_work.gif') no-repeat 0 0;
}

#header  li a#contact {
	width: 89px;
	background: transparent url('../images/nav_contact.gif') no-repeat 0 0;
}

/* ------------------------------------------*/
/* Footer
/* ------------------------------------------*/
#footer {
	float: left;
	bottom: 0;
	width: 788px;
	margin: 78px 0 0 0;
	padding: 28px 30px 53px 30px;
	background: #ffffff url('../images/footer_bg.gif') repeat-x 0 100%;
}

#footer h3 {
	display: none;
}

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

/* Where we live */

#footer #directions {
	float: left;
	display: inline;
	width: 177px;
	margin: 0;
	padding: 0 16px 0 0;
}

#footer #directions h4 {
	float: left;
	width: 177px;
	margin: 0 0 2px 0;
	padding: 0;
	color: #222222;
	font-size: 0.688em;
	font-weight: 400;
}

#footer #directions p {
	float: left;
	width: 107px;
	margin: 0;
	padding: 0;
	color: #858287;
	font-size: 0.688em;
	line-height: 1.69em;
}

/* Get in touch */

#footer #contact {
	float: left;
	display: inline;
	width: 199px;
	margin: 0;
	padding: 0 38px 0 0;
}

#footer #contact h4 {
	float: left;
	width: 199px;
	margin: 0 0 2px 0;
	padding: 0;
	color: #222222;
	font-size: 0.688em;
	font-weight: 400;
}

#footer #contact dl {
	float: left;
	width: 199px;
	margin: 0;
	padding: 0;
}

#footer #contact dt {
	float: left;
	display: inline;
	clear: left;
	width: auto;
	margin: 0;
	padding: 0;
	color: #858287;
	font-size: 0.688em;
	line-height: 1.69em;
}

#footer #contact dd {
	float: left;
	display: inline;
	width: 120px;
	margin: 0 0 0 2px;
	padding: 0;
	color: #858287;
	font-size: 0.688em;
	line-height: 1.69em;
}

/* Friends */

#footer #friends {
	float: left;
	display: inline;
	width: 177px;
	margin: 0;
	padding: 0 16px 0 0;
}

#footer #friends h4 {
	float: left;
	width: 177px;
	margin: 0 0 2px 0;
	padding: 0;
	color: #222222;
	font-size: 0.688em;
	font-weight: 400;
}

#footer #friends ul {
	float: left;
	width: 177px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer #friends li {
	float: left;
	display: inline;
	width: 177px;
	margin: 0;
	padding: 0;
	font-size: 0.688em;
	line-height: 1.69em;
}

/* Spotify */

#footer #spotify {
	float: left;
	display: inline;
	width: 165px;
	margin: 0;
	padding: 0;
}

#footer #spotify h4 {
	float: left;
	width: 165px;
	margin: 0 0 2px 0;
	padding: 0;
	color: #222222;
	font-size: 0.688em;
	font-weight: 400;
}

#footer #spotify p {
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
	color: #858287;
	font-size: 0.688em;
	line-height: 1.69em;
}

#footer #spotify ul {
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer #spotify li {
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
	font-size: 0.688em;
	line-height: 1.69em;
}