/* CSS Document */

body {
background-color:#dadada;
font-family:Arial, Helvetica, sans-serif;
font-size:65%;
}

* { margin: 0; padding: 0; }

#container {
margin:0;
padding:0;
padding-left:10px;
padding-top:10px;
}

/* -------- HEADER --------- */

#index_header {
position:relative;
clear:both;
width:900px;
height:85px;
padding-bottom:5px;
margin-bottom:5px;
background-image:url(header.gif);
background-repeat: no-repeat;
}

#index_header a {
position:absolute;
left:275px;
top:40px;
width:20px;
height:20px;
text-decoration:none;
}

#index_header_right {
position:relative;
width:950px;
height:50px;
}

#header {
position:relative;
width:1020px;
height:50px;
margin-bottom:10px;
}

#header_left {
position:relative;
float:left;
width:60px;
height:50px;
background-image:url(header_bird.gif);
background-repeat: no-repeat;
}

#header_left a {
position: absolute;
width:60px;
height:50px;
text-decoration:none;
}

#header_right {
position:relative;
float:right;
width:950px;
height:50px;
}


/* -------- NAVIGATION --------- */

#tabnav 	{
	margin: 0;
	padding:0;
	width:940px;
	height:18px;
	border-bottom:1px solid #FFF;
	margin-bottom:7px;
	}

#tabnav li	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited	{
		float: left;
		font-size: 10px;
		text-transform:uppercase;
		letter-spacing:0.1em;
		line-height: 14px;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active {
		background: #080b52;
		color: #FFF;
	}

#tabnav a:hover {
		background: #FFF;
	}

#sub_menu {
	position:relative;
	width:980px;
	height:30px;
	padding:0;
	margin:0;
}

#sub_menu li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
  	}
	
#sub_menu li a {
	color:#666;
	text-decoration:none;
	margin-right: 4px;
	background-color:#FFF;
	padding: 2px 10px 2px 10px;
}

#sub_menu li a:hover {
	color:#000;
	text-decoration:none;
	margin-right: 4px;
	background-color:#BBB;
	padding: 2px 10px 2px 10px;
}

#sub_menu li a.current {
	color:#000;
	text-decoration:none;
	margin-right: 4px;
	background-color:#BBB;
	padding: 2px 10px 2px 10px;
}

/* ------------- CONTENT gallery ------------ */
#jgal { 
	list-style: none;
	list-style-type:none;
	display:block; 
	width: 50px; 
	}
	
#jgal li { 
	opacity: .5; 
	float: left; 
	display: block; 
	width: 50px; 
	height: 50px; 
	background-position: 54% 48%; 
	border: 1px solid #999; 
	margin-right: 14px; 
	margin-bottom: 14px; 
	}
	
#jgal li img { 
	position: absolute; 
	left: 60px;
	top:0;
	display: none; 
	}
	
#jgal li.active img { 
	display: block; 
	}
	
#jgal li.active, #jgal li:hover { 
	outline-color: #bbb; 
	opacity: .99 /* safari bug */ 
	}

#descrip {
	position:absolute;
	left:670px;
	width:170px;	
}

#descrip p {
	border-left:1px solid #999;
	padding-left:5px;
	margin-bottom:10px;
	line-height:14px;
}


/* -------- CONTENT --------- */

#content {
position:relative;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
margin:0;
padding:0;
}

#content a {
color: #a81411;
text-decoration:none;
font-size: 11px;
}

#content a:hover {
color: #a81411;
text-decoration:none;
}
#content a:visited {
color: #a81411;
text-decoration:none;
}




/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }