html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, 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;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    background: url(../images/background.jpg) top center #D2C79E;
    color: #633827;
    font: 16px Arial;
    padding: 38px 0;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear{
clear: both;
}


#document{
  width: 912px;
  margin: 0 auto;
}

/*header;
-----------------------------------------------------------*/
#header{
  padding-left: 352px;
  color: #674F1D;
  height: 224px;
  position: relative;

}
h1{
  font-size: 28px;
  font-weight: normal;
  padding-bottom: 18px;
  line-height: 42px
}

address{
  font-style: normal;
  color: #412C0A;
  font-size: 16px;
  padding-left: 60px;
}
address strong{
  font-size: 32px;
  color: #412C0A;
  font-weight:normal;
}

#header .block{
  float: left;
}
#ppi_header_container{
  position: absolute;
  right: 20px;
  height: 200px;
}


/*TOP NAV;
-----------------------------------------------------------*/
#top_nav{
  height: 52px;
  background: url(../images/nav_right.jpg) top right no-repeat #BFAF7A;
  padding-left: 397px;
}
#top_nav ul{
  padding-top: 18px;
}


#top_nav li{
  float: left;
  display: inline-block;
  padding: 0 14px;
  height: 18px;
  border-left: 1px solid #A28E56
}
#top_nav a{
  float: left;
  display: inline-block;
  color: #3C1100;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 1px dashed #3C1100;
  margin-top: -3px;
  white-space: nowrap;
}
#top_nav li.first{
  border: none
}

#top_nav a:hover,
#top_nav .active a{
  color: #F4F1D1;
  border-bottom: 1px dashed #F4F1D1;
}
/*content;
-----------------------------------------------------------*/
#content{
  padding-left: 370px;
  background: #F4F1D1;
  position: relative;
}
.post{
  padding: 44px;
  min-height: 200px;
}
.post p{
  padding-bottom: 1.5em
}
.post a{
  color: #7b0003;
}
/*GALLERY;
-----------------------------------------------------------*/
#gallery{
  padding: 21px 6px;
  background: #F4F1D1;
  height: 1%
}
#gallery:after {
	content: ' ';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}


#gallery .thumb_container{
  width: 150px;
  height: 100px;
  position: relative;
  float: left;
  margin: 0 15px;
}
#gallery .thumb_container.hide{
  display: none;
}
.wrapper{
  background: #F4F1D1;
  padding: 0 21px;
  margin: 0
}


.wrapper hr{
  height: 0;
  border: none;
  border-bottom: 1px  dotted #BFAF7A;
  padding: 0;
  margin: 0;

}
/*footer;
-----------------------------------------------------------*/
#footer{
  height: 53px;
  background: url(../images/footer_left.jpg) left bottom no-repeat #BFAF7A;
  font-size: 12px;
  color: #584015
}
#footer a{
  color: #633827;
}
#footer .back{
  height: 53px;
  background: url(../images/footer_right.jpg) right bottom no-repeat;
  padding-left: 24px;
  padding-right: 36px;
}
#copyright{
  float: left;
  padding-top: 11px;
}




#creator{
  float: right;
  margin-top: 11px;
  background: url(../images/creator.jpg) 0 0 no-repeat;
  padding-left: 42px;
}

.follow{
  margin-left: 112px;
  padding-top: 11px;
  float: left;
}
.follow a{
  width: 31px;
  height: 31px;
  display: block;
  float: left;
}


.facebook{
  background: url(../images/facebook.jpg)
}
.twitter{
  background: url(../images/twitter.jpg);
  margin-left: 20px;
}
/*TISER;
-----------------------------------------------------------*/
#tiser_img{
  position: absolute;
}

#tiser{
  height:553px;
  left:-19px;
  position:absolute;
  top:-274px;
  width:388px;
  padding-left: 19px;
  background: url(../images/tiser_bottom.jpg) bottom left no-repeat;
}

/*corners;
-----------------------------------------------------------*/
.thumb_container div{
  position: absolute;
  width: 6px;
  height: 6px;
}
.corner1{
  background: url(../images/corner_1.png);
  top: 0;
  left: 0;
}
.corner2{
  background: url(../images/corner_2.png);
  top: 0;
  right: 0;
}
.corner3{
  background: url(../images/corner_4.png);
  right: 0;
  bottom: 0;
}
.corner4{
  background: url(../images/corner_3.png);
  bottom: 0;
  left: 0;
}

/*loader;
-----------------------------------------------------------*/
#loader{
  background: url(../images/ajax-loader.gif);
  width: 66px;
  height: 66px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -33px;
  margin-top: -33px;
}