/*===========================
	Resets
============================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-weight: inherit; 	font-style: inherit; 	font-size: 100%; 	font-family: inherit; 	vertical-align: baseline; } /* remember to define focus styles! */ :focus { 	outline: 0; } body { 	line-height: 1; 	color: black; 	background: white; } ol, ul { 	list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: separate; 	border-spacing: 0; } caption, th, td { 	text-align: left; 	font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { 	content: ""; } blockquote, q { 	quotes: "" ""; }

/*===========================
	Defaults
============================*/

body {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

/*===========================
	Layout
============================*/

#container {
	width: 1040px;
	margin: 100px 0 100px 25px;
}

.line {
	width: 100%;
	xoverflow: hidden;
	clear: both;
}

.block {
	float: left;
	width: 100%;
}

.sub {
	width: 200px;
	xheight: 443px;
	text-align: right;
}

.main {
	width:830px;
	xheight: 463px;
	float: right;
	position: relative;
	xoverflow: hidden;
}

.main .slideshow-item {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

#content-area-image-container {
	float:right;
	margin: 0 0 0 10px;
	width: 300px;
}

.main img.content-area-image {
	position: relative;
	float:right;
	margin-bottom:10px;
}


.main div.current {
	display: block;
}


/*===========================
	Components
============================*/

.nav li,
.nav li a,
.nav li a:link,
.nav li a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
}

.nav #subcontent li,
.nav #subcontent li a,
.nav #subcontent li a:link,
.nav #subcontent li a:visited {
	text-transform: none;
}

.nav #subcontent li a:hover {
	text-decoration: underline;
}

ul.formatted li.header {
	margin-top: 10px;
}

.nav #subcontent li {
	text-decoration: none;
	line-height: 1.25;
}

.nav li a:hover {
	color:#262626;
}

.nav ul {
	margin-top: 25px;
}

.block.main.image-nav{
	background:none;
	height: auto;
}

.block.main.image-nav ul li{
	float: left;
}

.block.main.image-nav ul li a {
	padding: 0 0.2em;
	color:#666;
	text-decoration: none;
}

.block.main.image-nav ul li a:hover {
	background: #ccc;
}

.block.main.image-nav ul {
	margin-top:1em;
}

#slideshow-navigation {
	margin-top:450px;
	border-right: 1px solid white;
}

#slideshow-navigation a {
	width: 20px;
	height: 20px;
	text-align: center;
	background: none;
	text-decoration: none;
	line-height: 20px;
	margin-right: 2px;
	float: left;
}

#slideshow-navigation a:hover {
	text-decoration: underline;
}

#slideshow-navigation a.current {
	/*background: url(../images/slideshow-navigation-background.png) repeat-x;*/
	background: #f8f8f8;
}

#slideshow-navigation.hidden {
	visibility: hidden;
}

/*===========================
	Elements
============================*/

p {
	margin: 1em 0;
	line-height: 1.0;
}

.main p {
	line-height: 1.0;
}

h1,h2,h3 {
	font-weight: normal;
	color:#ccc;
	text-transform: uppercase;
}

h1 a,h1 a:link,h1 a:visited {
	text-decoration: none;
	color: #262626;
}

h1 a:hover {
	color: black;
}

.main h1 {
	margin-bottom:25px;
	color: #666;
}

strong {
	color: #262626;
}

a,a:link,a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #262626;
}

/*===========================
	Navigation
============================*/

body.home a.home,
body.projects a.projects,
body.profile a.profile,
body.contact a.contact,
.nav li a.current {
	color: black;
	cursor: default;
}