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

    Output device: screen, projection

	Author:     W4RI
    Update:     14/07/2009
    Version:    1.0

    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:#000;}
a:hover {color:#555;}

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

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

#main {background:#FFF;}

    #header {background-color:#FFFFFF;}
    
        #slogan {color:#000;}
    
    #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:#ff8203;}

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

    #copy, #copy a {color:#7F7F7F;}
    #copy a:hover {color:#3F3F3F;}

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

#breadcrumbs a {color:#5f5f5f;}

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

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; font-size:13px;}
.title-03, .title-03.gallery {background-color:#FFD400; color:#000;}
.title-03 a {color:#000;}
.title-04 {color:#9c8000;}

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


/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
	position:relative;
	height:40px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	}

#dolphinnav{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url("../images/dolphin_bg.gif") repeat-x bottom left;
	padding:0 0 0 20px;
	}

#dolphinnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#dolphinnav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#dolphinnav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#dolphinnav ul li a span{
	padding:8px 20px 0 0;
	height:21px;
	float:left;
	}

#dolphinnav ul li a:hover{
	color:#fff;
	background:transparent url("../images/dolphin_bg-OVER.gif") repeat-x bottom left;
	}

#dolphinnav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url("../images/dolphin_left-ON.gif") no-repeat top left;
	line-height:275%;
	}

#dolphinnav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url("../images/dolphin_right-ON.gif") no-repeat top right;
	height:33px;
	}
/* ---------------------- END Dolphin nav ---------------------- */
