/* base
----------------------------------------------- */
html { 
height: 100%; 
}

body {
margin:0 auto; padding:0;
font-family: "Times New Roman", Georgia, Times, serif; 
font-size: 62.5%; /* for IE */
color:#554444;
text-align:center;
background: #e3dcd6 url(/cssimages/bg.png) repeat-x top left;
background: #fff url(/cssimages/bg.png) repeat-x top left;
}

p {
margin:0 0 1.5em 0;
padding:0;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
font-weight: normal;
}

h1 {
margin:15px 0 15px 0;
font-size: 3em;
line-height:145%;
color: #b74319;
}

h1.entry-title {
margin:15px 0 15px 0;
font-size: 2.5em;
line-height:145%;
color: #b74319;
}

h2 {
font-size: 2em;
color:#000;
}

h3 {
font-size: 1.8em;
color:#000;
}


h4 {
font-size: 1.2em;
color:#000;
text-transform:uppercase;
}

h5 {

}


small, .small {
font-size: 0.9em;
}

/* links
----------------------------------------------- */
a:link, a:active, a:visited { text-decoration:none; color:#b74319; border-bottom:1px dotted #b74319; }
a:hover { text-decoration:none; color:#b74319; border-bottom:1px solid #b74319; }

a img, a:link img, a:hover img, a:visited img, a:active img {
text-decoration:none;
border:none;
}

.off a:link, .off a:active, .off a:visited { text-decoration:none; border-bottom-style:none; }
.off a:hover { text-decoration:none; border-bottom-style:none; }


/* tables
----------------------------------------------- */
table {
width:100%;
}

table tr td {
}

table tr.odd td { 
padding:8px 5px;
background:#e7e6e2;
}

table tr.even td { 
padding:8px 5px;
background:#ecebe7;
}

table .contact-email { text-align:right; }


/* global layout
----------------------------------------------- */
#wrap {
margin:0 auto; padding:0;
width:100%;
min-width:960px;
background: url(/cssimages/bg-center.png) repeat-x top center;
}

#container-outer {
margin:0 auto; padding:0;
width:960px;
}

#container {
margin:0 auto; padding:0;
width:920px;
text-align:left;
position:relative;
font-size:1.4em;
line-height:125%;
}

#logobar {
margin:0 auto; padding:0;
height:235px;
width:920px;
}

.logo {
margin:90px 0 0 0; padding:0;
float:left;
width:300px;
height:63px;
background: url(/cssimages/vo-logo.png) no-repeat top left;
}
.logo h1 { margin-left:-10000px; }

.entry-content { text-align:left; }

.columnLeft {
margin:0 auto; padding:0;
float:left;
width:430px;
text-align:left;
}

.columnRight {
margin:20px auto; padding:0;
float:right;
width:460px;
text-align:right;
}

.columnLeft-about {
margin:0 auto; padding:0;
float:left;
width:410px;
text-align:left;
}

.columnRight-about {
margin:20px auto; padding:0;
float:right;
width:470px;
text-align:right;
}

.columnRightA {
margin:0 auto; padding:0;
float:left;width:220px;
text-align:left;
}

.columnRightB {
margin:0 auto; padding:0;
float:right;
width:220px;
text-align:left;
}

#footer {
clear:both;
position:relative;
text-align:center;
width:960px;
height:170px;
color:#cdc1b6;
font-size:1.3em;
letter-spacing:0.5em;
line-height: 135%;
background: url(/cssimages/footer-bg.gif) no-repeat bottom center;
}

#footer p { padding:100px; }

.bio-info {
font-size:0.9em;
}

.bio-info em {
font-size:1.1em;
font-weight:bold;
font-style:normal;
color:#9a826d;
font-family:arial, sans;
}

.contact-info {
font-size:1.1em;
font-weight:bold;
font-style:normal;
color:#9a826d;
font-family:arial, sans;
}

/* images
----------------------------------------------- */
.main-image {
margin:0;
padding:1px;
border:2px solid #9a826d;
}

.img-title {
margin:0; padding:0;
display:block;
}

.bio-img-left {
float:left;
margin:0 10px 15px 0;
padding:1px;
border:2px solid #9a826d;
}

.img-contact {
margin: 0px 20px 2px 0;
border:2px solid #d8e3a1;
}

/* main navigation
----------------------------------------------- */
#content { width:100%; height:600px; }

.feature { height:600px; position:absolute; width:920px; overflow:hidden; }

#navigation {
margin:90px 0 0 0; padding:0;
float:right;
width:500px;
height:63px;
position:relative;
background: url(/cssimages/navigation.png) no-repeat top right;
}

ul.tabs li {
    margin: 0; padding: 0; list-style: none; cursor: pointer;
    position: absolute; top: 0;
}
ul.tabs li, ul.tabs a { 
    height: 63px; display: block; border:0; }

ul.tabs #welcome {left: 0px; width: 55px;}
ul.tabs #about {left: 87px; width: 55px;}
ul.tabs #offset-purchaser-services {left: 174px; width: 87px;}
ul.tabs #landholder-services {left: 300px; width: 95px;}
ul.tabs #contact {left: 430px; width: 70px;}

ul.tabs #welcome a { background: url(/cssimages/navigation.png) no-repeat -0 0; }
ul.tabs #about a { background: url(/cssimages/navigation.png) no-repeat -87px 0; }
ul.tabs #offset-purchaser-services  a { background: url(/cssimages/navigation.png) no-repeat -174px 0; }
ul.tabs #landholder-services  a { background: url(/cssimages/navigation.png) no-repeat -300px 0; }
ul.tabs #contact a { background: url(/cssimages/navigation.png) no-repeat -430px 0; }

ul.tabs #welcome a:hover, ul.tabs #welcome a.active { background: url(/cssimages/navigation.png) no-repeat -0px -63px; }
ul.tabs #about a:hover, ul.tabs #about a.active { background: url(/cssimages/navigation.png) no-repeat -87px -63px; }
ul.tabs #offset-purchaser-services  a:hover, ul.tabs #offset-purchaser-services a.active { background: url(/cssimages/navigation.png) no-repeat -174px -63px; }
ul.tabs #landholder-services  a:hover, ul.tabs #landholder-services a.active { background: url(/cssimages/navigation.png) no-repeat -300px -63px; }
ul.tabs #contact a:hover, ul.tabs #contact a.active { background: url(/cssimages/navigation.png) no-repeat -430px -63px; }


/* contact form plugin "Zem Contct Reborn"
----------------------------------------------- */

#zemContactForm {
margin:0 auto;
margin-top:-20px;
padding:0;
font-size:0.9em;
line-height:1.6em;
text-align:left;
/*text-transform:uppercase;*/
}

#zemContactForm p {
margin:0 auto;
padding:0;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

#yourname, #youremailaddress, #subject, #message {
margin:0 auto;padding:0;
width:400px;
height:1.6em;
/*background-color:#f7f6f2;*/
}

#message {
width:400px;
height:20em;
/*background-color:#f7f6f2;*/
}

#zenSubmit {
}



/* general classes
---------------------------------------------- */

/* clear floats
----------------------------------------------- */
.clear { clear:both; }

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

/* fix in IE/Mac */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* tooltips
----------------------------------------------- */
a.tip{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

a.tip:hover{z-index:25; }

a.tip span{display: none}

a.tip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #7b9027;
    padding:6px 3px;
    background-color:#98b134; color:#fff;
    text-align: center}