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

/*-------------------------------------------------------------HOMEPAGE------------------*/
.story-container {
	width:495px;
	height:auto;
	float:left;
	position:relative;
	bottom:0;
}
.storybox-1{
	background:url(../images/storybox_h1.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-1 p {margin-top: 30px;}
.storybox-2{
	background:url(../images/storybox_h2.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-2 p {margin-top: 30px;}
.storybox-3{
	background:url(../images/storybox_h3.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-3 p {margin-top: 30px;}
.storybox-4{
	background:url(../images/storybox_h4.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-4 p {margin-top: 30px;}
.award-full{
	width:890px;
	position:relative;
	height:auto;
	margin:5px auto 0 auto;
}
.award-text{
	width:620px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 5px;
	border-bottom:solid 1px #CCC;
}
.award-text li {font-size:11px; margin-left:10px; list-style-type: circle;}

/*-------------------------------------------------------------SHOWROOM------------------*/
.storybox-180sx{
	background:url(../images/media/storybox_180sx.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-ba{
	background:url(../images/media/storybox_ba.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-paint{
	background:url(../images/media/storybox_paint.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-vy{
	background:url(../images/media/storybox_vy.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-swift{
	background: url(../images/media/storybox_swift.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-casper{
	background:url(../images/media/storybox_casper.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-fibre{
	background:url(../images/media/storybox_fibre.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-supply{
	background:url(../images/media/storybox_supply.png) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-caspersis{
	background: url(../images/media/storybox_caspersis.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-reborn{
	background:url(../images/media/storybox_reborn.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-butler{
	background:url(../images/media/storybox_butler.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-rx7{
	background:url(../images/media/storybox_RX7.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	margin:0px 3px 3px 3px;
}
.storybox-left{
	background:url(../images/media/storybox_RX7.jpg) no-repeat;
	width:240px;
	height:120px;
	float:left;
	text-align:left;
	position:relative;
	left:18px;
	margin:0px 3px 3px 3px;
}

/*-------------------------------------------------------------ROLLOVER IMG BOXES------------------*/
.story-img {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img a {
	background:url(../images/storybox_h1.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-2 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-2 a {
	background:url(../images/storybox_h2.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-3 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-3 a {
	background:url(../images/storybox_h3.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-4 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-4 a {
	background:url(../images/storybox_h4.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-4-2 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-4-2 a {
	background:url(../images/storybox_h4_2.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-5 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-5 a {
	background:url(../images/storybox_h5.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-6 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-6 a {
	background:url(../images/storybox_h6.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-7 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-7 a {
	background:url(../images/storybox_h7.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img-8 {
	width:232px;
	height:87px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-top:29px;
}
.story-img-8 a {
	background:url(../images/storybox_h8.jpg) 0 0 no-repeat;
	width:232px;
	height:87px;
	display:block;
	padding:0;
}
.story-img a:hover {background-position:0 -87px;}
.story-img-2 a:hover {background-position:0 -87px;}
.story-img-3 a:hover {background-position:0 -87px;}
.story-img-4 a:hover {background-position:0 -87px;}
.story-img-4-2 a:hover {background-position:0 -87px;}
.story-img-5 a:hover {background-position:0 -87px;}
.story-img-6 a:hover {background-position:0 -87px;}
.story-img-7 a:hover {background-position:0 -87px;}
.story-img-8 a:hover {background-position:0 -87px;}