body {
	margin: 0;
	padding: 0;
	background: #1d4058;
	position: relative;
	font-family: "Helvetica Neue", helvetica, sans-serif;
}

html { height: 100%; }

strong { font-weight: bold; }
em { font-style: italic; }
a {
  color: #1D4058;
  text-decoration: none;
  padding-bottom: .1em;
  border-bottom: 1px dotted #8D9FA9;
}

h1, h2 {
	font-weight: normal;
	font-size: 45px;
	width: 100%;
	height: 44px;
	margin: .125em 0;
	padding: 0;
	text-align: left;
	text-indent: -1000px;
	position: relative;
	overflow: hidden;
	z-index: 100;
}

h1 a, h2 a {
	text-decoration: none;
	font-size: 44px;
	position: relative;
	margin: 0 0 0 31px;
	padding: 0;
	display: block;
  background-repeat: no-repeat;
}

.subwrapper {
  position: relative;
  z-index: 300;
}

h2.selected { background-color: #fcee98; margin-right: -20px; }

h1 a { background-position: 0 0; }
h1 a:hover { background-position: 0 -43px; }

h2 a, body.site h2 a:hover { background-position: 0 2px; }
h2 a:hover, body.site h2 a { background-position: 0 -43px; }
h2.selected a, body.site h2.selected a { background-position: 0 -88px; }

h1.header a { background-image: url(../images/nav_type/header.png); }
h2#about a { background-image: url(../images/nav_type/about.png); }
h2#portfolio a { background-image: url(../images/nav_type/portfolio.png); }
h2#resume a { background-image: url(../images/nav_type/resume.png); }
h2#contact a { background-image: url(../images/nav_type/contact.png); }

.main h2 a { color: #8ea0aa; }
h2.selected a { color: #e9cc3e; }

#inside_wrapper {
	background: transparent url('../images/background_grad.png') bottom repeat-x;
	height: 560px;
	overflow: visible;
	z-index: 100;
	position: relative;
}

#outer_wrapper {
	background: #fff;
	margin: auto;
	margin-top: 5%;
	padding: 20px;
	width: 800px;
	overflow: hidden;
}

.subnav {
	margin: 0;
	left: 28em;
	top: -60px;
	position: absolute;
	z-index: 100;
}

.subnav li {
	float: left;
	height: 100%;
	margin: 0 1em;
	list-style-type: none;
}

.subnav li a {
	display: block;
	padding: 18px 0 6px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	color: #8ea0aa; /*487a9d*/
	margin-top: 6px;
	border: none;
}

.design li a.design,
.illustration li a.illustration,
.photography li a.photography,
.subnav li a.selected,
.subnav li a:hover {
  margin-top: 0;
	font-weight: bold;
	color: #487a9d;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
}

.subwrapper { position: relative; }

.content {
	margin: 13px 0;
	height: 245px;
	position: relative;
	z-index: 150;
}

/*.site .content { display: none; }*/

.about .content { overflow-y: auto; }

.content p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #8d9fa9;
	text-align: left;
	margin-left: 35px;
	margin-bottom: 1.5em;
	width: 500px;
}

#portfolio_viewer {
  position: relative;
  overflow: hidden;
  display: block;
}

#portfolio_container {
	position: relative;
	overflow: hidden;
	padding: 0 50px;
	z-index: 100;
}

#portfolio {
	position: relative;
	display: block;
	overflow: hidden;
}

#drop_shadow {
	position: absolute;
	top: 0;
	left: 25px;
	z-index: 200;
	width: 100%;
}

#arrow_left, 
#arrow_right {
	position: absolute;
	background: #fff;
	height: 250px;
	width: 40px;
	top: 0;
	text-align: center;
	z-index: 150;
	overflow: hidden;
	text-indent: -9999px;
}

#arrow_left { left: 0; }
#arrow_right { right: 0; }

#arrow_left a, #arrow_right a { display: block; padding: 120px 0;}

#arrow_left a {
  background: transparent url('../images/back_button.png') 50% 50% no-repeat; 
}

#arrow_right a {
  background: transparent url('../images/forward_button.png') 50% 50% no-repeat;
}

.piece {
	float: left;
}

.piece img {
	width: 700px;
	display: block;
	float: left;
	margin-right: 20px;
}

#thumbs_container {
	position: absolute;
	left: 50px;
	top: 0;
	width: 700px;
	height: 250px;
	display: block;
	z-index: 1000;
}

#thumbs {
	margin: 30px;
	padding: 0;
	overflow-y: auto;
	position: absolute;
	z-index: 150;
	top: 0;
	left: 0;
	width: 640px;
	height: 190px;
}

#trans_white_bkgrnd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#thumbs li {
	float: left;
	margin: 0 8px 8px 0;
	padding: 0;
	list-style-type: none;
}

#thumbs li img {
	width: 80px;
}

#thumbs a {
	display: block;
	border: 1px solid #ccc;
}

#thumbs a:hover {
	border: 1px solid #99e;
}

#query_review_details {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100000;
}

#flowers-upper_left,
#flowers-lower_right {
  position: absolute;
  z-index: 0;
}

.flowers.hidden { visibility: hidden; }
.flowers.show { visibility: visible; }

#flowers-upper_left {
  top: -20px;
  left: -20px;
  height: 245px;
  width: 224px;
  display: block;
}

#flowers-lower_right {
  bottom: -22px;
  right: -23px;
  height: 229px;
  width: 372px;
  display: block;
}

.notice, .error, .warning {
  padding: 20px 10px 10px;
  background: #fff;
  margin: 0;
  font-size: .8em;
}

.notice {
  color: #383;
  background: #cec;
}

.warning {
  color: #861;
  background: #dc6;
}

.error {
  color: #933;
  background: #fcc;
}