body {
	background-color: #272727;
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
#page {
	width:980px;
	overflow:hidden;
	margin:0px auto;
	text-align:left;
}
@media screen and (max-width: 900px) {
#page {
	width:100%;
  }
}
@media screen and (max-width: 700px) {
#page {
	width:100%;
  }
}
#logo {
	width:980px;
	height:125px;
	float:left;
}
@media screen and (max-width: 900px) {
#logo {
	width:100%;
  }
}
@media screen and (max-width: 700px) {
#logo {
	width:100%;
  }
}
#logo img {
	float:left;
	margin:0px;
	width:100%;
}
#buttons-bg {
	width:978px;
	overflow:hidden;
	float:left;
	background:url(art/buttons-bg.jpg) repeat-x;
	border: 1px solid #000000;
	margin-bottom:10px;
}
@media screen and (max-width: 900px) {
#buttons-bg {
	width:100%;
	border-left:none;
	border-right:none;
  }
}
@media screen and (max-width: 700px) {
#buttons-bg {
	width:100%;
	border-left:none;
	border-right:none;
  }
}
a#but {
	width:19%;
	overflow:hidden;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	letter-spacing:1px;
	margin:12px 0px 12px 0px;
	text-decoration:none;
	border-right:1px solid #666666;
}
a:hover#but {
	color: #CC0000;
}
@media screen and (max-width: 900px) {
a#but {
	width:100%;
  }
}
@media screen and (max-width: 700px) {
a#but {
	width:100%;
  }
}
#text-box {
	width:972px;
	float:left;
	overflow:hidden;
	background:#FFFFFF;
	padding:4px;
}
@media screen and (max-width: 900px) {
#text-box {
	width:98%;
	padding:1%;
  }
}
@media screen and (max-width: 700px) {
#text-box {
	width:98%;
	padding:1%;
  }
}
#text-box img, object {
	float:left;
	width:73%;
	margin-right:1%
}
@media screen and (max-width: 900px) {
#text-box img, object {
	width:100%;
	margin-right:0;
  }
}
@media screen and (max-width: 700px) {
#text-box img, object {
	width:100%;
	margin-right:0;
  }
}
.dark {
	color:#333333;
}
#welcome {
	width:22%;
	overflow:hidden;
	float:left;
	margin:0px 0px 0px 0px;
	background:#282828;
	padding:10px 2% 12px 2%;
	line-height:18px;
}
@media screen and (max-width: 900px) {
#welcome {
	width:98%;
	padding:1%;
  }
}
@media screen and (max-width: 700px) {
#welcome {
	width:98%;
	padding:1%;
  }
}
.lrg-white {
	color:#FFFFFF;
	font-size:12px;
	line-height:19px;
}
	
#footer{
	width:100%;
	overflow:hidden;
	float:left;
	margin:10px 0px;
	line-height:20px;
	color:#999999;
}
#footer img {
	float: right;
	margin:0px;
	border:none;
	clear:right;
}
.text-box {
	padding:5px;
	border:1px solid #999999;
	width:210px;
	background-image:url(art/text-box-bg.jpg);
	background-repeat:repeat-x;
	
}
a#thumbs {
	overflow:hidden;
	float:left;
	border:1px solid #1F92C9;
	margin:17px;
}

a#thumbs img {
	height:198px;
	border:1px solid #FFFFFF;
	float:left;
}
@media screen and (max-width: 900px) {
a#thumbs img {
	height:150px;
  }
}
@media screen and (max-width: 700px) {
a#thumbs img {
	
	height:150px;
  }
}