body
{
    background-image: url(../images/bg_main.jpg);
    
    font-family: Tahoma;
    font-size: 14px;
}

a:link ,a:active, a:hover, a:visited 
{
	color: #CB0368;
	color: #6B2E2E;
	font-size: 1em;
	font-weight: 600;
	
	text-decoration: none; 
}

a:hover 
{
	color: #FFC324;
	color: #CB0368;
}

div.caption 
{
    width: 250px;
    height: 30px;
    color: #FFC324;
    background: url(../images/caption.gif) -236px 0 no-repeat;
    
    font-size: 1.5em;
    text-align: right;
    letter-spacing: .1em;
    padding-top: 4px;
    padding-right: 4px;
}

div.title 
{
    width: 276px;
    height: 30px;
    color: #FFC324;
    
    font-size: 1.5em;
    text-align: right;
    letter-spacing: .1em;
    padding-top: 4px;
}

ul.location 
{
    color: #6B2F2F;
    font-family: EucrosiaUPC;
    font-size: 18pt;
    font-weight: bold;
    line-height: 1.4em;
}

#ceremony
{
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 100px;
    
    background-color: #AC8C11
}
#ceremony .text
{
    position: absolute;
    color: #FFC324;
    
    font-family: FreesiaUPC;
    font-size: 3.0em;
    
    left: 40px;
    top: 30px;
}

#wrap 
{
    margin: 0 auto;
    width: 960px;
    height: 100%;
    
    /*border: 1px solid #CB0368;*/
}

#container 
{
    background: url(../images/bg.jpg) repeat-y;
}

#headers 
{
    position: relative;
    height: 260px;
    background: url(../images/header-2.jpg) no-repeat;
}

#mainmenu 
{
    position: absolute;
    top: 20px;
    left: 46px;
}

#bar 
{
    height: 50px;
    background: url(../images/bar.jpg) no-repeat;
}

#ticker-wrap 
{
    float: left;
    width: 300px;
    
    /*background-color: #eeeeff;*/
}

#contents
{
}

#content 
{
    margin: 0 auto;
    width: 880px;
    /*height: 500px;*/
    
    /*border: 1px solid #eeffcc;*/
}

#subjects 
{
    
    padding-bottom: 6px;
    
    /*border: 1px solid #ccccff;*/
}

#subjects .subject 
{
    width: 100%;
    height: 40px;
    
    font-size: 2em;
    text-align: right;
    
    border: 1px solid #ffee00;
    border: 1px solid #FFC324;
}

#content .lefts
{
    float: left;
    width: 250px;
}

#content .rights
{
    float: right;
    width: 540px;
    width: 580px;
    
    /*background-color: #ffeedd;*/
}

#content .right
{
    float: right;
    width: 340px;
    height: 420px;
}

#left
{
    float: left;
    width: 500px;
    width: 536px;
    height: 100%;
    
    /*border: 1px solid blue;*/
}

#right
{
    float: right;
    width: 380px;
    height: 420px;
    
    /*background-color: #ffeedd;*/
    
    /*background: url(images/bg-product.gif) no-repeat;*/
    /*border: 1px dashed #CB0368;*/
}


#footer 
{
    position: relative;
    height: 60px;
    background: url(../images/footer.jpg) no-repeat;
}

#footer .copyright
{
    position: relative;
    height: 1em;
    top: 4px;
    
    
    color: #CB0368;
    
    font-weight: 500;
    text-align: center;
    
}

#counter-wrap 
{
    position: absolute;
    width: 124px;
    height: 50px;
    right: 44px;
    bottom: -40px;
    
    background: url(../images/counter-tag.png) no-repeat;
    /*border: 1px solid olive;*/
    
}

#counter-wrap .counter 
{
    margin: 4px auto;
    
    height: 1.0em;
    
    color: #FFC324;
    
    text-align: center;
    font-size: 1.25em;
    font-weight: bolder;
    
    letter-spacing: .15em;
    line-height: 2.2em;
    
}

#recommend 
{
    width: 290px;
    height: 470px;
    background: url(../images/sidebar.gif) no-repeat;
}

/*
#event-wrap 
{
    width: 540px;
    height: 280px;
}
*/
#call 
{
    width: 470px;
    height: 200px;
    background: url(../images/bg-call.jpg) no-repeat;
}

#mission 
{
    margin: 0 auto;
    width: 470px;
    height: 200px;
    
    color: #fff;
    color: #6B2E2E;
    background-color: #CB0268;
    background-color: #C5025C;
    background-color: #FFC324;
    text-align: center;
    
    border: 1px solid #e0e0ff;
}
    
#mission p 
{
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.4em;
    
}

