/**/
body { 
background: url(images/background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0px;
padding: 0px;
}

/*General page setup*/
.banner{
position: absolute;
left: 20.5%;
line-height: 0.5em;
padding: 0px;
margin: 0px;
color: #666666;
font-family: "Palatino Linotype";
}

h1{
font-size: 35px;
letter-spacing: 2px;
}
span.subheading{
vertical-align:middle;
display: inline;
font-size: 15px;
padding-left: 0.8em;
}

.wrapper{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
vertical-align:middle;
width: 60%;
height: 75%;
max-height: 600px;
padding: 0px;
}


nav ul{
display: inline-table;
list-style: none;
position: relative;
padding: 0px;
margin: 0px;
z-index: 5;
}

nav ul li{
float: left;
}

nav ul ul {	
position: absolute;
top: 100%;
left: 12%;
display: none;
}

nav ul ul li {
float: none; 
position: relative;
border:1px solid;
border-radius: 4px;
border-color:#666666;
background-color:rgba(255,255,255,0.8);
padding: 0.2em;
margin: 1px;
}

nav ul ul li:hover{
background-color:rgba(255,255,255,0.5);
color: #666666;
}

.loading{
margin: auto;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}




a{
font-size: 15px;
font-family: Palatino Linotype;
color: #666666;
font-weight: 700;
text-decoration: none;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
margin: 0.5em;
cursor: default;
}

a:hover, a:focus {
	color: #666666;
}

.content{
position: relative;
background-color:rgba(255,255,250,0.8);
font-family: Palatino Linotype;
border:1px solid #666666;
border-radius: 4px;
padding: 0.2%;
line-height:150%;
margin: 0;
box-shadow: 0.2em 0.3em 2em #666666;
overflow: auto;
height: 90%;
text-align: justify;
vertical-align: middle;
display: block;
}



/*Home*/
.textWrapper{
width: 43%;
max-height: 90%;
height: auto;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
margin-top: auto;
margin-bottom: auto;
margin-right: 1em;
padding: 0em;
}


img.home{
display: block;
max-width: 54%;
max-height: 90%;
width: auto;
height: auto;
position: absolute;
top: 0px;
bottom: 0px;
margin-top: auto;
margin-bottom: auto;
margin-left: 0.5%;
padding: 0px;
border-radius: 3px;
}



/*Gallery*/
#galleryPic{
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0px;
border-radius: 3px;
}

.galleryRight{
width: 54%;
height: 100%;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
padding: 0px;
}


.galleryThumbBar{
display: table-cell;
width: 46%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
padding: auto;
vertical-align: middle;
}

.galleryThumb{
display: inline-block;
vertical-align: middle;
max-height: 18%;
max-width: 23%;
float: left;
margin: 1%;

}

/*Tearsheets*/
#img{
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
z-index:2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0px;
}

#imgNext{
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: none;
z-index:1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0px;
}



/*Book*/
.bookCovers{
padding: 0px;
margin: 0px;
text-align:center;
height: 30%;
width: 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
}

.bookPic{
max-height: 100%;
max-width: 17%;
margin: 2%;
padding: 0px;
vertical-align: middle;
border: 1px solid rgba(255,255,255, 0);
}


.bookWrapper{
width: 100%;
height: 55%;
margin: 0px;
padding: 0px;
position: absolute;
bottom: 5%;
left: 0px;
right: 0px;
}



/*Contact*/
form.contact, p.contact{
width: 40%;
float: left;
margin: 1em;
}

textarea{
width:100%;
height: 10em;
resize: none;
}


.contactRight{
width: 59%;
height: 100%;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
padding: 0px;
}

img.contact{
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0px;
border-radius: 3px;
}

.signature{
position: absolute;
bottom: 0px;
right: 0px;
font-size: 8px;
color: #666666;
font-family: "Palatino Linotype";
}

.error{
color: #662222;
font-weight: bold;
}