body { width:100%; height:100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.75em; line-height:1.8em; color:#333333; background: #aa713f url(../../images/bg.jpg) repeat top center; overflow-x: hidden;}
h1 {display:none;}
h2 { font-size:25px; margin:10px 0 5px; }
h3 { margin:0; font-size:1.75em; line-height:1.4em; }
	h3 span{font-size:14px; line-height:23px; font-weight:normal;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

form { margin:0; }
.container {width:950px; margin:0 auto; padding:0 0 0 30px; position:relative;
            left:-50px;}
#top-nav { width:100%; height:41px; background:url(../../images/main-nav-bg.png) repeat-x; background-position:0 -5px;
           margin:0 auto; text-align:center; position:relative; z-index:50; color:#fff; padding:10px 0px 0 20px; font-size:11px; }
	#top-nav a{color:#ffffff; text-decoration:none; }
		#top-nav a:hover{color:#ff0000; }
.login { color:#c9c9c9; position:relative; left:-40px; }
.login a { color:#fff; text-decoration:none; }
.login a:hover { text-decoration:underline; }
.login-form { width:235px; background:url(../../images/black90.png) repeat; position:absolute;
              left:0; top:41px; z-index:46; padding:15px 10px 20px; }
#login-form { display:none; }
.page-label { position:relative; }

#main-frame { width:728px; height:463px; background:url(../../images/main-frame.png) no-repeat;
              position:absolute; top:20px; }
#main-frame-content { width:620px; height:420px; position:absolute; top:40px; left:50px;
                      z-index:60; padding:0 0px 0 58px;}
#bgelements { width:980px;margin:0 auto; position:relative; z-index:10;
              top:0; left:0px; }
#beer1 {width:261px; height:263px; background:url(../../images/beer.png);
        position:relative; left:-145px; top:-140px; float:left; }
#beer2 {width:261px; height:263px; background:url(../../images/beer.png);
        position:relative; left:-150px; top:-170px; float:right; }
#beer3 {width:261px; height:263px; background:url(../../images/beer.png);
        position:relative; left:730px; top:-100px; float:right; }
#pilsentime { width:275px; height:274px; background:url(../../images/pilsentime.png);
              position:relative; left:290px; top:0; float:right; }
#mani {width:385px; height:379px; background:url(../../images/mani.png);
        position:absolute; left:710px; top:370px; float:left; }  
#glass { width:431px; height:378px; background:url(../../images/glass2.png);
         position:absolute; left:-414px; top:280px; float:left; }  
#bot-nav { width:710px; height:150px; padding:0 0 0 20px; position:relative; z-index:90; }
#bot-nav ul { list-style:none; margin:0; padding:0; }
#bot-nav li { float:left; margin:0; padding:0; }
#bot-nav li span { display:none; }
#bot-nav li a { width:132px; height:133px; display: block; background:url(../../images/nav-tansan-new.png) no-repeat; }
#bot-nav li a#nav1 { background-position:0px -140px; }
#bot-nav li.selected a#nav1 { background-position:0px -140px; }
#bot-nav li a:hover#nav1 { background-position:0px -10px; }
#bot-nav li.selected a#nav1 { background-position:0px -10px; }
#bot-nav li a#nav2 { background-position:-140px -140px; margin-bottom:2px; }
#bot-nav li a:hover#nav2 { background-position:-140px -8px; }
#bot-nav li.selected a#nav2 { background-position:-140px -8px; }
#bot-nav li a#nav3 { background-position:-280px -145px; margin-top:5px; }
#bot-nav li a:hover#nav3 { background-position:-275px -8px; }
#bot-nav li.selected a#nav3 { background-position:-275px -8px; }
#bot-nav li a#nav4 { background-position:-410px -135px; }
#bot-nav li a:hover#nav4 { background-position:-408px -2px; }
#bot-nav li.selected a#nav4 { background-position:-408px -2px; }
#bot-nav li a#nav5 { background-position:-540px -140px; }
#bot-nav li a:hover#nav5 { background-position:-540px -5px; }
#bot-nav li.selected a#nav5 { background-position:-540px -5px; }
.header-padd { padding:30px 0 0 0; }
.right-content { width:380px; position:relative; z-index:48; }
.right-content2 { width:340px; position:relative; z-index:48; left:10px; top:60px; }
.main-content a { color:#ac1c1b; }
.left-edge {position:absolute; left:-7px; top:125px; }
.right-desc {width:400px; position:relative; left:230px; top:20px; }
.right-desc p { padding:0 20px 0 50px; }
.photo-op { width:484px; height:295px; background:url(../../images/photo-character.png) no-repeat;
            position:absolute; float:left; top:95px; left:190px; z-index:10; }
.kwentotym { width:456px; height:263px; background:url(../../images/kwento-character.png) no-repeat;
            position:absolute; float:left; top:145px; left:260px; z-index:10; }           
.tshirt { width:665px; height:442px; background:url(../../images/tshirt-character.png) no-repeat;
            position:absolute; float:left; top:0px; left:10px; z-index:10; padding:360px 0 0 0; }
.tshirt2 { width:665px; height:442px; background:url(../../images/tshirt-character2.png) no-repeat;
            position:absolute; float:left; top:0px; left:10px; z-index:-10; }
.input-text { width:300px; font-size:11px; color:#2f0000; padding:2px; margin:0 0 4px; }
.input-text2 { width:140px; font-size:11px; color:#2f0000; padding:2px; margin:0 0 4px; }
.input-file { width:300px; font-size:11px; color:#2f0000; padding:2px; margin:0 0 2px; }
.title { font-size:12px; line-height:15px; color:#ac1c1b; font-weight:bold; margin-bottom:2px; }

.scroll-holder { width:595px; position:relative; overflow:hidden; }
.items { width:10000px;	position:relative; }
.photo-container { width:175px; height:248px; float:left; margin:0 10px; }
.image-holder { width:175px; height:132px; position:relative; overflow:hidden; border:1px solid #000; text-align:center; }
.prev-button { position:absolute; top:170px; left:0px; }
.next-button { position:absolute; top:175px; left:630px; *left:635px; }

.tshirt-container { width:190px; height:280px; float:left; margin:0 4px; position:relative; z-index:100; padding:10px 0 0 0; }
.tshirt-holder { width:183px; height:190px; position:relative; overflow:hidden; text-align:center; }

#pages { position:relative; top:-25px; left:0; z-index:90;}
.pages span { color:#fff; background-color:#990000; padding:2px 3px 2px 5px;}
.pages a:link, .pages a:visited { color:#c10707; text-decoration:none; padding:2px 4px; margin:0; }
.pages a:hover { color:#fff; background-color:#990000; padding:2px 4px;}
.list-label td { font-size:15px; font-weight:bold; color:#fff; }
#container .items { width:10000px;	position:relative; }

#popview {display:none;border:none;overflow:hidden; position:absolute; z-index:100;}
.popview-iframe {border:none; width:100%; height:100%; z-index:101;}
.text-right { text-align:right; }
.red { color:#ac1c1b; }
.red a { color:#ac1c1b; }
.big-red { color:#ac1c1b; font-weight:bold; }
.big-red a {color:#ac1c1b; font-weight:bold; }
.white { color:#fff; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

img#gradientwow {position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:-1;}
ul#iconlist {list-style:none; padding:0; margin:0; margin-top:-10px;}
ul#iconlist li {float:left; padding-right:7px;}
ul#iconlist li a img{border:none;}

ul#iconlist li a {	
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
ul#iconlist li a:hover {	
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.mechanics {margin-left:5px; font-size:10px;}

p.fine {position:absolute; top:385px; right:-5px; font-size:10px; line-height:11px; color:#990000; text-align:right;}

div.image-desc p {font-size:11px; line-height:20px;}
div.image-desc p a{font-weight:bold;}

/* Lightbox Content Start */
		div#lightbox #content {
			background: #ebebeb url(../../images/tissuebg.jpg) repeat; overflow-x: hidden; position:relative;width:525px;padding:20px; margin:20px auto 10px; border:2px solid #333333; font-size:.85em; line-height:1.7em;
			-webkit-border-radius: 15px; /* Safari prototype */
			-khtml-border-radius: 15px; /* Unknown */
			-moz-border-radius: 15px; /* Gecko browsers */
			border-radius: 15px; /* Everything else - limited support at the moment */
			}
			div#lightbox #content h1#terms {display:block;font-size:1.6em; margin:0 0 15px; padding:0; text-transform:uppercase; color:#990000;}
			div#lightbox #content h2 {font-size:1.2em; margin:15px 0 5px; padding:0; text-transform:uppercase; color:#990000;}
			div#lightbox #content p {margin:5px 0 5px; padding:0;}
			div#lightbox #content ol {margin:0;}
/* Lightbox Content End */



a#winnersribbon {position:fixed; top:300px; right:130px;border:none;z-index:80;}
a#winnersribbon img {border:none;}


/*Additional Codes*/
.leaderboardall-title{
	display:block;
	float:left;
	width:600px;
	padding:10px 0 5px;
	margin-top:5px;
}
.leaderboardall-how{
	display:block;
	float:right;
	text-align:right;
	width:600px;
}
.leaderboard-content{
	width:600px;
}
.leaderboardall-main-1{
	display:block;
	float:left;
	width:200px;
}
.leaderboardall-main-2{
	display:block;
	float:left;
	width:200px;
}
.leaderboardall-main-3{
	display:block;
	float:left;
	width:200px;
}
.leaderboardall-main-4{
	display:block;
	float:left;
	width:600px;
}
.leaderboardall-1{
	display:block;
	width:200px;
	line-height:17px;
	font-size:11px;	
}
.leaderboardall-2{
	display:block;
	width:200px;
	line-height:17px;
	font-size:11px;		
}
.leaderboardall-3{
	display:block;
	width:200px;
	line-height:17px;
	font-size:11px;		
}
.leaderboardall-4{
	display:block;
	width:600px;
	line-height:17px;
	font-size:11px;		
}

.archivelink a{color:#900; text-decoration:underline;}
.archivelink a:hover{color:#900; text-decoration:none;}