body {
	font: 12px/20px Georgia, serif;
	color: #352e2d;
	padding: 0;
	margin: 0;
	background: #d9c5a9 url(/images/design/bg.gif) repeat-y top center;
	}

a {
	color: #c83905;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:active {
	outline: none;
	}

* :focus {
	outline: none;
	-moz-outline-style: none;
	}

a:focus {
	outline: none;
	-moz-outline-style: none;
	}

div#wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative;
	}

#header {
	width: 960px;
	height: 260px;
	background: url(/images/design/header.gif) no-repeat top left;
	}

#header a#email {
	display: block;
	position: absolute;
	top: 174px;
	left: 485px;
	width: 186px;
	height: 18px;
	background: url(/images/design/email.gif) no-repeat top left;
	}

#header a#email:hover {
	background-position: bottom left;
	}

#portfolio {
	float: left;
	display: inline;
	width: 960px;
	height: 260px;
	}

#portfolio #projectDescription {
	float: left;
	display: inline;
	width: 219px;
	height: 247px;
	margin-left: 20px;
	background: url(/images/design/featured-project.gif) no-repeat top left;
	background-position: 0 11px;
	overflow: hidden
	}

ul#descriptionSlider {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#descriptionSlider li {
	float: left;
	display: inline;
	width: 219px;
	height: 247px;
	margin: 0;
	overflow: hidden;
	}

ul#descriptionSlider li h1 {
	width: 180px;
	margin: 11px 0 0 0;
	padding-top: 16px;
	font-size: 6px;
	}

ul#descriptionSlider li p {
	width: 180px;
	margin: 0;
	}

#portfolio #projectView {
	float: left;
	display: inline;
	width: 602px;
	height: 260px;
	}

#portfolio #projectView #projectViewWindow {
	width: 580px;
	height: 225px;
	margin: 11px 0 0 11px;
	background: white;
	overflow: hidden;
	}

ul#projectSlider {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#projectSlider li {
	float: left;
	display: inline;
	width: 580px;
	height: 225px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#portfolio #projectView #projectViewFrame {
	position: absolute;
	top: 260px;
	left: 289px;
	width: 602px;
	height: 260px;
	background: url(/images/design/portfolio-bg.png) no-repeat top left;
	}

#portfolio .projectArrow {
	float: left;
	display: inline;
	width: 22px;
	height: 40px;
	}

#portfolio .projectArrow a {
	display: none;
	width: 22px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: none;
	}

#portfolio #leftArrow {
	background: url(/images/design/left-arrow-bg.gif);
	margin: 105px 0 0 28px;
	}

#portfolio #leftArrow a {
	background: url(/images/design/left-arrow.gif);
	}

#portfolio #rightArrow {
	background: url(/images/design/right-arrow-bg.gif);
	margin: 105px 0 0 19px;
	}

#portfolio #rightArrow a {
	background: url(/images/design/right-arrow.gif);
	}

/********** SUB CONTENT *********/

#sub {
	float: left;
	display: inline;
	width: 960px;
	margin-top: 35px;
	}

#sub ol#nav {
	float: left;
	width: 180px;
	margin: 0 0 0 70px;
	padding: 0;
	list-style-type: none;
	}

#sub ol#nav li {
	margin: 0 0 18px 0;
	width: 180px;
	height: 30px;
	background: url(../images/design/nav.gif) no-repeat top left;
	}

#sub ol#nav li#nav1 {
	background-position: 0 0;
	}

#sub ol#nav li#nav2 {
	background-position: 0 -35px;
	}

#sub ol#nav li#nav3 {
	background-position: 0 -70px;
	}

#sub ol#nav li a {
	display: block;
	width: 180px;
	height: 30px;
	padding-bottom: 2px;
	background: url(../images/design/nav.gif) no-repeat top right;
	border-bottom: 1px solid transparent;
	display: none;
	text-indent: -999em;
	}

#sub ol#nav li.current a {
	display: block;
	border-bottom-color: #b29a79;
	}

#sub ol#nav li#nav1 a {
	background-position: -180px 0;
	}

#sub ol#nav li#nav2 a {
	background-position: -180px -35px;
	}

#sub ol#nav li#nav3 a {
	background-position: -180px -70px;
	}

#sub #subContent {
	float: left;
	display: inline;
	width: 380px;
	margin-left: 40px;
	}

#sub #subContent ul {
	width: 380px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#sub #subContent ul li {
	width: 420px;
	margin: 0;
	padding: 0;
	}

#sub #subContent ul li div.sliderContentWrapper {
	width: 380px;
	margin-bottom: 20px;
	}

#sub #subContent ul li h1 {
	margin: 0 0 15px 0;
	}

#sub #subContent ul li h2 {
	margin: 0;
	}

#sub #subContent ul li h3 {
	font-size: 18px;
	color: #c83905;
	font-weight: bold;
	margin-bottom: 0;
	}

#sub #subContent ul li p {
	margin-top: 0;
	text-align: justify;
	}

/* Process */

#sub #subContent ul li#process div.processList {
	padding-left: 45px;
	margin-bottom: 20px;
	}

#sub #subContent ul li#process div#n1 {
	background: url(/images/design/process/1.gif) no-repeat top left;
	}

#sub #subContent ul li#process div#n2 {
	background: url(/images/design/process/2.gif) no-repeat top left;
	}

#sub #subContent ul li#process div#n3 {
	background: url(/images/design/process/3.gif) no-repeat top left;
	}

#sub #subContent ul li#process div#n4 {
	background: url(/images/design/process/4.gif) no-repeat top left;
	}

#sub #subContent ul li#process div#n5 {
	background: url(/images/design/process/5.gif) no-repeat top left;
	}

#sub #subContent ul li#process div#n6 {
	background: url(/images/design/process/6.gif) no-repeat top left;
	}