html {
width: 100%;
}

body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: #000000;
width: 100%;
background-color: #dbdcb0;
}

a, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
}

a:hover, a:active {
color: #1e3d5a;
}

#bottom {
width: 100%;
height: 106px;
}

#content {
width: 650px;
height: 450px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 50px;
margin-left: 30px;
}

#content h1 {
padding-left: 275px;
margin-bottom: 10px;
font-size: 42px;
font-weight: lighter;
color: #FFFFFF;
position: relative;
top: -20px;
}

#content h5 {
position: relative;
top: -70px;
left: -55px;
}

#content p {
padding-left: 275px;
position: relative;
top: -420px;
}

#content-reg {
width: 600px;
}

#content-reg h1 {
padding-left: 40px;
margin-top: 20px;
font-size: 42px;
font-weight: lighter;
color: #FFFFFF;
}

#content-reg h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #1e3d5a;
padding-left: 100px;
margin-bottom: -10px;
font-style: italic;
font-size: 15px;
}

#content-reg p {
padding-left: 100px;
}

#footer {
width: 100%;
height: 106px;
background-image: url(../images/bgTexture-bttm.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
}

.footer {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #b4b4b4;
margin-left: -50px;
position: relative;
top: 80px;
}

.footer a, .footer a:visited, .footer a:hover, .footer a:active {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #b4b4b4;
}

.headerImg {
position: relative;
left: 140px;
}

#hmContent {
background-image: url(../images/bgTexture-bttm.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
position: relative;
top: -13px;
}

#hmFooter {
width: 100%;
height: 106px;
}

.hmFooter {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #b4b4b4;
padding-left: 40px;
position: relative;
top: 80px;
}

.hmFooter a, .hmFooter a:visited, .hmFooter a:hover, .hmFooter a:active {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #b4b4b4;
}

#hmMiddle {
background-color: #cccc9a;
margin-right: auto;
margin-left: auto;
width: 100%;
height: 425px;
background-image: url(../images/stonepile-sm.jpg);
background-repeat: no-repeat;
background-position: 100% 90%;
border-top: 1px solid #6f6f44;
border-bottom: 1px solid #6f6f44;
position: relative;
top: -2px;
}

#hmMiddle h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: lighter;
color: #FFFFFF;
width: 500px;
position: relative;
top: 110px;
left: 105px;
}

#hmMiddle h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #FFFFFF;
padding-top: 90px;
padding-left: 340px;
}

#logo {
position: relative;
top: 25px;
left: 40px;
}

#mask {
width: 55px;
height: 450px;
background-color: #dbdcb0;
position: relative;
top: -450px;
left: -85px;
float: left;
}

#middle {
background-color: #cccc9a;
margin-right: auto;
margin-left: auto;
width: 100%;
height: 520px;
background-image: url(../images/stonepile-xxsm.gif);
background-repeat: no-repeat;
background-position: 97% 97%;
border-top: 1px solid #6f6f44;
border-bottom: 1px solid #6f6f44;
position: relative;
top: -2px;
}

#middles h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 42px;
font-weight: lighter;
color: #FFFFFF;
position: relative;
top: 125px;
left: 30px;
}

#nav{
width: 100%;
height: 25px;
background-image: url(../images/navBgTile.gif);
background-repeat: repeat-x;
border-top: 1px solid #6f6f44;
position: relative;
top: -1px;
}

.nav {
font-size: 12px;
display: inline;
position: relative;
top: -10px;
}

#nav ul {
list-style-type: none;
}

.rev {
color: #FFFFFF;
}

#top {
width: 100%;
height: 90px;
background-image: url(../images/bgTexture-top.gif);
background-repeat: no-repeat;
background-position: 300px 10px;
position: relative;
top: -3px;
}

#wrap {
background-color: #ffffff;
width: 760px;
height: 100%;
margin-right: auto;
margin-left: auto;
}

/* Image Swap */

#samples {
width: 268px;
height: 362px;
position: relative;
top: -55px;
left: 0px;
}

.thumb {
margin-bottom: 3px;
}

#thumbGrid {
width: 50px;
height: 50px;
position: relative;
top: -2px;
left: -60px;
margin-top: -360px;
}

#thumbGrid a {
display: block;
}

#thumbGrid a:hover {
padding-left: 5px;
}

#thumbGrid a span {
display: none;
}

#thumbGrid a:hover span {
position: absolute;
top: 0px;
left: 60px;
display: block;
}

#thumbGrid img {
border: 0px;
}