html, h1, h3 {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	background-color: rgb(0,0,0);
	color: rgb(128,128,128);
	font-family:  Arial, sans-serif;
	font-size: 62.5%;
	margin: 0 0 0 26px;
}
h1 {
	position: absolute;
	z-index: 1;
	top: 26px;
	left: 0;
	width: 86px;
	height: 38px;
}
h1 a {
	display: block;
	width: 86px;
	height: 38px;
	text-indent: -1000em;
	background: transparent url(/images/logo.gif) no-repeat -86px 0;
}
.brand-design h1 a {background-position: 0 0}
.product h1 a {background-position: -172px 0}
h2 {
	position: absolute;
	z-index: 1;
	top: 40px;
	right: 26px;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	color: rgb(90,90,90);
}
.brand-design h2 {color: rgb(180,180,180)}
.product h2 {color: rgb(101,92,87)}
a {
	color: rgb(90,90,90);
	text-decoration: none;
	outline: none;
}
a:hover {
	color: rgb(150,150,150);
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	width: 998px;
	height: 100%;
	min-height: 700px;
	margin: 0 auto;
	padding: 0 26px 0 0;
	font-size: 1.1em;
}
#footer {
	position: absolute;
	bottom: 0;
	right: 25px;
	margin-left:248px;
	font-size:.82em;
	color:#aaa;
}
.photography #footer, .about #footer { color:#555; }
.product #footer { color:#534d49; }

#navigation, #content, #nav-wrapper {
	padding-top: 140px;
}

#navigation {
	position: relative;
	float: left;
	width: 248px;
	height: 503px;
}
#inactive-section {
	position: absolute;
	bottom: 0;
}
#current-section {
	height: 400px;
	overflow: visible;
}
#current-section h3 {
	margin-top: -2px;
	margin-bottom: 14px;
}
.section h3 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
}
.section h3 a {
	color: rgb(150,150,150);
}
.section h3 a:hover {
	color: rgb(90,90,90);
}
.last {
	padding-top: 14px;
}
#current-section #about {
	padding-top: 0;
}

.section ul ul {
	margin-left: 7px;
}
.section ul li.active {
	margin-bottom: 14px;
}
.section ul li.active > a {
	color: rgb(150,150,150);
}
.section ul li ul {
	display: none;
}
.section ul li.active ul {
	display: block;
}
.section ul li.active ul li.active {
	margin-bottom: 1px;
}
.section ul li.active ul li.active a, .section ul li.active ul li.active a:hover {
	color: rgb(0,173,255);
}
.section ul li {
	margin-bottom: 1px
}
.section ul li a {
	display: block;
}

#content {
	position: relative;
	float: left;
	width: 750px;
}
#content #image, #content #image img {
	width: 750px;
	height: 500px;
}
#content #label {
	position: absolute;
	left: 0;
	width: 748px;
	margin-top: 17px;
}
#content #label span {
	float: right;
}
#content #label a {
	color: rgb(80,199,255);
}
#content #label a:hover {
	color: rgb(0,173,255);
}
#content .controls {
	position: absolute;
	right: 0;
	margin-top: 17px;
	margin-bottom: 30px;
}
#content .controls a {
	display: block;
	width: 15px;
	height: 16px;
	background: transparent url(/images/arrows.gif) no-repeat 0 0;
}
#content .controls a#next {
	background-position: -15px 0;
}
#content .controls a span {
	visibility: hidden;
	float: none;
}
#content .controls span, #content .controls a#prev, #content .controls a#next {
	float: left;
}
#content p {
	margin-top: 0;
}
.notice {
	position: absolute;
	top: 116px;
	left: 0;
	color: rgb(0,173,255);
	margin: 0;
	padding: 0;
}
#container .error {
  position: absolute;
	top: 116px;
	left: 0;
	color: red;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
body.brand-design {
	background-color: rgb(255,255,255);
}
.brand-design a {
	color: rgb(150,150,150);
}
.brand-design a:hover {
	color: rgb(90,90,90);
}
.brand-design .section h3 a {
	color: rgb(90,90,90);
}
.brand-design .section h3 a:hover {
	color: rgb(150,150,150);
}
.brand-design .section ul li.active > a {
	color: rgb(90,90,90);
}

body.product {
	color: #79716b;
	background-color: #38322e;
}
.product a {
	color: rgb(121,112,107);
}
.product a:hover {
	color: rgb(152,145,142);
}
.product #content .controls a#prev {
	background-position: -60px 0;
}
.product #content .controls a#next {
	background-position: -75px 0;
}

.product .section h3 a {
	color: rgb(152,145,142)
}
.product .section h3 a:hover {
	color: rgb(121,112,107);
}
.product .section ul li.active > a {
	color: rgb(152,145,142);
}

.photography #content .controls a#prev {
	background-position: -30px 0;
}
.photography #content .controls a#next {
	background-position: -45px 0;
}

.about #content {
	min-height: 319px;
}
.about #content p {
	margin: -5px 0 1.85em 0;
	line-height: 1.75em;
}

.about .peeps {
	background: transparent url(/images/peeps.jpg) no-repeat 0 140px;
}
.about #current-section ul li.active a { color: rgb(0,173,255) }
.about #content {
	font-size: 1.1em;
	padding-left: 96px;
	width: 654px;
}
.about #content a {
	color: rgb(80,199,255)
}
.about #content a:hover {
	color: rgb(0,173,255)
}
.about #content.contact p {
	line-height: normal;
	margin: -2px 0 1em 0;
}
.about h3 {
	font-weight: normal;
}
.about ul.clients {
	float: left;
	margin-top: -4px;
	width: 250px;
}
.about ul.clients li {
	line-height: 1.5em;
}
.about ul li.active {
	margin-bottom: 1px;
}

#container {
	-moz-opacity: .9999999;
	text-shadow: rgb(26,24,24) 1px 1px 1px;	
}
.brand-design #container, .product #container {
	-moz-opacity: 1;
	text-shadow: none
}