#contact 
{
    margin: 0 auto;
    width: 450px;
    font-size: 1.5em;
    font-weight: bold;
    color: #C5025C;
    text-align: center;
}
#contact .text 
{
    font-size: .8em;
    line-height: 1.6em;
}

#aboutus 
{
    color: #6B2E2E;
    line-height: 1.4em;
}

/* Product Main Menu */
#product-menu
{
    float: left;
    /*left: 100px;*/
    width: 165px;
    height: 40px;
}

a.product:link, a.product:active, a.product:hover, a.product:visited 
{
    display: inline-block;
    width: 90px;
    height: 40px;
    
    background: url(../images/menu/m-product1.png) no-repeat;
}

a.product:hover 
{
    background: url(../images/menu/m-product2.png) no-repeat;
}

/* Product Category */
#category 
{
    width: 100%;
    display: inline-block;
    
    background-color: #FFC324;
}
#category .wording 
{
    float: right;
    width: 330px;
    text-align: right;
}

#category .name 
{
    width: 326px;
    height: 30px;
    color: #FFC324;
    background: url(../images/caption.gif) no-repeat;
    /*background-color: #6B2E2E;*/
    
    font-size: 1.5em;
    text-align: right;
    padding-right: 4px;
}

#category .slogan 
{
    color: #CB0268;
    font-size: .9em;
    font-weight: 600;
    
    padding-right: 4px;
}
#category .description 
{
    float: left;
    width: 530px;
    height: 60px;
    color: #6B2E2E;
    background-color: #FFC324;
    /*background: url(../images/frame-desc.gif) no-repeat;*/
    /*border: 1px solid #ddddff;*/

}
#category .container 
{
    margin: 3px auto;
    width: 522px;
    height: 52px;

}

/* Product Description Display */
#product 
{
    margin: 0px auto;
}

#product .image-wrap
{
    position: relative;
    width: 336px;
    height: 226px;
    
    text-align: center;
}
#product img 
{
   padding-top: 3px;
}

#product .image-wrap .progress 
{
    position: absolute;
    top: 100px;
    left: 150px;
}

#product .tag 
{
    float: right;
}


/* Product */
/* Product v2 Backup */
/*
.items
{
    display: inline-block;
    width: 176px;
    height: 130px;
    text-decoration: none;
    
    border: 1px solid #ff0000;
}

a.items:link, a.items:active, a.items:hover, a.items:visited 
{
	color: #CB0368;
	font-size: 0.95em;
	
	text-decoration: none; 
}
*/

/* Product Item List */
.items
{
    float: left;
    width: 176px;
    height: 130px;
    height: 140px;
    
    /*border: 1px solid #ff0000;*/
    z-index: inherit;
}

.item-wrap
{
    margin: 0 auto;
    width: 146px;
    width: 156px;
}

.item-container 
{
    position: relative;
    width: 156px;
    height: 106px;
    
    text-align: center;
    
    z-index: 1;
}

.item-container input 
{
    position: relative;
    top: 3px;
}

.item-code 
{
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 3px;
    left: 0px;
    top: 0px;
    background-color: #FFC324;
    color: #fff;
    color: #6B2E2E;
    font-size: 0.9em; 
    font-weight: bold;
    letter-spacing: 0.1em;
    
    z-index: 10;
}

.item-name 
{
    width: 100%;
    /*height: 1.2em;*/
    color: #CB0268;
    
    font-size: .90em;
    text-align: center;
    
    /*background-color: #FFC324;*/
}

#item-info 
{
}

#item-info .code
{
    height: 1.2em;
    
    color: #FFC324;
    
    font-size: 1.4em;
    font-weight: bolder;
    
    text-align: right;
}
#item-info .name 
{
    height: 1.2em;
    color: #CB0268;
    
    font-size: 1.2em;
    
    text-align: right;
}

#item-info .desc 
{
    color: #6B2E2E;
    font-size: 1em;
    
    text-align: right;
}

/* Pagination Panel */
#pagination 
{
    border-top: 2px solid #e0e0e0;
    padding-top: 4px;
}

#pagination a, #pagination span 
{
    display: inline-block;
    margin-right: 2px;
    width: 20px;
    height: 1em;
    
    color: #FFC324;
    
    font-family: Arial;
    font-size: 1.1em;
    font-weight: 800;
    text-align: center;
    
    padding: 2px 0;
}

#pagination a
{
    background-color: #CB0368;
    text-decoration: none;
}
#pagination span 
{
    /*color: #B24E4E;
    color: #B24D4D;
    color: #B2734D;
    background-color: #6B2E2E;*/
    
    color: #6B2E2E;
}