/*****************************************************************************
*
* PROJECT:HOME
*
******************************************************************************/
.story
{
	margin-top:14px;
}

.story .intro
{
	float:left;
	margin:14px 0 0 14px;
	width:626px;
	font-size:1.2em;
}

.story .promo
{
	margin:0 14px 0 654px;
}

.story a
{
	background-color:#e5e5e5;
	display:block;
	padding:10px;
}

.story a:visited,
.story a:link
{
	background-color:#e5e5e5;
}

.story a:active,
.story a:hover
{
	background-color:#cdff00;
}


/*****************************************************************************
*
* PROJECT:ILLUSTRATIONS
*
******************************************************************************/
.illustration
{
	height:165px;
	position:relative;
}

.illustration a
{
	display:block;
	height:165px;
	overflow:hidden;
	float:left;
	position:relative;
}

.illustration a span
{
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}


/*****************************************************************************
*
* PROJECT:INDIAN STORIES
*
******************************************************************************/
#indian.illustration,
#indian.illustration a span
{
	background-image:url("/staticarchive/bb6afcdc268e28c645de385451eb496663f42bcb.png");
}

#indian .food
{
	width:324px;
}

#indian .food span
{
	background-position:0 0;
}

#indian .food:hover span
{
	background-position:0 -165px;
}

#indian .music
{
	width:324px;
}

#indian .music span
{
	background-position:-324px 0;
}

#indian .music:hover span
{
	background-position:-324px -165px;
}

#indian .dance
{
	width:326px;
}

#indian .dance span
{
	background-position:-648px 0;
}

#indian .dance:hover span
{
	background-position:-648px -165px;
}


/*****************************************************************************
*
* PROJECT:SEASIDE STORIES
*
******************************************************************************/
#seaside.illustration,
#seaside.illustration a span
{
	background-image:url("/staticarchive/9867a40b7a9b1454fc2b9928d879ed2324933e51.png");
}

#seaside .millport
{
	width:288px;
}

#seaside .millport span
{
	background-position:0 0;
}

#seaside .millport:hover span
{
	background-position:0 -165px;
}

#seaside .tiree
{
	width:412px;
}

#seaside .tiree span
{
	background-position:-288px 0;
}

#seaside .tiree:hover span
{
	background-position:-288px -165px;
}

#seaside .dunoon
{
	width:274px;
}

#seaside .dunoon span
{
	background-position:-700px 0;
}

#seaside .dunoon:hover span
{
	background-position:-700px -165px;
}


/*****************************************************************************
*
* PROJECT:CLYDESIDE STORIES
*
******************************************************************************/
#clydeside.illustration,
#clydeside.illustration a span
{
	background-image:url("/staticarchive/1ee395b84fe5c70278e7ec3df101e5ee47018637.png");
}

#clydeside .port_glasgow
{
	width:244px;
}

#clydeside .port_glasgow span
{
	background-position:0 0;
}

#clydeside .port_glasgow:hover span
{
	background-position:0 -165px;
}

#clydeside .clydebank
{
	width:243px;
}

#clydeside .clydebank span
{
	background-position:-243px 0;
}

#clydeside .clydebank:hover span
{
	background-position:-243px -165px;
}

#clydeside .govan
{
	width:243px;
}

#clydeside .govan span
{
	background-position:-486px 0;
}

#clydeside .govan:hover span
{
	background-position:-486px -165px;
}

#clydeside .riverside
{
	width:244px;
}

#clydeside .riverside span
{
	background-position:-730px 0;
}

#clydeside .riverside:hover span
{
	background-position:-730px -165px;
}