/* 	///// LAYOUT /////

	(c) 2009 Communication Analysts. Some Rights Reserved.
	Licensed under a Creative Commons license (http://creativecommons.org/licenses/by-sa/3.0/)
*/

body {
	background: #f7f6f2;
}

#container {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

/* Older browsers will render these HTML 5 elements as inline */
header, footer, nav, section, article {
	display:block;
}

#wrapper {
	width: 920px;
}


/*	///// HEADER ///// */

#header {
	position: absolute;
	top: 30px; left: 40px;
	width: 200px;
}

h1 {
	position: relative;
	left: -3px;
	margin: 0 0 10px;
	width: 148px; height: 62px;
}

h1 a {
	float: left;
	display: block;
	width: 148px; height: 62px;
	background: url(/img/logo.gif) no-repeat;
	text-indent: -999em;
}

#intro {
	margin: 0 0 20px; padding: 14px 0 0;
	border-top: 1px solid #000;
}

#contact {
	float: left;
	padding: 25px 30px 30px;
	width: 140px;
	background: #000 url(/img/corner1.jpg) 100% 100% no-repeat;
	color: #fff;
}

#contact h2 {
	font-size: 1.3em;
	text-transform: uppercase;
}

#contact p {
	clear: left;
}

#contact a {
	float: left; clear: left;
	display: block;
	margin: 15px 0 0;
	color: #c0ff00;
}

#contact .tel {
	float: left; clear: left;
}


/*	///// CONTENT ///// */

#content {
	position: relative;
	top: 30px;
	float: right;
	padding: 0 0 100px;
	width: 660px;
}

#selected {
	width: 640px;
	margin: 0 0 40px; padding: 0 0 7px;
	border-bottom: 3px solid #000;
}

#selected ul { margin: 0; }

.selected-caption {
	display: none;
	position: absolute;
	top: 15px; left: 15px;
}

#selected h3 {
	float: left;
	margin: 0 0 2px; padding: 8px 8px 0px;
	background: #000;
	font-size: 2.91em;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.selected-desc a {
	float: left; clear: left;
	margin: 0 0 2px; padding: 1px 8px 0;
	height: 26px; line-height: 26px;
	background: #000;
	font: italic 1.64em "Times New Roman", Times, serif;
	color: #fff;
}

#selected p { margin: 0; }

#selected a,
#selected a:hover { color: #fff !important; }

#portfolio li {
	float: left;
	margin: 0 20px 5px 0;
	width: 200px;
}

#portfolio .newline { clear: left; }

#portfolio h3 {
	margin: 0 0 7px; padding: 0 0 8px 8px;
	font: bold italic 1.64em "Times New Roman", Times, serif;
	line-height: 1;
	border-bottom: 1px solid #000;
}

.portfolio-slides {
	display: block;
	margin: 0 0 5px !important;
	height: 135px;
}

.portfolio-slides li {
	position: absolute;
	display: none;
	 height: 135px;
}

#tooltip{
	position: absolute;
	top: 0; left: 0;
	z-index: 99;
	display: none;
	float: left;
	width: 79px; height: 38px;
	background: transparent url(/img/tooltip.png) no-repeat;
	text-indent:  -999em;
}


/*	///// SIDEBAR ///// */

#sidebar {
	position: relative;
	display: inline;
	float: left;
	margin: 570px 0 0 40px; padding: 0 0 100px;
}

.link-list {
	padding: 19px 0 0;
	width: 200px;
	border-top: 1px solid #000;
}

.link-list h3 {
	font-size: 1.3em;
	text-transform: uppercase;
}

#twitter ul {
	margin: 5px 0 0;
}

#twitter li {
	margin: 0 0 10px;
}

#twitter a {
	color: #777;
}

#twitter-follow {
	display: block;
	margin: 5px 0 15px;
	padding: 7px 10px 3px;
	color: #fff !important;
	background: #000;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.083em;
}