body {
color: #e0dede;
font-family: arial, helvetica, sans-serif;
font-size: 85%;
letter-spacing: 0.09em;
line-height: 1.5em;
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
background: #010101;
text-align: center;
}

html {
text-align: center;
height: 100%;
}

a {
color: #999;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #999;
}

a:hover {
color: #fff;
}

a:active {
color: #fff;
}

a img {
border: none;
}

a:active {
outline: none;
}

a.current, a:visited.current {
color: #e0dede;
}

h1 {
margin: 0;
font-size: 1.5em;
font-weight: normal;
text-align: left;
}

h2 {
font-size: 1.3em;
font-weight: normal;
text-align: left;
}

h3 {font-size: 1.2em;
font-weight: normal;
text-align: center;
}

h4 {font-size: 1.1em;
font-weight: normal;
}

p {text-align: left;
font-size: 1.0em;
}

/* text decoration */

.ital {
font-style: italic;
}

.bold {
font-weight: bold;
}

.small {
font-size: 0.8em;
}

.large {
margin-top: 0;
color: #3a605c;
font-size: 1.2em;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix { display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix { height: 1%;}

#content {
position: relative;
margin: 0 auto;
padding: 0;
width: 901px;
min-height: 600px;
text-align: left;
min-height: 100%;
}

#rightbg {
position: absolute;
top: 0;
right: -112px;
width: 112px;
height: 356px;
overflow: hidden;
}

#logo {
margin-left: 229px;
padding: 0;
width: 643px;
height: 95px;
}

#mainnav {
position: absolute;
top: 0;
left: 0;
padding: 0;
width: 230px;
min-height: 497px;
text-align: left;
background: url(images/menubg.gif) top left no-repeat;
}

#mainnav ul {
list-style: none;
margin: 330px 0 0 50px;
padding: 0;
}

#mainnav ul li {
display: block;
margin: 0;
padding: 2px 0;
}

#mainnav ul li a {
margin: 0;
padding: 2px 3px;
}

#mainnav ul li a:hover {
color: #fff;
background: #666;
}

#gallery {
margin: 20px 0 0 260px;
padding: 3px 0 0 0;
width: 410px;
min-height: 410px;
text-align: center;
}

#warning {
position: absolute;
top: 95px;
left: 260px;
padding: 30px 30px;
width: 610px;
min-height: 600px;
background: #000;
text-align: left;
z-index: 30;
font-size: 1.25em;
cursor: pointer;
}

#photos {
margin: 10px 0 0 250px;
padding: 3px 0 0 0;
width: 410px;
min-height: 410px;
text-align: center;
display: none;
}

#display {
margin: 5px 0 0 260px;
padding: 0;
width: 555px;
min-height: 400px;
text-align: center;
}

div.photolink {
float: left;
margin: 0 20px 0 0;
Padding: 10px 0 0 0;
width: 165px;
}

div.photolink a img {
border: solid 3px #010101;
}

div.photolink a:hover img {
border: solid 3px #5a5a5a;
}

#thumbs {
position: absolute;
top: 90px;
right: -40px;
width: 255px;
min-height: 500px;
}

#statement {
clear: both;
margin: 20px 0 0 260px;
padding: 80px 0 0 0;
width: 500px;
}

#book {
margin: 10px 0 0 260px;
padding: 20px 20px;
width: 630px;
background: #000;
text-align: left;
}

#book ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}

#book ul li {
display: inline;
margin: 0;
padding: 0 5px;
}

#book ul li a {
text-transform: none;
}

#carousel {
margin: 0;
padding: 0;
width: 610px;
min-height: 450px;
}

img.float {
float: left;
margin: 0px 20px 20px 0;
padding: 20px 20px 20px 0;
}

div.panel {
position: relative;
margin: 0;
padding: 10px 0;
width: 590px;
min-height: 470px;
}

div.panel p {
font-size: 1.1em;
width: 550px;
}

div.panel p:first-letter {
font-size: 1.8em;
}

div.panel p.float {
float: right;
margin: 10px 20px 20px 0;
padding: 0;
width: 280px;
}

div.panel h2.num {
position: absolute;
top: 380px;
left: 570px;
font-size: 1.3em;
}

/*step carousel css*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 610px; /*Width of Carousel Viewer itself*/
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 20px 0 0; /*margin around each panel*/
*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#text {
margin: 20px 0 0 285px;
padding: 10px 0;
width: 500px;
}

#text a {
text-transform: none;
font-size: 1em;
font-weight: bold;
text-decoration: underline;
}

#footer {
clear: both;
margin: 100px 0 20px 240px;
padding: 20px 0 0 0;
width: 500px;
text-align: center;
color: #999;
}

#footer p{
text-align: center;
}

#footer a {
color: #999;
text-transform: none;
font-size: 1em;
font-weight: bold;
text-decoration: underline;
}