img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
    @media screen and (max-width: 1024px){
		  img.bg {
				left: 50%;
				margin-left: -512px;
        }
	}
    body {
	   margin: 0;
	   padding: 20px 0 0 0;
	}
    div#top {
        position: relative;
        top:50px;
        width: 800px;
        height : 50px;
        margin: 0 auto;
        background : transparent; 
        padding: 20px;
        font-family: helvetica, arial, sans-serif;
        font-size: 10pt;
        line-height: 16pt;
        text-align : center;
    }
    div#guy {
        position: relative;
        top:-45px;
        left : -380px;
        width: 167px;
        height : 132px;
        margin: 0 auto;
        background : center center url('../images/top_guy.png') no-repeat; 
        padding: 20px;
        font-family: helvetica, arial, sans-serif;
        font-size: 10pt;
        line-height: 16pt;
        text-align : center;
    }
    div#top_menu {
	   position: relative; 
	   top : 110px;
	   width: 800px;
	   margin: 0 auto;
	   background: transparent;
	   padding: 20px;
	   font-family: helvetica, arial, sans-serif;
	   font-size: 10pt;
	   line-height: 16pt;
       text-align : center;
	}
    div#top_menu #buton {
        display : inline-block;
        position : relative;
        top : 2px;
        width : 140px;
        height : 40px;
        border : none;
        font-size : 18px;
        line-height : 44px;
        text-align : center;
        color : #ffba69;
        background : url('../images/tab.png') left top no-repeat;
        text-decoration : none;
    }
    div#top_menu #buton:hover {
        display : inline-block;
        position : relative;
        top : 2px;
        width : 140px;
        height : 40px;
        border : none;
        font-size : 18px;
        line-height : 44px;
        text-align : center;
        color : #ffba69;
        background : url('../images/tab.png') left top no-repeat;
        text-decoration : underline;
    }
    div#top_menu a {
        color : #84d645;
        text-decoration : none;
        width : 120px;
        height : 40px;
    }
    div#top_menu a:hover {
        color : #84d645;
        width : 120px;
        height : 40px;
    }
    div#content {
	   position: relative; 
       top:92px;
	   width: 900px;
	   margin: 0 auto;
	   background: #fff;
	   padding: 20px;
	   font-family: helvetica, arial, sans-serif;
	   font-size: 10pt;
	   line-height: 16pt;
	}
    div#content div#inside_top {
        width : 100%;
        text-align : right;
    }
    div#content div#inside_top div#inside_left {
        float : left;
        width : 500px;
        text-align : left;
    }
    div#content div#inside_top div#inside_right {
        float : right;
        width : 300px;
        text-align : right;
    }
    div#content div#space {
        width : 100%;
        height : 1px;
        border-bottom : 1px dashed #aeaeae;
        margin-top : 30px;
        margin-bottom : 10px;
    }
    div#content div#space2 {
        width : 100%;
        height : 1px;
        border-bottom : 1px dashed #aeaeae;
        margin-top : 10px;
        margin-bottom : 10px;
    }    
    div#content div#main {
        display : inline-block;
        width : 100%;
    }
    div#content div#main div#left {
        width : 150px;
        float : left;
    }
    div#content div#main div#left div#info table td {
        font-size : 11px;
        line-height : 11px;
        float : left;
    }
    div#content div#main div#left div#info table td a {
        color : #828282;
        text-decoration : none;  
    }
    div#content div#main div#left div#info table td a:hover {
        color : #4c4c4c;
        text-decoration : none;
        border-bottom:1px dotted #828282;
    }
    div#content div#main div#left div#info table td a.buy {
        color : #ff5959;
        text-decoration : none;
    }
    div#content div#main div#left div#info table td a.buy:hover {
        color : #ff5959;
        text-decoration : none;
        border-bottom : 1px dotted #ff5959;
    }
    
    div#content div#main div#left div#info2 table td {
        font-size : 11px;
        line-height : 11px;
        float : left;
    }
    
    div#content div#main div#left div#search_div {
        max-height : 65px;
        margin-bottom : 10px;
    }
    
    div#content div#main div#left div#info2 {
        z-index : 0;        
        position : relative;
    }        
    
    div#content div#main div#left div#search_div table td {
        font-size : 11px;
        line-height : 11px;
        float : left;
    }
    
    .search_user {
        position : relative;
        z-index : 999;
        top : -8px;
        left : 9px;
        display : none;
        max-height : 50px;  
    }
    
    .search_user_show {
        position : relative;
        z-index : 999;
        top : -8px;
        left : 9px;
        display : block;
        width : 124px;
        min-height : 11px;
        max-height : 50px;
        overflow : auto;
        border : 1px dashed gray;
        font-size : 9px;
        color : black;
        background : #fff8ba;
        padding : 3px;
    }
    
    .search_user_show ul {
        position : relative;
    }
    
    .search_user_show li a {
        color : black;
        cursor : pointer;
    }
    
    div#content div#main div#left ul {
        list-style:  none;
        padding : 0px;
        margin : 0px;
    }
    div#content div#main div#left ul li {
        margin-top : 5px;
        margin-bottom : 3px;
    }
    div#content div#main div#left ul li a {
        color : #828282;
        text-decoration : none;
    }
    div#content div#main div#left ul li a:hover {
        color : #4c4c4c;
        text-decoration : none;
        border-bottom:1px dotted #828282;
    }
    div#content div#main div#left ul li a.register {
        color : #ff5959;
        text-decoration : none;
    }
    div#content div#main div#left ul li a.register:hover {
        color : #ff5959;
        text-decoration : none;
        border-bottom : 1px dotted #ff5959;
    }
    div#content div#main div#center {
        width : 578px;
        float : left;
        padding : 10px;
        padding-top : 0px;
        min-height : 1040px;
        border-left : 1px dashed #aeaeae;
        border-right : 1px dashed #aeaeae;
    }
    div#content div#main div#center table.ticket {
        background : center center url('../images/ticket.png') no-repeat;
        height : 300px;
        width : 150px;
        border : none;
    }
    div#content div#main div#center table.ticket tr.prize {
        display : inline-block;
        border : 1px solid #ffc200;
        z-index : 999;
        position : relative;
        top : 148px;
        left : 1px;
        height : 72px;
        width : 142px;
        background : white;
        color : #000;
    }
    div#content div#main div#center a.refresh {
        border : none;
        text-decoration : none;
    }
    div#content div#main div#center a.refresh:hover {
        border : none;
        text-decoration : none;
    }
    div#content div#main div#center a {
        color : #ffba69;
        text-decoration : none;    
    }
    div#content div#main div#center a:hover {
        color : #ffba69;
        text-decoration : none;
        border-bottom : 1px dotted #ffba69;   
    }
    div#content div#main div#center div#options {
        padding : 5px;
        min-height : 25px;
        width : 98%;
        background : #fff8ba;
        border : 1px solid #ffed51;
        text-align : right;
    }
    div#content div#main div#center div#faq h4 {
        color : #ffba69;
    }
    div#content div#main div#right {
        width : 150px;
        float : left;
    }
    div#content div#main div#right a {
        outline-style:none;
        outline-width:0;
    }
    div#content div#adbot {
        margin-top : 15px;
        width : 100%;
        text-align : right;
        color : #aeaeae;
    }
    div#content div#footer {
        margin-top : 15px;
        width : 100%;
        text-align : right;
        color : #aeaeae;
        margin-bottom : 15px;
    }
    div#content div#footer a {
        color : #aeaeae;
        text-decoration : none;
    }
    div#content div#footer a:hover {
        color : #828282;
        text-decoration : underline;
    }
    a.tour {
        color : #ffba69;
        text-decoration : none;
    }
    a.tour:hover {
        color : #ffba69;
        text-decoration : none;
        border-bottom : 1px dotted #ffba69;
    }
    input.view-pet {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/view-pet.png') no-repeat;
        cursor : pointer;
    }
    input.adopt {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/adopt.png') no-repeat;
        cursor : pointer;
    }
    input.sell {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/sell.png') no-repeat;
        cursor : pointer;
    }
    input.buy_pet {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/buy_pet.png') no-repeat;
        cursor : pointer;
    }
    input.remove {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/remove.png') no-repeat;
        cursor : pointer;
    }
    input.use {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/use.png') no-repeat;
        cursor : pointer;
    }
    input.yes {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/yes.png') no-repeat;
        cursor : pointer;
    }
    input.no {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/no.png') no-repeat;
        cursor : pointer;
    }
    input.open_shop {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/open_shop.png') no-repeat;
        cursor : pointer;
    }
    input.buy {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/buy.png') no-repeat;
        cursor : pointer;
    }
    input.breed {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/breed.png') no-repeat;
        cursor : pointer;
    }
    input.buyitem {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/buy_item.png') no-repeat;
        cursor : pointer;
    }
    input.exchange {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/exchange.png') no-repeat;
        cursor : pointer;
    }
    input.deposit {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/deposit.png') no-repeat;
        cursor : pointer;
    }
    input.withdraw {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/withdraw.png') no-repeat;
        cursor : pointer;
    }
    input.save {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/save.png') no-repeat;
        cursor : pointer;
    }
    input.delete {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/delete.png') no-repeat;
        cursor : pointer;
    }
    input.reply {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/reply.png') no-repeat;
        cursor : pointer;
    }
    input.send {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/send.png') no-repeat;
        cursor : pointer;
    }
    input.send_sleep {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/sleep.png') no-repeat;
        cursor : pointer;
    }
    input.order {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/order.png') no-repeat;
        cursor : pointer;
    }
    input.try {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/try.png') no-repeat;
        cursor : pointer;
    }
    input.purchase {
        width : 130px;
        height : 30px;
        background : center center url('../images/purchase.png') no-repeat;
        border : none;
        cursor : pointer;
        position : relative;
        top : -40px;
    }
    input.login {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/login.png') no-repeat;
        cursor : pointer;
    }
    input.register {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/register.png') no-repeat;
        cursor : pointer;
    }
    input.feed_all_pets {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/feed_all_pets.png') no-repeat;
        cursor : pointer;
    }
    input.sleep_all_pets {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/sleep_all_pets.png') no-repeat;
        cursor : pointer;
    }
    input.play_all_pets {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/play_all_pets.png') no-repeat;
        cursor : pointer;
    }
    input.change {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/change.png') no-repeat;
        cursor : pointer;
    }
    input.play {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/play.png') no-repeat;
        cursor : pointer;
    }
    input.train {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/train.png') no-repeat;
        cursor : pointer;
    }
    input.create_race {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/create_race.png') no-repeat;
        cursor : pointer;
    }
    input.join {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/join.png') no-repeat;
        cursor : pointer;
    }
    input.join_show {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/join_show.png') no-repeat;
        cursor : pointer;
    }
    input.create_show {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/show.png') no-repeat;
        cursor : pointer;
    }
    input.send_to_heaven {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/send_to_heaven.png') no-repeat;
        cursor : pointer;
    }
    input.search {
        width : 70px;
        height : 20px;
        border : none;
        background : center center url('../images/search.png') no-repeat;
        cursor : pointer;
    }
    a.no {
        color : #000;
        text-decoration : none;
    }
    a.no:hover {
        color : #000;
        text-decoration : none;
        border-bottom : 1px dashed #000;
    }