@charset "UTF-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img, ins, small, strike, strong, sub, sup, tt, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
body {
color: #FFF;
text-align: center;
min-height: 610px; /* for good browsers */
min-width: 830px;
font: 62.5%/62.5% "Lucida Grande", Verdana, sans-serif;
background: #0d0d0d url(images/body-bkg.jpg) no-repeat fixed center top;
}
/* mac hide \*/
html,
body{
height: 100%;
overflow: auto;
}
/* end hide */
p,
li {
margin-bottom: 1em;
font-size: 1.2em;
line-height: 1.4em;
}
h1 {
font-size: 1.5em;
line-height: 1.1em;
}
a:link {
color: #8fb03d;
font-weight: bold;
text-decoration: none;
}
a:visited {
font-weight: bold;
color: #8fb03d;
text-decoration: none;
}
a:hover {
color: #92D349;
text-decoration: underline;
}
a:active {
text-decoration: underline overline;
}

table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
}
input, textarea {
margin-top: .5em;
}
.clearer {
clear: both;
font-size: 0;
line-height: 0;
height: 0;
}
#wrap-vertical {
float: left;
height: 50%;
width: 100%;
margin-top: -310px; /* usually half of #wrapper's height */
}

#wrapper {
width: 751px;
height: 501px;
margin-right: auto;
margin-left: auto;
margin-bottom: 2em;
padding: 15px;
clear: both;
background: url(images/trans_grey_1.png) repeat;
}

#header,
#footer-nav {
padding: 8px 4% 11px;
height: 19px;
overflow: hidden;
z-index: 99;
width: 92%;
}
#header {
position: relative;
}
#header h2 {
float: left;
}
#header h2 a {
display: block;
width: 286px;
text-align: left;
background: url(images/header-nav-name.png) no-repeat 0px 0px;
text-indent: -9999px;
height: 23px;
font-size: 0px;
line-height: 0px;
}
#header h2 a:hover {
background-position: 0 -46px;
}

#header #main-nav {
float: right;
width: 502px;
}
#header #main-nav li {
list-style: none;
float: right;
}
#header #main-nav li a {
display: block;
height: 23px;
background: url(images/header-nav-list.png) no-repeat 0px 0px;
font-size: 0px;
line-height: 0px;
text-indent: -9999px;
}
#header #main-nav #nav-landscapes a {
width: 119px;
}
#header #main-nav #nav-landscapes a:hover {
background-position: 0 -46px;
}
#landscapes #header #main-nav #nav-landscapes a {
background-position: 0 -23px;
}
#header #main-nav #nav-flora a {
width: 73px;
background-position: -119px 0;
}
#header #main-nav #nav-flora a:hover {
background-position: -119px -46px;
}
#flora #header #main-nav #nav-flora a {
background-position: -119px -23px;
}
#header #main-nav #nav-fauna a {
width: 82px;
background-position: -192px 0;
}
#header #main-nav #nav-fauna a:hover {
background-position: -192px -46px;
}
#fauna #header #main-nav #nav-fauna a {
background-position: -192px -23px;
}
#header #main-nav #nav-monochrome a {
width: 78px;
background-position: -274px 0;
}
#header #main-nav #nav-monochrome a:hover {
background-position: -274px -46px;
}
#monochrome #header #main-nav #nav-monochrome a {
background-position: -274px -23px;
}
#header #main-nav #nav-contact a {
background-image: url(images/footer-nav.png);
background-position: 0 0;
text-indent: -9999px;
}
#header #main-nav #nav-contact {
/* [disabled]border-left: 1px solid #428A38; */
padding-left: 8px;
margin-left: 27px;
}
#header #main-nav #nav-contact a {
width: 109px;
background-position: -93px 0;
}
#header #main-nav #nav-contact a:hover {
background-position: -93px -46px;
}
#contact #header #main-nav #nav-contact a {
background-position: -93px -23px;
}

#contact #wrapper,
#pricing #wrapper {
text-align: left;
}
#wrapper h1 {
color: #CCC;
margin-bottom: 2em;
}
#copyright {
margin-top: 4em;
font-size: 9px;
color: #666;
text-align: center;
/* [disabled]text-align: left; */
/* [disabled]position: fixed; */
/* [disabled]left: 0; */
/* [disabled]bottom: 6px; */
/* [disabled]z-index: 99; */
/* [disabled]padding-left: 4%; */
}
#footer-nav {
/* [disabled]position: fixed; */
/* [disabled]right: 0px; */
/* [disabled]bottom: 8px; */
/* [disabled]z-index: 99; */
}
#footer-nav li {
list-style: none;
float: right;
}
#footer-nav li a {
background-repeat: no-repeat;
display: block;
height: 23px;
background-image: url(images/footer-nav.png);
background-position: 0 0;
text-indent: -9999px;
}
#footer-nav #nav-pricing a {
width: 93px;
}
#footer-nav #nav-pricing a:hover {
background-position: 0 -46px;
}
#pricing #footer-nav #nav-pricing a {
background-position: 0 -23px;
}
#footer-nav #nav-contact a {
width: 109px;
background-position: -93px 0;
}
#footer-nav #nav-contact a:hover {
background-position: -93px -46px;
}
#contact #footer-nav #nav-contact a {
background-position: -93px -23px;
}

/* vertical centering technique for subpages from http://www.dynamicsitesolutions.com/css/vertically-centering-elements/ */
#content-subpage { /* was div.valignmid1 in example */
position: relative;
display: table;
vertical-align: middle;
height: 500px;
}
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
position: relative;
}
#contact h1,
#pricing h1 {
font-size: 0px;
line-height: 0px;
text-indent: -9999px;
float: left;
height: 500px;
width: 240px;
margin-right: 50px;
}
#contact h1 {
background: url(images/contact_txt.png) no-repeat right center;
}
#pricing h1 {
background: url(images/pricing_txt.png) no-repeat right center;
}
#wrapper input,
#wrapper textarea {
width: 250px;
}
#wrapper #button {
width: 70px;
}