#container { width:600px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; }
#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; }
#container p { text-align:justify; padding:5px 10px 5px; margin:0px; }
#container p ol, #container p ul { margin:0px auto 0px; }
#container p.notes { color:#999999; font-size:10px; }



/* thumbnail slider begin */

/* apply the gallery design */
#gallery_container {
	height:135px;
	margin: 0 auto;
	padding:0;
	display:block;
	position:relative;
	overflow: hidden;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{
	position:relative;
	overflow:hidden;
	height:130px;
	margin:0px auto;
	width: 890px;
}
/* the thumbnails container */
#thumbs {
	white-space:nowrap;
	display:block;
	position:relative;
	width: 1050px;
}

#thumbs a {
	margin: 0;
	width: 135px;
	position: relative;
	display: block;
	 }
#thumbs a img{
	border:0px;
	background: url(../images/sample-bg.png) no-repeat;
	padding: 9px;
	display: inline;
 }

/* apply the logo gallery design */
#logo_gallery_container {  width:930px; height:150px; margin: 0 auto 0; padding:0; display:block; position:relative; }
/* the width is set to show the number of web thumbnails that will be visible */
#web_thumb_container{ position:relative ; overflow:hidden ; width:885px; height:150px; margin:0px auto 0px;  }
/* the web thumbnails container */
#web_thumbs { white-space:nowrap; display:block; position:relative; }

#web_thumbs a {
	margin: 0 12px 0 0;
	 }
#web_thumbs a img{ border:0px;
	background: url(../images/sample-bg.png) no-repeat;
	padding: 9px;
 }
 
/* the width is set to show the number of logo thumbnails that will be visible */
#logo_thumb_container{ position:relative ; overflow:hidden ; width:885px; height:150px; margin:0px auto 0px;  }

/*logo thumbs*/
#logo_thumbs { white-space:nowrap; display:block; position:relative; }

#logo_thumbs a {
	margin: 0 12px 0 0;
	 }
#logo_thumbs a img{ border:0px;
	background: url(../images/sample-bg.png) no-repeat;
	padding: 9px;
 }


/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:145px; top:0px; right:0px; background:url(../images/nav-arrow-sprite.gif) no-repeat bottom right;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:145px; top:0px; left:0px; background:url(../images/nav-arrow-sprite.gif) no-repeat;  }
/* thumbnail slider end */

/* banner rotator */
#banners_container { display:block; position:relative; width:557px; height:140px; margin:0px auto 0px; border:1px #CCCCCC solid; }
#banner_container { position:relative ; overflow:hidden ; width:557px ; height:134px ; margin:0px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }
span.btn-prev {
	position: absolute;
	height: 30px;
	width: 24px;
	top: 60px;
	left: -4px;
	background: url(../images/nav-arrow-sprite.gif) no-repeat 0px -55px;
	display: block;
	text-indent: -2999px;
	cursor: pointer;
}
span.btn-prev:active {
	background-position: 0px -200px;
}
span.btn-next {
	position: absolute;
	height: 30px;
	width: 24px;
	top: 60px;
	right: 4px;
	background: url(../images/nav-arrow-sprite.gif) no-repeat -26px -55px;
	display: block;
	text-indent: -2999px;
	cursor: pointer;
}
span.btn-next:active {
	background-position: -26px -200px;
}