html { margin: 0; padding: 0; height:100%; background:#3c3c3c; }
body { margin: 0; padding: 0; height:100%; font-family:Tahoma; font-size: 12px; }
form { margin: 0; padding: 0; }
ul, menu { margin: 0; padding: 0; list-style-type: none; }
menu li { min-height: 1px; vertical-align: top; }
ul li { margin:0px; padding:0px; }
* html li { height: 1px; }
a { text-decoration: underline; outline:none; color: #a53432; }
a:hover { text-decoration: none; }
p { margin: 0 0 13px 0; padding: 0; }
input, textarea, select { margin: 0; padding:0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { padding: 5px; }
object { outline: none; }

.cleaner { clear: both; font-size:0px; line-height:0px; height:0px; float: none; }

.mainTable { width:100%; height:100%; float: left; }

.indexHeader { height:318px; vertical-align: bottom; border-bottom:solid 1px #636363; background:url(../images/indexHeader.jpg) #3c3c3c no-repeat center top; }
.indexContent { min-height:328px; border-bottom:solid 1px #636363; vertical-align: middle; background:url(../images/indexContent.gif) #282828 repeat-x left bottom; }
.indexFooter { height:80px; background:url(../images/indexFooter.jpg) no-repeat center top; }

.iHeader { width:65%; margin:0px auto 40px auto; overflow:hidden; }
.ilogo { width:274px; height:86px; float: right; background:url(../images/indexLogo.png) no-repeat left top; }
.iTopmenu { float:right; margin:30px 0px 0px 0px; }
.iTopmenu li { float: left; padding:0px 15px; }
.iTopmenu li a { font-family: 'Share', cursive; color:#8d8c8c; font-size:18px; text-decoration: none; text-shadow:1px 1px 2px #333333; }
.iTopmenu li a.selected { color:#ffffff; font-weight:bold; }

.iContent { width:65%; margin:40px auto 40px auto; overflow:hidden; }
.iContent .itext { width:100%; float: left; text-align: right; color:#7f7f7f; }

.iScroller { width:100%; position:relative; float: right; margin:30px 0px 0px 0px; }
.iScroll { width:810px; float: left; height:92px; overflow:hidden; }
.iThumbs { width:auto; float: left; height:92px; position:relative; left:0px; top:0px; }
.iThumbs a { width:135px; height:92px; float: left; background-position:center center; background-repeat: no-repeat; }

.iNums { float: right; margin:30px 0px 0px 0px; }
.prevArrow { width:8px; height:13px; float: left; margin:2px 10px 0px 0px; background:url(../images/prevArrow.gif) no-repeat left top; }
.nextArrow { width:8px; height:13px; float: left; margin:2px 0px 0px 10px; background:url(../images/nextArrow.gif) no-repeat left top; }
.iNumsScroller { width:300px; height:15px; overflow:hidden; float: left; }
.iNumsScroll { width:auto; height:15px; float: left; position:relative; }
.iNumsScroll a { width:30px; height:15px; float: left; text-align:center; color:#989797; text-decoration: none; }
.iNumsScroll a.selected { color:#ffffff; }


/* INNER */
.galCenter { width:74%; margin:0px auto; position:relative; left:0px; }
.preOuter { background:url(../images/preOuter.gif) #404040 repeat-x left top; height:100%; }
.galOuter { width:100%; background:url(../images/galBg.jpg) no-repeat center -1px; }

.galHeader { width:100%; height:116px; float: left; position:relative; }
.galContent { width:100%; height:560px; float: left; }
.galFooter { width:100%; height:50px; float: left; }

.galHeader .glogo { width:274px; height:86px; float: left; margin:20px 0px 0px 0px; background:url(../images/indexLogo.png) no-repeat left top; }
.galHeader .glogo img { display: none; }
.galTopmenu { float:right; margin:53px 0px 0px 0px; }
.galTopmenu li { float: left; padding:0px 15px; }
.galTopmenu li a { font-family: 'Share', cursive; color:#8d8c8c; font-size:18px; text-decoration: none; text-shadow:1px 1px 2px #333333; }
.galTopmenu li a.selected { color:#ffffff; font-weight:bold; }

.bigimage { width:81.8%; height:530px; float: right; padding:9px; }
.img { width:100%; height:530px; float: left; text-align: center; }
.img a img, .img img { border: none; max-width:100%; border:solid 1px #5f5f5f; box-shadow:0px 0px 4px #000000; -moz-box-shadow:0px 0px 4px #000000; -webkit-box-shadow:0px 0px 4px #000000; }

.subFooter { width:100%; float: right; }
.copy { float: left; color:#747474; margin:20px 0px 0px 0px; }

.gNums { float: right; margin:20px 0px 0px 0px; }
.gprevArrow { width:8px; height:13px; float: left; margin:2px 10px 0px 0px; background:url(../images/prevArrow.gif) no-repeat left top; }
.gnextArrow { width:8px; height:13px; float: left; margin:2px 0px 0px 10px; background:url(../images/nextArrow.gif) no-repeat left top; }
.gNumsScroller { width:300px; height:15px; overflow:hidden; float: left; }
.gNumsScroll { width:auto; height:15px; float: left; position:relative; }
.gNumsScroll a { width:30px; height:15px; float: left; text-align:center; color:#989797; text-decoration: none; }
.gNumsScroll a.selected { color:#ffffff; }


@media screen and (max-width: 1280px) {
	body {
		
	}
	
	
	
}

@media screen and (max-width: 1024px) {
	body {
		
	}
	
	.preOuter { background:url(../images/preOuterRES.gif) #1b1b1b repeat-x left top; height:100%; }
	.galOuter { background:url(../images/galBgRES.png) no-repeat center -1px; }
	
	.galHeader .glogo { width:100%; height:86px; float: left; margin:20px auto; background:none; text-align:center; }
	.galHeader .glogo img { display: inline; max-width:100%; }
	
	.galTopmenu { position:absolute; margin:0px; float: none; top:10px; right:0px; }
	.galTopmenu li a { font-size:12px; }
	
	.galContent { height:auto; }
	
	.bigimage { width:98%; padding:1%; height:auto; }
	.img { height:auto; }
	
	.copy { font-size:11px; }
	.gNums {  }
	
}

@media screen and (max-width: 800px) {
	body {
		
	}
	
	.galOuter { height:100%; }
	
	.galHeader { height:140px; }
	.galHeader .glogo { margin:40px auto 20px auto; }
	.iScroll { width:630px; }
	.copy { display: none; }
	.gNums {  }
}

@media screen and (max-width: 640px) {
	body {
		
	}
	.iHeader { width:100%; }
	.ilogo { width:100%; background-position:center center; }
	
	.iTopmenu { width:100%; text-align: center; }
	.iTopmenu li { float: none; display: inline-block; }
	
	.iTopmenu li a { font-size:14px; }
	.iScroll { width:470px; }
	
	
}

@media screen and (max-width: 480px) {
	body {
		
	}
	.iHeader { width:100%; } 
	.ilogo { width:100%; background-position:center center; }
	
	.galTopmenu li { padding:0px 5px; }
	
	.iTopmenu li a { font-size:12px; }
	.iScroll { width:344px; }
	
	.gNumsScroller { width:200px; }
	
}

@media screen and (max-width: 320px) {
	body {
		
	}
	.iHeader { width:100%; }
	
	.ilogo { width:100%; background-position:center center; }
	.iScroll { width:310px; }
	
}