body {
    background:#FFF;
}

body,a {
    font:12px arial, tahoma, sans-serif;
    color:#778890;
}

input, select, option, textarea {
    font:12px tahoma, arial, sans-serif;
}

input, textarea {
    padding:1px 2px 1px 2px;
}

.main {
    width:860px;
    margin:0px auto 0px auto;
}


.hr-hidden {
    display:none;
}

.cleaner {
    float:none;
    clear:both;
    overflow:hidden;
    width:1px;
    height:1px;
    font-size:1px;
    line-height:1px;
}

/* common form */

h3.form-heading {
    font:bold 16px tahoma, arial, sans-serif;
    letter-spacing:-0.02em;
    padding:10px 0px 5px 0px;
}

.form-data {
    width:340px;
}
    .form-data .form-button {
        border:1px outset #FFF;
        background:#FC359C;
        color:#FFF;
        font:bold 11px tahoma, arial, sans-serif;
    }
    
    .form-data .form-row {
        padding:3px 0px 4px 0px;
        border-top:1px solid #F8F8F8;
    }
    
    .form-data .field {
        float:left;
        width:140px;
        font:bold 11px tahoma, arial, sans-serif;
        line-height:16px;
    }
    
    .form-data .text-input,
    .form-data .text-input-full{
        float:left;
        width:190px;
        border-top:1px solid #666;
        border-right:1px solid #EEE;
        border-bottom:1px solid #EEE;
        border-left:1px solid #666;
    }
    
    .form-data .text-input-full {
        clear:both;
        width:330px;
    }
    
    .form-data textarea.text-input-full {
        height:100px;
    }
    
    .form-data .form-error {
        clear:both;
        padding:2px 0px 2px 140px;
        font-size:11px;
        color:#FC349E;
    }

/* /common form */

/* header */

.header {
    height:356px;
    background:url(/media/bg-main-01.jpg) 0px 183px no-repeat;
}

    .header h2 {
        float:left;
        margin:35px 0px 0px 31px;
    }
    
    .header h2 a{
        display:block;
        width:136px;
        height:63px;
        overflow:hidden;
        text-indent:-200px;
        background:url(/media/tugali-logo.gif) 0px 0px no-repeat;
    }
    
    

    .header .top-quick-navi {
        float:right;
        margin:39px 31px 0px 0px;
    }
    
        .header .top-quick-navi li {
            float:left;
            padding:10px;
            line-height:32px;
            border-right:1px solid #E5E5E5;
        }
        
            .header .top-quick-navi li.last {
                border-right:none;
            }
        
        .header .top-quick-navi li a{
            display:block;
            height:15px;
            overflow:hidden;
            text-indent:-2000px;
        }
        
        #tqnHome {
            width:15px;
            background:url(/media/icon-qn-home.gif) 0px 0px no-repeat;
        }
        
        #tqnEmail {
            width:16px;
            background:url(/media/icon-qn-email.gif) 0px 0px no-repeat;
        }
        
        #tqnSiteMap {
            width:17px;
            background:url(/media/icon-qn-sitemap.gif) 0px 0% no-repeat;
        }
    
    .header .top-navi {
        clear:both;
        position:relative;
        top:34px;
        background:url(/media/bg-tn-top-gradient.gif) 50% 30px no-repeat;
       
    }
    
        .header .top-navi .top-navi-inner {
            height:39px;
            background:url(/media/bg-tn-gradient.gif) 0px 100% repeat-x; 
        }
        
        .header .top-navi ul {
            padding:12px 20px 10px 20px; 
        }
        
        .header .top-navi li {
            float:left;
            margin:0px 0px 0px 1px;
        }
        
        .header .top-navi li a {
            display:block;
            padding:1px 17px 0px 17px;
            height:16px;
            line-height:16px;
            color:#758992;
            font:11px tahoma, arial, sans-serif;
            text-decoration:none;
        }
        
            .header .top-navi li a:hover {
                color:#FC359C;
            }
        
            
        .header .top-navi li.on {
            background:#FF80CA url(/media/bg-tn-on-corner.gif) 0px 0px no-repeat;
        }
        
            .header .top-navi li.on a,
            .header .top-navi li.on a:hover{
                color:#FFF;
                background:url(/media/bg-tn-on-corner.gif) 100% 0px no-repeat;
            }
            
