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

html, body {
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
}
.header {
	font-size: 14px;
	font-weight: bold;
	color: #444444;
}
#content a, #content a:visited, #content a:active {	
	color: #E50791;
	padding: 1px 1px 1px 1px;	
	text-decoration: none;
	font-weight: bold;	
}
#content a:hover {
	background-color: #E50791;
	color: #FFF;
	padding: 1px 1px 1px 1px;
	text-decoration: none;		
	font-weight: bold;	
}
.menu a, .menu a:visited, .menu a:active {
	color: #FFF;
	padding: 20px 0 20px 0;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover {
	color: #FFF;
	padding: 20px 0px 20px 0px;
	font-weight: bold;
	text-decoration: underline;
	text-underline-style: dashed;
}
#main {
	width: 640px;
	background-color: #000;
	margin: auto;
}
#logo {
	height: 70px;
	width: 221px;
	background: #000;
	border: solid #000 10px;
	border-right: none;
	border-bottom: none;
	text-align: center;
}
#content {
	height: 381px;
	width: 396px;
	background: #FAFAFA;
	float: right;
	border: solid #000 7px;
	text-align: justify;
}
#content .padding {
	padding: 20px 10px 10px 10px;
}
#footer {
	padding-top: 10px;
	height: 135px;
	background: #000;
}
.copyright {
	color: #BBB;
	font-size: 10px;
}
.footerlink {
	margin: 9px 9px 9px 0;
}
.footerlink a, .footerlink a:visited, .footerlink a:active {	
	color: #FFF;
	padding: 1px 1px 1px 1px;	
	text-decoration: none;	
}
.footerlink a:hover {
	background-color: #E50791;
	padding: 1px 1px 1px 1px;
	text-decoration: none;	
}
.gallery a, .gallery a:visited, .gallery a:active {	
	color: #E50791;
	padding: 1px 2px 1px 1px;	
	text-decoration: none;	
}
.gallery a:hover {
	background-color: #E50791;
	color: #FFF;
	padding: 1px 2px 1px 1px;
	text-decoration: none;		
}
#square1, #square2, #square3, #square4, #square5, #square6, #square7,
#square8, #square9, #square10, #square11, #square12 {
	height: 70px;
	width: 70px;
	border: solid #000 7px;	
	text-align: center;
	line-height: 70px;		
}
#square1 {
	background: #DDFB69;
	float: left;
	border-right: none;
	border-bottom: none;
}
#square2 {
	background: #6A5CF5;
	float: left;
	border-right: none;
	border-bottom: none;
}
#square3 {
	margin-left: 154px;
	background: #FF9F65;
	border-right: none;
	border-bottom: none;
}
#square4 {
	background: #76F55C;
	float: left;
	border-right: none;
	border-bottom: none;
}
#square5 {
	background: #B75CF5;
	float: left;
	margin-right: -3px;
	border-right: none;
	border-bottom: none;
}
#square6 {
	background: #FFC265;
	margin-left: 154px;
	border-right: none;
	border-bottom: none;
}
#square7 {
	background: #5CCAF5;
	float: left;
	border-right: none;
	border-bottom: none;
}
#square8 {
	background: #F55CB9;
	float: left;
	border-right: none;
	border-bottom: none;
}
#square9 {
	margin-left: 154px;
	background: #FFE165;
	border-right: none;
	border-bottom: none;
}
#square10 {
	background: #5C9AF5;
	float: left;
	border-right: none;
}
#square11 {
	background: #FF6765;
	float: left;
	border-right: none;
}
#square12 {
	margin-left: 154px;
	background: #FEFF65;
	border-right: none;
}