body {
	background: url(../images/bg-pattern.jpg) repeat;
}

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

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

.border {
	border: 1px solid #fff5d4;
}

.add-bottom {
	margin-bottom: 40px;
}

.fltRight {
	float: right !important;
}

p img.imgRight,
p img.imgLeft {
	float: none;
	display: block;
	margin: 0 0 10px 0;	
}

strong {
	color: inherit;
}

.super-bottom {
		margin-bottom: 35px !important;
}

.align-center {
	text-align: center;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}

p a {
	padding-bottom: 2px;
	border-bottom: 1px dotted #fff5d4;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #000;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table tr:first-child th,
.table tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table td:last-child,
.table td:last-child {
	text-align: right;
}

.table tbody + tbody {
  border-top: 2px solid #333;
}

#siteTop {
	font-family: Georgia, serif;
	font-size: 16px;
	color: #fff5d4;
}

#logo {
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}

#navi {
	margin-bottom: 20px;
}

#navi ul li {
	text-align: center;
	margin-bottom: 5px;
}

#navi ul li a {
	background-color: rgba(0,0,0,0.7);
	color: #fff5d4;
	display: block;
	padding: 10px 0;
	text-decoration: none !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

html.ie8 #navi ul li a,
html.ie7 #navi ul li a {
	background-color: transparent;
	background-image: url(../images/black-trans-65.png);
	background-repeat: repeat;
}

#navi ul li a:hover {
	color: rgb(243,229,123);
	background-color: #000;
}

h1 {
	color: #fff5d4;
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 35px;
}

h2 {
	color: #fff5d4;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
}

h3 {
	color: #fff5d4;
	font-size: 18px;
	line-height: 25px;

}

#map {
	height: 300px;
}

#maps-single {
	height: 480px;
}


.bottomBorder {
	padding-bottom: 20px;
}

hr {
	border-color: #928267;
}

footer ul li a {
	color: #fff5d4;
}

span.pdf-icon {
	background: url(../images/pdf_icon.png) no-repeat;
	float: left;
	height: 48px;
	width: 48px;
}

.qr {
	background-color: #fff;
}

.image-row img {
	width: 300px;
	height: auto;
}

@media screen and (min-width: 480px) {
	h1 {
		font-size: 38px;
	}
}

@media screen and (min-width: 768px) {
	#logo img {
		max-width: 100%;
		height: auto;
	}
	
	#navi ul li {
		text-align: left;
		margin: 10px 0 0 0;
		float: left;
	}

	#navi ul li a {
		padding: 8px 15px;
		border-radius: 0;
		background-color: transparent;
		background-image: none !important;
	}
	
	#siteTop {
		background: url(../images/sitetop.jpg) repeat-x top center;
		min-height: 360px;
		width: 100%;		
	}
	
	header {
		height: 100px;
		position: relative;
		
	}
	
	.bottomBorder {
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
	}
	
	h1 {
		text-align: center;
		font-size: 
	}
	
	.char1 {
		color: #fa183d;
	}
	
	.char2 {
		color: #f8cb16;
	}
	
	.char3 {
		color: #14b023;
	}
	
	.char4 {
		color: #13bcfb;
	}
	
	.char5 {
		color: #fff;
	}
	
	.char6 {
		color: purple;
	}
	
	.char7 {
		color: chocolate;
	}
	
	.char8 {
		color: teal;
	}
	
	.char10 {
		color: #808000;
	}
	
	.char11 {
		color: #BC8F8F;
	}
	
	.char12 {
		color: #DC143C;
	}
	
	.char13 {
		color: #080;
	}
	
	.char14 {
		color: #FF8C00;
	}
	
	p img.imgRight {
		float: right;
		margin: 0 0 15px 20px;
	}
	
	p img.imgLeft {
		float: left;
		margin: 0 20px 15px 0;
	}
	
	.image-row img {
		margin-right: 5px;
		width: 226px;
		height: auto;
	}

	.table tbody tr:hover td,
	.table tbody tr:hover th {
  		background-color: #000;
	}
	
	.content {
		background: url(../images/bg-pattern.jpg) repeat;
	}
	
	#navi {
		background-color: rgba(0,0,0,0.75);
		height: 34px;
		margin-top: 10px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-topright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	
	#navi ul li {
		display: inline;
		margin: 0;
	}
	
	#navi ul li a {
		padding: 7px 20px;
		background-color: transparent;
		background-image: none;
	}
	
	h1 {
		font-size: 50px;
		line-height: 65px;
		text-shadow: 3px 3px 8px #000;
	}
	
	h1 span {
		font-size: 80px;
	}
	
	.inner {
		padding: 20px;
	}

	.well {
		background-color: rgba(0,0,0,0.5);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	html.ie7 .well,
	html.ie8 .well {
		background: url(../images/black-trans-65.png) repeat;
	}
	
	#welcome-text {
		width: 96%;
	}
	
	.footernav {
		text-align: right;
	}
	
	.footernav li {
		display: inline;
		margin-left: 10px;
	}
	
	.footernav li a {
		text-decoration: none
		padding-bottom: 2px;
		border-bottom: 1px dotted #fff5d4;
	}
	
	#map {
		height: 400px;
	}
	
	.borderBottom {
		border-bottom: 1px solid #fff5d4;
		padding-bottom: 20px;
	}
	
	html.ie7 #navi,
	html.ie8 #navi {
		background-color: transparent;
		background-image: url(../images/black-trans-65.png);
		background-repeat: repeat;
	}
}

@media screen and (min-width: 1024px) {
	#navi {
		height: 43px;
	}
	
	#navi ul li a {
		padding: 12px 20px;
	}
	
	#welcome-text {
		width: 580px;
	}
	
	.image-row img {
		margin-right: 5px;
		width: 290px;
		height: auto;
	}
	
	.wardrobe {
		width: 399px;
		height: 420px;
		position: absolute;
		background: url(../images/schrank.png) no-repeat 0 0;
		right: 0;
		top: 300px;
	}	
}