/* -------------- RESET STYLES -------------- */ 



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
	font-family: 'Vollkorn', serif;
	font-size:20px;
	line-height: 150%;
	font-style:italic;
	color:#333;
}

{
	font-style:italic;
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet 
{ 
	border: none; 
}

a
{
	text-decoration:none;
	cursor:pointer;
}

/* -------------- END OF RESET STYLES -------------- */ 

body
{
	background:#ffffff url('../images/textures/back.png') repeat right top;
}


.header
{
	position: fixed;
	width: 100%;
	display: block;
	height:40px;
	top:0px;
	left: 0px;	
	background-image: url('../images/textures/pat.png');
	
}

.nav
{
	position: fixed;
	width: 100%;
	display: block;
	top:40px;
	left: 0px;	
	background:#bed5da;


-webkit-box-shadow: 5px 5px 11px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 11px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 11px rgba(50, 50, 50, 0.75);
}

.nav ul
{
	list-style-type: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.link
{
	display: inline-block;
	margin: 8px 30px;
}

.link a
{
	text-decoration: none;
	font-size: 18px;
	color:#FFF;
	font-weight:bold;
}

.link a:hover
{	color:#7c7456;   }

.link .select
{
	
	cursor: default;
}

.link .select:hover
{	color:#cec195;   }

.banner
{
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;	
}

.content
{
	width: 800px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;	
	padding-bottom: 100px;
}



div.hr 
{
  height: 1px;
  background: #768074 no-repeat scroll center;
  margin: 40px 0;
}

.portrait
{
	float: right;
	display: inline;
	margin-top: -15px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 30px;
}




.banner
{
	  display: block;
    max-width: 100%;
    height: auto;
}
 .hide {
  display: none;
}
	.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.left-videos
{
width:400px;
max-width: 70%;
background: #fff;
padding: 30px;
float:left;
}

.right-videos
{
width:400px;
max-width: 70%;
background: #fff;
padding: 30px;
float:right;

}