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

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
img {
	border:0;		
}

#scroll {
	position:absolute;
	overflow:hidden;
	border:1px none #ddd;
	width:612px;
	padding:15px;
	height:800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	left: 0px;
	top: 60px;
}
#MAIN1 {
	margin: 0px;
	padding: 0px;
	width: 654px;
}

#tools {
	width:9999em;
	position:absolute;
	height:760px;
}
.tool {
	float:left;
	width:644px;
	height:720px;
	text-align:center;
}
.inner {
	padding: 20px;
}
.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}


#thumbs {
	background-repeat: no-repeat;
	background-position: center top;
	background:url(../scroll/img/DRS-NAV-654.gif) no-repeat;
	height:50px;
	position:absolute;
	top:10px;
	width:655px;
	left:0px;
}
.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
	background-repeat: no-repeat;
	background-position: center top;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:50px;
	cursor:pointer;
	background-attachment: scroll;
	background-color: #fff;
	background-image: url(../scroll/img/DRS-NAV-654.gif);
	background-repeat: no-repeat;
	background-position: -21px -50px;
}

.t a.active {
	cursor:default !important;
}
/*navi is the group of scrolling links and their position*/
.navi {
	margin-left:204px;
	_margin-left:194px;
}

/* CSS sprite for the navigation */
#t0 	    { margin-left:20px; _margin-left:10px;}
#t0.active  { background-position:-21px 0 !important; }
#t0:hover   { background-position:-21px -100px; }
#t0:active  { background-position:-21px -270px; }

#t1			{ background-position:-215px -50px; }
#t1:hover 	{ background-position:-215px -100px; }
#t1:active	{ background-position:-215px -150px; }
#t1.active	{ background-position:-215px 0 !important; }

#t2			{ background-position:-325px -50px; }
#t2:hover 	{ background-position:-325px -100px; }
#t2:active	{ background-position:-325px -150px; }
#t2.active	{ background-position:-325px 0 !important; }

#t3			{ background-position:-435px -50px; }
#t3:hover 	{ background-position:-435px -100px; }
#t3:active	{ background-position:-435px -150px; }
#t3.active	{ background-position:-435px 0 !important; }

#t4			{ background-position:-545px -50px; }
#t4:hover 	{ background-position:-545px -100px; }
#t4:active	{ background-position:-545px -150px; }
#t4.active	{ background-position:-545px 0 !important; }


#tools .inner p {
	font-size: 1.5em;
}
#tools .inner h1 {
	font-size: 2em;
	padding-bottom:10px;
}
