/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection
    
    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#dfdfdf; color:#3f3f3f;}

a {color:#0081C7;}
a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {background:#FFF;}

    #header {b:#0081c7;}
    
        #slogan {color:#FFF;}
    
    #nav {border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:#EFEFEF;}
    #nav a {color:#3f3f3f;}
    #nav ul li.active, #nav ul li.active a {color:#0081C7;}

    #footer, #footer a {color:#5F5F5F;}
    #footer a:hover {color:#3f3f3f;}
    
        .ico-rss {color:#3F3F3F;}

    #copy, #copy a {color:#7F7F7F;}
    #copy a:hover {color:#3F3F3F;}
    
    #menu {width: 200px; border: 1px solid #fff; padding: 0px; margin: 0px;}
    #menu h3 {height: 30px; font-weight: normal; background-color: #555; color: #fff; padding: 3px 0px 0px 3px; margin: 0px;}
    #menu ul, #menu ul li {padding: 3px; margin: 0px; list-style: none;}
    #menu ul li {height: 30px; vertical-align: middle;}
    #menu ul li a {display: block; border-bottom: 1px dashed #eee; text-decoration: none; font-weight: bold;}
    
    #mylist { display: none; } 
    
    #slider { height:270px; position:relative; overflow:hidden; }
	#slider-holder { width:569px; height:270px; position:relative; overflow:hidden; }
	#slider-holder .jcarousel-clip{ width:569px; height:270px; position:relative; overflow:hidden; }
	#slider-holder ul{ width:569px; height:270px; position:relative; overflow:hidden; list-style-type: none;}
	#slider-holder ul li{ width:569px; height:270px; position:relative; overflow:hidden; float:left; }

    #slider-nav { position:absolute; top:235px; left:525px; z-index:2;}
	#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
	#slider-nav a:hover,
	#slider-nav a.active { background:#fff;}



/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs a {color:#5f5f5f;}

#subnav li a {border-bottom:1px solid #efefef; color:#3f3f3f;}
#subnav li.active a {background-color:#e2f4ff;}

dl#news dt {background-color:#FFF;}
dl#news dd a {color:#3f3f3f;}

#gallery-in {border-bottom:1px solid #DDDDDD; background-color:#EFEFEF;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.title-01 {background-color:#5f5f5f; color:#fff;}
.title-02 span {background:#FFF; color:#0081C7;}
.title-03, .title-03.gallery {background-color:#0081C7; color:#fff;}
.title-03 a {color:#FFF;}
.title-04 {color:#0081C7;}
.title-05 {background-color:#0081C7; color:#fff;}

.comment, .more {color:#3F3F3F;}