body 
{
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 30px auto 30px auto;
	color:#777;
	height: 100%;
	text-align:center; 
	background: url("images/top_bgd.gif") repeat-x top left;
}

.normal { color:#777; font-size:12px;font-weight:normal;}
.white { color:#ffffff; font-size:x-small;font-weight:bold;letter-spacing:1px;}
.white_small { color:#ffffff; font-size:9px;}
.red { color:#ff0000; font-size:x-small;}
.title { color:#e49c00; font-weight:bold; font-size:16px;}
.subtitle { color:#82b102; font-weight:bold; font-size:13px;}
.orange { color:#e49c00; font-weight:bold;}
.green { color:#62ac0a; font-weight:bold;}

.error { color:#ff0000; font-size:11px; font-weight:bold;}

h1, h2, h3, h4, h5, h6 { color:#e49c00;}


/* ------------------------ FISH EYE MENU ---------------------- */

#dock2 {
	width: 100%;
	position: relative;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 30px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #db9807; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
/* -------------------- LINKS ---------------------- */

.green a:link
{
color:#62ac0a;
font-size: 12px;
font-weight:bold;
text-decoration: none;}
.green a:visited
{
color:#62ac0a;
font-size: 12px;
font-weight:bold;
text-decoration: none;}
.green a:hover
{
color:#62ac0a;
font-size: 12px;
font-weight:bold;
text-decoration: underline;
}
.green a:active
{
color:#62ac0a;
font-size: 12px;
font-weight:bold;
text-decoration: none;}

.grey a:link
{
color:#777;
font-size: 12px;
text-decoration: underline;}
.grey a:visited
{
color:#777;
font-size: 12px;
text-decoration: underline;}
.grey a:hover
{
color:#777;
font-size: 12px;
text-decoration: none;
}
.grey a:active
{
color:#777;
font-size: 12px;
text-decoration: underline;}

/* ---------------------- GENERAL LAYOUT ----------------------- */

.top
{
    background: url("images/top_bgd.gif") repeat top left;
    height: 30px;
	border-bottom:2px solid #fff;
}
.bar_top
{
    background: url("images/top_bgd.gif") repeat top left;
    height: 20px;
}
.bar_top_2
{
    background: url("images/top_bgd.gif") repeat top left;
    height: 10px;
}
.bar_middle
{
    background: url("images/top_bgd.gif") repeat top left;
    height: 6px;
}
.bar_bottom
{
    background: url("images/top_bgd.gif") repeat top left;
    height: 15px;
}
.bar_left
{
    background: url("images/top_bgd.gif") repeat top left;
    width: 15px;
}
.logo
{
   background:  url("images/logo.gif") no-repeat top center;
   width: 155px;
   height: 155px;
}
.dots
{
   background:  url("images/dots_grey.gif") repeat-x top left;
   height: 3px;
}
.dots_left
{
   background:  url("images/dots_left.gif") repeat-y top left;
}
.dots_right
{
  background:  url("images/dots_right.gif") repeat-y top right;
}
.motif
{
   background:  url("images/shape.gif") repeat-x bottom left;
   height: 15px;
}

/**************    FOOTER    ****************/

.footer
{	
   font-size:x-small;
}

/**************   HOMEPAGE - CROSS FADE    ****************/

#gallery { position: relative; width:760px; height:453px; margin:0; padding:0; }
#gallery li { display: block; }