@charset "UTF-8";
/* CSS Document */

body {
	width: 100%;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background: #023059;
	font-size: 20px;
	line-height: 1.6;
	color: #fff;
}
a {
	color: #26221A;
}
a:hover {
	text-decoration: none;
}
h1 {font-size: 24px;
	font-family: 'Droid Serif', serif; letter-spacing: 1px;}
#wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2%
}
#topboxfullwidth {
	width: 100%;
	float: left;
}
#topboxfullwidth a {
	color: #BFBFAA;
}
.lion {
	width: 24.25%;
	float: left;
	margin-top: 20px;
}
#maincopy {
	width: 72%;
	float: right;
}
#images img {
	width: 24.25%;
	float: left;
	padding: 0;
	outline: 1px solid #fff;
}
.imagesother {
	margin: 1% 1% 1% 0;
}
.imagesright {
	margin: 1% 0% 1% 0;
}
#bottomarea {
	float: left;
	padding: 2%;
	outline: 1px solid #fff;
	width : 96%;
	background-color: #699EBF;
	color: #023059;
	line-height: 1.4;
}
#bottomboxleft {
	width: 28%;
	float: left;
}
#bottomboxmiddle {
	width: 28%;
	float: left;
	margin-left: 8%;
}
#bottomboxright {
	width: 28%;
	float: right;
}

@media screen and (max-width: 900px) {
.lion {
	width: 35%;
}
#maincopy {
	width: 60%;
	float: right;
}
}

@media screen and (max-width: 800px) {
.lion {
	width: 70%;
	margin: 20px 15%;
}
#maincopy {
	width: 100%;
}
#images img {
	width: 46%;
}
.imagesother {
	margin: 10px 1% 15px 1%;
}
.imagesright {
	margin: 10px 1% 15px 1%;
}
#bottomboxleft {
	width: 90%;
	float: left;
}
	#bottomboxmiddle {
	width: 90%;
	float: left;
	margin-left: 0;
}
#bottomboxright {
	width: 90%;
	float: left;
}
}