@charset "utf-8";
/* CSS Document */

/* 	-webkit-
	-moz-
	-ms-
	-o- */
body{
	background-color: #111;
	width: 100%;
	height: 100%;
	margin: 0; 
	padding: 0;
	text-align: center;	
}

#container{
	position: absolute;
	background-color: #111;
	width: 100%;
	max-width: 990px;
	height: 100%;
	max-height: 700px;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}
#shorty{
	position: absolute;
	background-image: url('iMGS/shorts.png');
	background-position: -4px -5px;
	background-repeat: no-repeat;
	width: 300px;
	height: 180px;
	top: 50%;
	margin-top: -335px;
	left: 50%;
	margin-left: -400px;
	overflow: hidden;	
	z-index: 999;
	
	transform: rotate(-12.5deg);
	-webkit-transform: rotate(-12.5deg);
	-moz-transform: rotate(-12.5deg);
	-ms-transform: rotate(-12.5deg);
	-o-transform: rotate(-12.5deg);
}
#galleryContainer{
	position: absolute;
	background-image: url('../../iMGS/countdown.gif');
	background-repeat: no-repeat;
	background-position: center center;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -421px;
	width: 842px;
	height: 540px;
	overflow: hidden;
}
#galleryBigImg{
	position: absolute;
	width: 640px;
	height: 480px;
	left: 50%;
	margin-left: -322px;
	top: 0;
	border: 1px solid red;
	z-index: 998;
	background-image: url('iMGS/truckshow/colorado1.jpg');
	background-position: ;
}
#gallery{
	position: absolute;
	width: 5880px;
	height: 90px;
	padding-top: 5px;
	bottom: 0px;
	left: 0;
	overflow: hidden;
	z-index: 999;
}
#thumbnailNext{
	position: absolute;
	width: 37px;
	height: 28px;
	right: 50%;
	margin-right: -40px;
	top: 50%;
	margin-top: 272px;
	background-image: url('../attam/iMGS/openClose.png');
	background-position: -50px -30px;
	z-index: 999;
	
	transform: scale(.75) rotate(90deg);	
	-webkit-transform: scale(.75) rotate(90deg);
	-moz-transform: scale(.75) rotate(90deg);
	-ms-transform: scale(.75) rotate(90deg);
	-o-transform: scale(.75) rotate(90deg);
}
#thumbnailNext:hover{
	background-position: 0 -30px;
}
#thumbnailBack{
	position: absolute;
	width: 37px;
	height: 28px;
	left: 50%;
	top: 50%;
	margin-top: 270px;
	margin-left: -40px;
	background-image: url('../attam/iMGS/openClose.png');
	background-position: -50px -30px;
	z-index: 999;
	
	transform: scale(.75) rotate(-90deg);	
	-webkit-transform: scale(.75) rotate(-90deg);
	-moz-transform: scale(.75) rotate(-90deg);
	-ms-transform: scale(.75) rotate(-90deg);
	-o-transform: scale(.75) rotate(-90deg);
}
#thumbnailBack:hover{
	background-position: 0 -30px;
}
.lilPic{
	position: relative;
	float: left;
	left: 0;
	right: 0;
	width: 87px;
	height: 64px;
	border: 1px solid #F90;
	background-image: url('iMGS/minimods.png');
	background-repeat: no-repeat;
	margin: 8px;
	cursor: pointer;
	
	border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	-ms-border-radius: 4px 4px;
	-o-border-radius: 4px 4px;
	
	box-shadow: 3px 3px 12px #000;
	-webkit-box-shadow: 3px 3px 12px #000;
	-moz-box-shadow: 3px 3px 12px #000;
	-ms-box-shadow: 3px 3px 12px #000;
	-o-box-shadow: 3px 3px 12px #000;
}
.lilPic:hover{
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	
	box-shadow: none;
	border: 1px solid #ccc;
}

/*row first*/
#colorado1{
	background-position: -288px -3px;
}
#colorado2{
	background-position: -383px -3px;
}
#colorado3{
	background-position: -479px -3px;
}
#colorado4{
	background-position: -575px -3px;
}
#colorado5{
	background-position: -3px -72px;
}
#colorado6{
	background-position: -193px -3px;
}
#tracks1{
	background-position: -95px -494px;
}
#tracks2{
	background-position: -97px -3px;
}
/*row second*/
#saguaro1{
	background-position: -96px -72px;
}
#saguaro2{
	background-position: -192px -72px;
}
#caddies1{
	background-position: -288px -72px;
}
#caddies2{
	background-position: -384px -72px;
}
#caddies3{
	background-position: -479px -72px;
}
#caddies4{
	background-position: -574px -72px;
}
#diabloTrack{
	background-position: -3px -494px;
}
#omega{
	background-position: -383px -424px;
}
/* row third */
#buggs1{
	background-position: -3px -143px;
}
#buggs2{
	background-position: -98px -143px;
}
#buggs3{
	background-position: -194px -143px;
}
#buggs4{
	background-position: -289px -143px;
}
#viper1{
	background-position: -383px -143px;
}
#viper2{
	background-position: -479px -143px;
}
#viper3{
	background-position: -573px -143px;
}
#viper4{
	background-position: -3px -212px;
}
/* row fourth */
#desktop1{
	background-position: -98px -212px;
}
#desktop2{
	background-position: -194px -212px;
}
#desktop3{
	background-position: -289px -212px;
}
#monsterCaddy1{
	background-position: -383px -282px;
}
#monsterCaddy2{
	background-position: -3px -353px;
}
#triDiablo1{
	background-position: -479px -282px;
}
#triDiablo2{
	background-position: -573px -282px;
}
#triPantera{
	background-position: -383px -212px;
}
/* row fifth */
#gallardo1{
	background-position: -479px -212px;
}
#gallardo2{
	background-position: -573px -212px;
}
#gallardo3{
	background-position: -3px -282px;
}
#gallardo4{
	background-position: -98px -282px;
}
#gallardo5{
	background-position: -194px -282px;
}
#gallardo6{
	background-position: -289px -282px;
}
#gallardoTrack1{
	background-position: -194px -424px;
}
#gallardoTrack2{
	background-position: -289px -424px;
}
/* row sixth */
#triViper{
	background-position: -479px -353px;
}
#shifterHed{
	background-position: -573px -353px;
}
#gullwing1{
	background-position: -3px -424px;
}
#gullwing2{
	background-position: -98px -424px;
}
#firstRedDiablo{
	background-position: -194px -353px;
}
#multiAxDiablo{
	background-position: -98px -353px;
}
#bullet{
	background-position: -289px -353px;
}
#vwBogg{
	background-position: -383px -353px;
}
/* row seventh */
#fred{
	background-position: -194px -494px;
}
#ernie1{
	background-position: -289px -494px;
}
#ernie2{
	background-position: -383px -494px;
}
#ernie3{
	background-position: -479px -494px;
}
#ernie4{
	background-position: -573px -494px;
}
#ernie5{
	background-position: -3px -562px;
}
#viperTri1{
	background-position: -479px -424px;
}
#viperTri2{
	background-position: -573px -424px;
}

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 12px;
	width: 100%;	
	background-color:#110000;
	border-top: 1px solid #660500;
	z-index: 2;
}
#update{
	text-align: right;
	margin-right: 36px;
	line-height:11px;
	color:white;
	font-size:11px;	
	margin-right:30px;
	font-family: Geneva, Tahoma, Arial Rounded MT Bold, sans-serif;
}
