body {
	margin: 0;
	padding: 0;
	background: #a4a7aa;
	text-align: center;
}

.intro {
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
	background: url(images/intropattern.jpg) top left repeat-x;
}

.content {
	width: 1080px;
	margin: 0;
	padding: 0;
	background: url(images/introbg.jpg) top left no-repeat;
	height: 700px;
}

.videoposition {
	display: block;
	float: right;
	margin: 30px 0 0 0;
	padding: 10px 5px 0 0;	
	background: url(images/introvidbg.gif) no-repeat;	
	width: 308px;
	height: 311px;
}



/* Scroll Bar Master Styling Ends Here */

DIV#hold {
    Z-INDEX: 100;
    OVERFLOW: hidden;
    WIDTH: 230px;
    POSITION: relative;
    HEIGHT: 55px;
	 margin: 0;
	 padding: 0;
}
DIV#wn {
    Z-INDEX: 1;
    LEFT: 0px;
    OVERFLOW: hidden;
    WIDTH: 230px;
    CLIP: rect(0px 230px 55px 0px);
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 55px;
	 margin: 0;
	 padding: 0;
}

DIV#wn2 {
    Z-INDEX: 1;
    LEFT: 0px;
    OVERFLOW: hidden;
    WIDTH: 230px;
    CLIP: rect(0px 230px 300px 0px);
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 55px;
	 margin: 0;
	 padding: 0;
}
DIV#lyr1 {
    Z-INDEX: 1;
    LEFT: 0px;
    VISIBILITY: hidden;
    POSITION: absolute;
    TOP: 0px;
	 margin: 0;
	 padding: 0;
}
DIV#lyr2 {
    Z-INDEX: 1;
    LEFT: 0px;
	 VISIBILITY: visible;
    POSITION: absolute;
    TOP: 0px;
	 margin: 0;
	 padding: 0;
}

td.arrowsleft, td.arrowsright {
	width: 33px;
}
td.cont {
	width: 242px;
	padding: 0;
}
td.thumbbg img {
	padding: 4px;
	background: url(images/bg_phintro.gif) no-repeat;
	margin: 0 4px 0 0;
	display: block;
	float: left;
}
table.thumbsmain td {
	padding: 1px 0 0 0;
}
table.thumbsmain td img {
	display: block;
}

.scrollbara {
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	left: 0;
	position: relative;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
width: 132px; /*Default width of hint.*/ 
height: 56px;
font:normal 11px Verdana;
line-height:18px;
z-index:5;
background: url(images/photo_bubble.png) no-repeat;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod=crop src='images/photo_bubble.png');
visibility: hidden;
visibility: hidden;
color: #fff;
padding: 2px;
text-align: center;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #fff;
margin: 3px 8px;
}