.tail-top{ background:url(images/bg.gif) repeat-x top #fff}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }

.right_bgd { position:absolute; top:0; right:0; width:50%; height:623px; background:url(images/tall_top_right.gif) left top repeat-x;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:914px; position:relative }

/*======= header =======*/
#header {height:77px;  background:url(images/top.gif) no-repeat top center}

#corner {
	position:absolute;
	left: 116px;
	top: 368px;
}

#storyContainer {
	
	width: 600px;
	height: 350px;
	
	margin: 10px auto;
}

#storyNav {
	float:right;
}

#storyIndent {
	
	width:550px;
	height:300px;
	overflow-y:scroll;
	padding-right:70px;
	padding-bottom:10px;
	padding-top:5px; 
}


#copyright {
	padding-top:30px;
	width:300px;
	float:left;
}

#contact {
	padding-top:30px;
	float:right;
}


#logo {
	position:absolute;
	width:314px;
	height:102px;
	margin: 0 auto;
	left: 298px;
	top: 17px;
	
	}

/*======= index-1.html =======*/
#page1 #content .col-1{ width:390px; margin-right:33px;}
#page1 #content .col-2{ width:196px}
#page1 #content .bg{ background:url(images/tail1.gif) repeat-y 406px top } 
#photo{
	position:absolute;
	top: 204px;
	left: 145px;
}
/*======= index-2.html =======*/
#page2 #content .col-1{ width:390px; margin-right:33px}
#page2 #content .col-2{ width:196px}
#page2 #content .bg{ background:url(images/tail1.gif) repeat-y 406px top } 
#listenpic{
	position:absolute;
	left: 157px;
	top: 205px;
}
#listen_link{
	position:absolute;
	left: 383px;
	top: 226px;
	width: 174px;
}
/*======= index-3.html =======*/
#page3 #content .col-1{ width:190px; margin-right:37px}
#page3 #content .col-2{ width:391px}
#page3 #content .bg{ background:url(images/tail1.gif) repeat-y 210px top } 
#pig{
	background:url(images/pig.jpg) no-repeat;
	width:603px;
	height:322px;
	position:absolute;
	left: 158px;
	top: 195px;
}

#storelist{
	position:absolute;
	left: 55px;
	top: 37px;
	width: 239px;
	height: 22px;
}
/*======= index-4.html =======*/
#page4 #content .col-1{ width:390px; margin-right:33px}
#page4 #content .col-2{ width:196px}
#page4 #content .bg{ background:url(images/tail1.gif) repeat-y 406px top } 
#contact_box{
	position:absolute;
	left: 141px;
	top: 191px;
}
/*======= index-5.html =======*/
#page5 #content .col-1{ width:390px; margin-right:33px}
#page5 #content .col-2{ width:196px}
#page5 #content .col-3{ width:100px; margin-right:18px}
#page5 #content .col-4{ width:100px; margin-right:26px}
#page5 #content .col-5{ width:100px; margin-right:21px}
#page5 #content .col-6{ width:100px; margin-right:22px}
#page5 #content .col-7{ width:100px}
#page5 #content .bg{ background:url(images/tail1.gif) repeat-y 406px top } 
/*======= index-6.html =======*/
#page6 #content .col-1{ width:390px; margin-right:28px}
#page6 #content .col-2{ width:200px}
#page6 #content .col-3{ width:175px; margin-right:31px}
#page6 #content .col-4{ width:220px}
#page6 #content .bg{ background:url(images/tail1.gif) repeat-y 406px top } 

/*======= footer =======*/
#footer { height:77px; }