/* /header */

/* sub navigation */


.sub-navi {
    padding:0px 0px 14px 0px;
    background:#F8F8F8 url(/media/subnavi-bg-bottom.gif) 0px 100% no-repeat;
}

.sub-navi .sub-navi-inner {
    padding:14px 8px 0px 8px;
    background:url(/media/subnavi-bg-top.gif) 0px 0px repeat-x;    
}

    .sub-navi ul li {
        float:left;
        width:215px;
        padding:4px 17px 4px 45px;
        border-left:1px solid #E8E4E5;
        background:url(/media/subnavi-arrow.gif) 27px 50% no-repeat;
    }
    
    .sub-navi ul li.first {
        border-left:none;
    }      
    
        .sub-navi ul li a {
            color:#778A91;
            font:bold 11px tahoma, arial, sans-serif;
        }
        
        .sub-navi ul li a:hover {
             color:#FD369D;
        }
        
    .sub-navi ul li.on {
        background:url(/media/subnavi-arrow-on.gif) 27px 50% no-repeat;
    }

        .sub-navi ul li.on a {
            color:#FD369D;
        }    
    

/* /sub navigation */

/* content */

.page-content {
    padding:35px 37px 35px 37px;
    background:url(/media/bg-main-col-gradient.gif) 50% 0px no-repeat;
}


    .page-title {
        background:url(/media/bg-page-title-line.gif) 0px 50% no-repeat;
        height:22px;
        margin-bottom:20px;
    }

    .page-content .page-title h1 {
        float:left;
        padding:0px 10px 0px 0px;
        color:#FC359C;
        font-size:18px;
        background:#FFF;
    }
    
    /* home page */
    div.home-container {
        background:#F8F8F8 url(/media/bh-hpc-top.gif) 0px 0px no-repeat;
    }
    
    div.home-container-inner {
        padding:18px 26px 18px 26px;
        background:url(/media/bh-hpc-bottom.gif) 0px 100% no-repeat;
    }
    /* /home page */
    
    /* page list */
    .page-list {
        
    }
    
    .page-list .page {
        padding:4px 0px 24px 0px;
    }
    
    .page-list .page h2 {
        padding:2px 0px 2px 20px;
        background:url(/media/subnavi-arrow.gif) 0px 50% no-repeat;
    }
    
        .page-list .page h2 a {
            font:bold 12px tahoma, arial, sans-serif;
            letter-spacing:0.02em;
            color:#5F6A70;
            text-decoration:none;
        }
        
    .page-list .page p,
    .page-list .page p a{
        font-size:12px;
    }
    
        .page-list .page p a {
            color:#FC359A;
        }          
        
        
    /* /page list */
    
    
    /* contacts */
    
    .cf-text {
        width:360px;
        float:left;
    }
    .cf-images {
        width:380px;
        float:right;
        text-align:center;
    }
        .cf-images .image {
            float:right;
            margin:5px 0px 5px 0px;
            padding:0px 0px 2px 2px;
            background:url(/media/bg-pc-lb.gif) 0px 100% no-repeat;
        }
        .cf-images .image-inner {
            
            padding:4px 4px 0px 2px;
            text-align:center;
            background:url(/media/bg-pc-tr.gif) 100% 0px no-repeat;
        }
        
        

    
    /* /contacts */
    

/* /content */


/* footer */
.footer {
    clear:both;
    height:14px;
    padding:22px 20px 22px 20px;
    border-top:1px solid #E1DBDD;
    background:url(/media/bg-footer.gif) 0px 0px repeat-x;
}

    .footer p,
    .footer a {
        font:11px tahoma, arial, sans-serif;
    }
    
    .footer span {
        color:#DCE0E3;
    }
    
    .footer span a {
        font-weight:bold;
    }

/* /footer */