@charset "UTF-8";


/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}


/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary, li{
	display: block;
}


/*sprite*/
article {
	clear:both;
	padding-left: 17px;
}
.thumbsblock li {
	width:448px;
	height: 316px;
	margin:5px;
	padding:0px;
	float:left;
} 

/* declare the width of the thumb */
.thumbsblock a {
	display:block;
	position:absolute;
	width:448px;
	height:316px;
}


/* declare the width AND height of the thumb below ( this is a mask) */
/* shift each pic -(width of the thumb) to show the other behind the mask */
.thumb1 {background: url(thumbs.jpg); background-position: 0 0; width:448px; height:316px;} 
.thumb2 {background: url(thumbs.jpg); background-position: -448px 0; width:448px; height:316px;}
.thumb3 {background: url(thumbs.jpg); background-position: -896px 0; width:448px; height:316px;}
.thumb4 {background: url(thumbs.jpg); background-position: -1344px 0; width:448px; height:316px;}
.thumb5 {background: url(thumbs.jpg); background-position: -1792px 0; width:448px; height:316px;}
.thumb6 {background: url(thumbs.jpg); background-position: -2240px 0; width:448px; height:316px;}
.thumb7 {background: url(thumbs.jpg); background-position: -2688px 0; width:448px; height:316px;}
.thumb8 {background: url(thumbs.jpg); background-position: -3136px 0; width:448px; height:316px;}
.thumb9 {background: url(thumbs.jpg); background-position: -3584px 0; width:448px; height:316px;}
.thumb10 {background: url(thumbs.jpg); background-position: -4032px 0; width:448px; height:316px;}
.thumb11 {background: url(thumbs.jpg); background-position: -4480px 0; width:448px; height:316px;}
.thumb12 {background: url(thumbs.jpg); background-position: -4928px 0; width:448px; height:316px;}



/* other */


body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	background-attachment: scroll;
	background-image: url(simple-pink-polka-dots-1.jpg);
	color: #000000;
}


#wrapper{
	width:950px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: repeat-y;
	border: 0px none #AB7B3B;
	text-align: center;
	background-color: #FFFFFF;
}


h1 {
	font-size:35px;
}
h2 {
	margin:10px;
	font-size:20px;
}
h3 {margin:10px;padding:0px; font-size:30px;}
h4 {font-size:35px;}
h5 {margin:10px;padding:0px; font-size:12px;}
h6 {margin:10px;padding:0px; font-size:14px; font-weight:normal; text-transform:capitalize; padding:2px;}

a {
	color: #3333CC;
	text-decoration: underline;
}
#story {
	position: relative;
	z-index: 5;
	width: 900px;
	height: 75px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 16px;
}

a:hover {
	color: #FF3300;
}

.clear {
	padding:5px;
	clear:both;
}


.left {float:left; width:664px;}
.right {float:left; width:250px;}
.footer {
	font-size: 40px;
	width: 950px;
}
h7 {
	margin-left: -3333px;
}
.navmid{
	clear:both;
	padding:10px;
}