html {
	background-color:#747474;
}

body {
	background:#747474 url(pix/page_bg.png) repeat-x;
	height:100%;
	margin:0;
	padding:0;
	font-family:sans-serif;
	color:#444;
	font-size:62.5%;
}

#wrap {
  	text-align:center;
}

#body {
	text-align:left;
	width:800px;
	background:url(pix/body_bg.png) no-repeat;
	margin:0 auto 0 auto;
	min-height:773px;
	height:auto !important;
	height:773px;
	position:relative;
	top:63px;
}

#logo {
}

h1#logo {
	padding:0;
	margin:0;
	height:72px;
	width:200px;
}

#logo a {
	display:block;
	text-decoration:none;
	position:relative;
	height:72px;
}

#logo a span {
	visibility:hidden;
}

#mid {
	margin-top:-80px;
	width:800px;
	min-height:500px;
	height:auto !important;
	height:500px;
	float:left;
}

#left {
	width:180px;
	padding:10px;
	float:left;
}

#mid_content {
	float:left;
	width:434px;
	padding:0 80px 20px 80px;
	margin:0 0 0 5px;
	color:#6B6B6B;
	font-family:century gothic,arial,helvetica,sans-serif;
	line-height:2.2em;
}

#footer {
	clear:both;
	text-align:right;
	height:54px;
	width:800px;
}

#footer p {
	padding:30px 30px 0 0;
	margin:0;
	color:#848484;
}

.creditbutton img {
	border:0px;
	position:relative;
	top:4px;
	left:5px;
}

a.creditbutton img {
	opacity:.2;filter:alpha(opacity=20);
	margin:0 2px;
}

a.creditbutton:hover img {
	opacity:.8;filter:alpha(opacity=80);
}

/* ---------- type ---------- */

h1		{ font-size: 2em; }
h2		{ font-size: 1.75em; }
h3		{ font-size: 1.5em; }
h4		{ font-size: 1.25em; }
p		{ font-size: 1.2em; }
small	{ font-size: .9em; }

/* ---------- top nav ---------- */

#top_nav {
	height:83px;
	width:580px;
	position:relative;
	left:210px;
	top:-88px;
}

#top_nav_main {
	padding:0;
	margin:0 0 0 20px;
}

#top_nav_main li {
	display:inline;
	float:left;
}

#top_nav li a {
	height:15px;
	padding-top:68px;
	text-decoration:none;
	text-transform:lowercase;
	font-size:13px;
	font-weight:bold;
	font-family:century gothic,arial,helvetica,sans-serif;
	float:left;
}

.top_nav_inner a {
	margin:0 12px;
}

.top_nav_first {
	margin-right:12px;
}

.top_nav_last {
	margin-left:12px;
}

#top_nav_current {
	color:#747474;
	background:url(pix/top_nav_arrow_bg.png) center top no-repeat;
}

#top_nav a:link,
#top_nav a:visited {
	color:#ACACAC;
}

#top_nav a:hover {
	color:#830A0A;
}

/* ---------- left nav ---------- */

#left_nav {
	width:180px;
	position:relative;
	top:160px;
}

#left_nav_main {
	padding:0;
	margin:0;
	list-style:none;
}

#left_nav_main li {
	text-align:center;
}

#left_nav li a {
	display:block;
	height:37px;
	line-height:37px;
	text-decoration:none;
	text-transform:lowercase;
	font-size:13px;
	font-weight:bold;
	font-family:century gothic,arial,helvetica,sans-serif;
}

#left_nav_current span  {
	color:#fff;
}

#left_nav a:link,
#left_nav a:visited {
	color:#aaa;
}

#left_nav a:hover {
	color:#fff;
	background:url(pix/left_nav_bg.png) center top no-repeat;
}

a#left_nav_current:hover {
	background:none;
	cursor:default;
}


/* ---------- heading ---------- */

p.heading {
	color:#ACACAC;
	padding:10px 0;
	width:430px;
	border-top:1px dashed #D0D0D0;
	border-bottom:1px dashed #D0D0D0;
	font-size:1.5em;
	font-weight:bold;
	font-family:century gothic,arial,helvetica,sans-serif;
	text-align:center;
	margin-top:60px;
	margin-bottom:40px;
	line-height:1.25em;
}

p a,
p.heading span {
	color:#830A0A;
	text-decoration:none;
}

p a:hover {
	text-decoration:underline;
}

/* ---------- misc ---------- */

.scrollbox {
	overflow:auto;
	height:285px;
	width:440px;
	padding-right:20px;
}


div.scroller { overflow:hidden; width:440px; height:285px; }
div.scroller div.section { overflow:hidden; float:left; height:285px; width:440px; padding-right:80px; }
div.scroller div.content { width:10000px }

div.controls {
	text-align:center;
}

div.controls a img {
	height:32px;
	width:78px;
	border:0;
	opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;filter:alpha(opacity=60);
}

div.controls a:hover img {
	opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);
}

#portfolio_page #mid_content {
	width:553px;
	padding:0 20px;
}

#portfolio_page #left_nav { top:125px }

#portfolio_page div.scroller { height:391px; width:553px; margin:30px 0 0 0 }
#portfolio_page div.scroller div.section { float:left; width:553px; height:391px; padding:0;}
#portfolio_page div.scroller div.section table { border-collapse:collapse; margin:0; padding:0 }
#portfolio_page div.scroller div.section table tr td { text-align:center; vertical-align:middle; width:553px; height:391px; background:#fff url(pix/ajax-loader.gif) center center no-repeat;}
#portfolio_page div.scroller div.content { width:20000px }
#portfolio_page div.controls { margin-top:15px }

.preload {
	display:none;
	position:absolute;
	top:-1px;
	left:-1px;
	height:1px;
	width:1px;
}