@charset "utf-8";
body {
background:url(../images/toptanbar.gif);
background-position:top;
background-repeat:repeat-x;
color:#6a6a6a;
background-color:#e9e9e9;
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0
}


strong,em,b,i {
font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif
}

#italic, .italic {
font-style:italic
}

h1,h2,h3,h4,h5,h6 {
color:#BAAC91;
font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase
}

h1 {
font-size:28px
}

h2 {
font-size:24px;
margin-bottom:5px
}

h3 {
font-size:20px
}

h4 {
font-size:18px
}

h5 {
font-size:16px
}

h6 {
font-size:14px
}

a:link,a:visited {
color:#BAAC91;
text-decoration:none
}

a:hover,a:active  {
color:#6a6a6a
}

hr {
background:#BAAC91;
color:#BAAC91
}

.colborder {
  border-right: 1px solid #BAAC91;
  height: 400px
}
  
.right {
text-align:right
}

.intro h1 {
margin:25px 0 4px
}
.topnav {
font-size:0;
height:25px;
margin:25px 0 85px
}

.topnav li {
display:inline;
font-size:12px;
line-height:1;
padding:0 15px;
text-transform:uppercase
}

.topnav li.lastitem {
padding-right:0
}

.topnav a:link,.topnav a:visited, #email a:link, #email a:visited, .selectedwork h6 a:link, .selectedwork h6 a:visited {
color:#6a6a6a;
text-decoration:none
}

.topnav a:hover,.topnav a:active, #email a:hover, #email a:active, .selectedwork h6 a:hover, .selectedwork h6 a:active  {
color:#BAAC91
}

.content img,.thumb img {
border:5px #eee solid
}

.content {
padding:0 0 40px
}


.footerstyle,#attributed, .selectedwork h6 {
color:#6a6a6a;
font-size: 12px;
font-style:normal;
text-transform:uppercase
}

#tbo {
font-size:10px
}

cite, .selectedwork p {
color:#BAAC91;
font-style:italic;
}

blockquote {
color:#6a6a6a;
font-size:14px;
font-style:italic;
margin:3em 0 1.5em 0;
} 


.intro h4 {
text-transform:none;
color:#6a6a6a;
font-size:12px;
font-weight:100
}

html,body,#wrap {
height:100%
}

body > #wrap {
height:auto;
min-height:100%
}

#main {
padding-bottom:100px
}

#footer {
clear:both;
height:50px;
margin-top:-50px;
position:relative
}

.footercontainer {
border-top:#BAAC91 solid 1px
}

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

.clearfix {
display:block
}

* html .clearfix {
height:1%
}


#learnmore {
background:url(../images/learnmorebutton.png) no-repeat 0 0;
display:block;
height:34px;
margin:40px 0 0;
outline:none;
width:126px
}


.more {
font-size:30px;
}

.morebig {
font-size:72px;
}

#logo span,#learnmore span,.more span {
display:none
}

#learnmore:hover,.more:hover {
background-position:0 -34px
}