body {
	/*
	background: url(images/g-bckgrnd.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

#ui {
	width: 1000px;
	margin: 0px auto 10px auto;
	border-left: 2px solid #e39e27;
	border-right: 2px solid #e39e27;
	border-bottom: 2px solid #e39e27;
	background: url(../images/g-bckgrnd.jpg) no-repeat;
	background-color: #000000; 

	min-height: 300px;
}

header {
	height: 185px;
	line-height: 0px;
}

/* navigation links */
nav {
	position: relative;
}

nav a {
	display: block;
	position: absolute;
	height: 22px;
	top: 0px;
	text-indent: -9000px;
	background: no-repeat;
}

nav a:focus, nav a:hover, nav a.here { background-position: 0px -22px !important; }

nav a#marionettes {
	width: 135px;
	left: 37px;
	background: url(../images/g-btnMarionettes.jpg);
}

nav a#chainsaw {
	width: 148px;
	left: 262px;
	background: url(../images/g-btnChainsaw.jpg);
}

nav a#available {
	width: 110px;
	left: 501px;
	background: url(../images/g-btnAvailable.jpg);
}

nav a#about {
	width: 77px;
	left: 700px;
	background: url(../images/g-btnAbout.jpg);
}

nav a#contact {
	width: 96px;
	left: 866px;
	background: url(../images/g-btnContact.jpg);
}

#gallery, #aboutPage {
	margin: 35px 46px 35px 46px;
}

#gallery ul.thumbnails {
	list-style: none;
}

#gallery ul.thumbnails li {
	display: inline;
}

#gallery .thumbnail {
	display: inline-block;
	height: 120px;
	width: 120px;
	margin-left: 47px;
	margin-bottom: 35px;
	border: 1px solid #e39e27;
}

#aboutPage img {
	float: left;
	margin-right: 40px;
}

#aboutPage #aboutText {
	padding-left: 332px;
}

#aboutPage h1 {
	color: #e2a033; 
	font-size: 23px;
	margin-bottom: 23px;
}

#aboutPage h2 {
	color: #e2a033;
	font-size: 14px;
	font-weight: bold;
	margin-top: 35px;
}

#aboutPage h3 {
	color: #feedc2cc;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

#aboutPage p, #aboutPage p a {
	color: #feedc2dd;
	color: #d3c49d;
	font-size: 14px;
	margin-top: 10px; 
	line-height: 1.5;

	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

#aboutPage:before,
#aboutPage:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#aboutPage:after {
    clear: both;
}