/* Yahoo Reset rules  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a,img{margin:0; padding:0; outline:none;} 
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}  
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none;} 
.clear {clear:both;}
img {outline:none;}
li, a {outline:none;}
* :click {outline: 0;}
/* / Yahoo Reset rules  */


/* common */
body{ padding:0; margin:0; background-color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
a {color:#066db2; text-decoration:none;}
.left{float:left;}

.main-wrapper{margin:0 auto; border:0px solid #ccc; padding-top:20px;}
.main-header{text-align:center; padding:10px 20px 0px 20px; width:900px; margin:0 auto;}

.main-header-navigation{}
.main-header-navigation .nav-right{float:right; margin:5px 33px 0 0; padding-top:10px; width:144px;}
.main-header-navigation a{display:block; float:left; padding:5px;}

.main-header-navigation a.navtab{padding:8px 16px; background:url(../images/navigation-bg.png) no-repeat -8px -55px;}
.main-header-navigation a:hover.navtab{padding:8px 16px; background:url(../images/navigation-bg.png) no-repeat -8px -21px;}


.main-header-navigation #navtext{color:#ccc; text-transform:uppercase;}


.main-footer{padding:20px; width:900px; margin:0 auto;}
.main-footer-navigation{text-align:left; }
.main-footer-navigation {}
.main-footer-navigation a{display:block; float:left; padding:5px;}
/* end common */

/* intro page */
.intro-bg-wrapper-1{background:url(../images/intro-page-top.jpg) no-repeat top center;}
.intro-bg-wrapper-2{background:url(../images/intro-page-bottom1.jpg) no-repeat center 406px; height:530px;}
.intro-main{height:500px;}
/* end intro page */

/* home page */
.home-bg-wrapper-1{background:url(../images/home-page-top1.jpg) no-repeat top center;}
.main-flash{width:800px; height:420px; margin:0 auto;}
/* end home page */

/* arteor collection page */
.window-content{padding:20px;}
.window-content{/*overflow-y:hidden; overflow-x:hidden; */ padding-left:75px;}
/* end arteor collection page */

/* scrollbar */
#Example-3 {
	position:relative;
	width:860px;
	height:560px;
	border:0px solid red;
}
#Example-3-Content {
	position:absolute;
	width:860px;
	height:560px;
	overflow: hidden;
	border:0px solid red;
}
#Example-3 .Scroller-Container {
	position:absolute;
	top:0px;
	left:0px;
}
#Example-3-Scrollbar {
	position:absolute;
	left:830px;

}
#Example-3 .Scrollbar-Up, .Scrollbar-Up-Pressed {
	position: absolute;
	width:10px;
	height:10px;
	background-color:red;
	font-size:0px;
	display:none;
}
#Example-3 .Scrollbar-Down, .Scrollbar-Down-Pressed {
	position:absolute;
	top:190px;
	width:10px;
	height:10px;
	font-size:0px;
}
#Example-3 .Scrollbar-Track, .Scrollbar-Track-Pressed {
	width:20px;
	height:500px;
	position:absolute;
	top:30px;
	background:url(../images/scroll-line.png) repeat-y -2px 0;
	border:0px solid red;
}

*html body #Example-3 .Scrollbar-Track, 
*html body .Scrollbar-Track-Pressed {background:url(../images/scroll-line.gif) repeat-y -2px 0;}


#Example-3 .Scrollbar-Track-Pressed {
	background-color:blue;
}

#Example-3 .Scrollbar-Handle, .Scrollbar-Handle-Pressed {
	position:absolute;
	width:20px;
	height:60px;
	background:url(../images/scroll-hold.png) no-repeat top center;
	border:0px solid red;
}

*html body #Example-3 .Scrollbar-Handle, 
*html body .Scrollbar-Handle-Pressed{	background:url(../images/scroll-hold.gif) no-repeat top center;}




#Example-3 .Scrollbar-Handle-Pressed, .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color:#AAA;
}
#Example-3 .Scrollbar-Disabled {

}

/* end scrollbar */