@font-face {
font-family: 'book';
src:url('fonts/circularbook.eot') format('eot'),
	url('fonts/circularbook.woff') format('woff'),
    url('fonts/circularbook.ttf') format('truetype'),
    url('fonts/circularbook.svg') format('svg');
}

html,body {
	    font-family: 'book', Helvetica;
        width: 100%;
        height: 100%;
        position: relative; 
        margin: 0px;
} 

p {
    color: 	#000000;
    font-size: 1.9vw;
    line-height: 2.5vw;
    text-align: left;
	padding: 0px 220px 30px 110px;
}

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

span.title {
	font-size: 1.4vw;	
    color:   #336666;
    z-index: 50;
    
}

span.smalltitle {
	font-size: 0.9vw;	
    color:   #336666;
    z-index: 50;
    
}


img {
  padding: 4px;
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}


#fullimage {
	max-width: 100%;
    height: auto;
padding: 20px 0px 5px 0px;
    

}    

#layout_container {

    margin: 80px auto 80px auto;
    text-align: center;
}

#image_container {
   display:inline-block;


}

#box {
    width: 450px;
    background: #FFFFFF;
    margin: 10px 5px 15px 5px;
    display: inline-block;
    z-index: 1;
    
}

#s_box {
    width: 250px;
    background: #FFFFFF;
    margin: 10px 5px 15px 5px;
    display: inline-block;
    z-index: 2;
    
}