/*-  BASE STYLES
----------------------------------------------------------------------*/

/*- self-clearing floats ----------*/

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

/*- fluid images and objects ----------*/

/*img,
object,
embed {max-width: 100%;}
/*

/*- optional vanity styles ----------*/

::selection {background: #c80000;}
::-moz-selection {background: #c80000;}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

@media only screen and (max-device-width: 480px) {

	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}

}

/*- Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ ----------*/

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
         url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}


/*- LET'S GET STARTED!
----------------------------------------------------------------------*/

body {
   background: #fff;
	color: #fff;
	font: normal 16px/22px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
   background-image:url('/images/bg.png');
}

abbr {
	cursor: help;
}

.blank {
      height: 50px;
}

.galleria-thumbnails {
   margin-left: auto;
   margin-right: auto;
}

#page {
background-color: #fff;
margin-right: auto;
margin-left: auto;
width: 1200px;
height: 100%;
padding-bottom: 120px;
}

#header {
background-color: #fff;
   width: 1200px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   height: 125px;
   padding-bottom: 25px; }

#headerNav {
   border-bottom: 1px solid #e3c795;
   float: right;
   height:95%;
   width: 100%;
}

#headerNavWrapper {
   padding-top: 30px;
   float: right;
   width: 930px;
   height: 65px;
   border-bottom: 2px solid #12a89d;
}

#content {
   background-color: #fff
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}


.logo a {
   text-decoration: none;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   float: left;
}

.logo {
   float: left;
   width: 20%;
}

img {
   border-style: none;
   border: 0;
}

.galleria-thumbnails-container { 
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   bottom: 0;
}


#footer {
   padding-bottom: 25px;
}

.about {
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
}

#contact {
   padding: 25px;
   margin-left: auto;
   margin-right: auto;
   width: 575px;
   height: 425px;
}

#bioBox{ 
   background-color: #fff;
   width: 1050px;
   height: 550px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #8F9095;
   padding: 25px;
}

#bio {
   font-family: Helvetica;
   font-size: 16px;
   color: #8F9095;
   float: left;
   width: 45%;
   height: 100%;
}

#bioPic {
   float: left;
   width: 55%;
   height: 100%;
}

#events { 
   height: 550px;
}