/******************************

	INIT

******************************/

/* PNG transparency fix for IE6 */
* { behavior:url(css/iepngfix.htc) }
* { margin:0px; padding:0px; }
body { background-color:white; }


#all { position:absolute; left:50%; width:600px; margin-left:-460px; }
#menu { position:relative; width:280px; float:left; margin-left:0px; }
#logo { margin-top:62px; margin-left:-18px; }
p.description { color:#fff; }

/******************************

	MENU

******************************/

#main_menu { width:130px; margin-top:90px; margin-bottom:73px; }
li.menu { list-style-type:none; cursor:pointer; }
#line_menu { border:1px solid #999; height:0px; width:20px; }
#icons { display: block; width:24px; margin-top:30px; }
img.icon_link, a img { border:none; }

/******************************

	BODY

******************************/

#bodyContent { position:relative; width:320px; float:left; }
#title { height:25px; margin-top:77px; }
#line_body { border:1px solid #999; height:0px; width:320px; }
#text { 
	width:320px;
	font-family:verdana;
	font-size:0.7em;
	font-weight:regular;
	color:#333;
	text-align:justify;
	text-indent:1em;
	margin-top:30px;
	margin-bottom:30px;
}

/******************************

	ACCORDION
	
	// title
	// content
	// video
	
******************************/

h3.toggler {
	cursor: pointer;
	font-family: verdana;
	font-size: 1em;
	background: #B0DB95;
	color: #999;
	margin: 0px 0px 4px 0px;
	padding: 14px 0px 4px 0px;
}

div.element p, div.element h4 { margin:0px;	padding:4px; }
div.video { margin:10px 0px 10px -11px; }

/******************************

	FORM

******************************/

#form_container { display:none; }
#form_feedback { display:none; font-family:verdana; font-size:0.7em; font-weight:regular; color:#333; text-align:center; margin:0px 0px 10px 0px;}

label.form_label { font-family:verdana; font-size:0.7em; font-weight:bold; color:#333; }
input.form_text, textarea.form_text
	{ border:1px solid #999; width:320px; margin-top:0.3em; margin-bottom:0.8em; font-family:verdana; font-size:0.7em; }
textarea.form_text { height:200px; }

input.form_button {
	border:1px solid #999;
    background:white;
    padding:0.25em 1em;
    margin:0px 0px 10px 125px;
	font-family:verdana;
	font-size:0.6em;
}

/******************************

	PLAYER

******************************/

object.player { margin-left:30px; }

/******************************

	GALLERY THUMBMAIL

******************************/

#gallery { border:7px solid #B0DB95; height:231px; width:308px; margin-top:20px; margin-bottom:30px; }
#gallery img { border:none; width:308px; height:231px; }

/******************************

	GALLERY FULLSCREEN
	
	// background color
	// interface layout
	// image layout
	
******************************/

#mbOverlay {
	position:absolute;
	width:100%;
	left:0px;
	background-color:black; /* slideshow overlay color */
	z-index:4;
	cursor:pointer;
}

#mbCenter {
	position:absolute;
	left:50%;
	top:10%;
	margin:0px;
	padding:5px; /* slideshow padding */
	background-color:white; /* slideshow background color */
	border:2px solid white; /* slideshow border */
	z-index:5;
	overflow:hidden;
	opacity:0.4;
}

#mbCanvas { margin:0px; padding:0px; height:0px; border:none; overflow:hidden; }

/******************************

	GALLERY NAVIGATION
	
	// loading elements
	// elements parameters
	
******************************/

.mbLoading { background:white url(elements/loading.gif) no-repeat center; }
#mbPrevLink { background:transparent url(elements/prev.gif) no-repeat; }
#mbNextLink { background:transparent url(elements/next.gif) no-repeat; }
#mbCloseLink { width:17px; background:transparent url(elements/close.gif) no-repeat; }

#mbNavigation { width:27px; padding-top:3px; float:right; border-left:1px solid #9c9c9c; }

#mbCount { width:55px; padding-top:1px; float:right; text-align:right; overflow:hidden; }

#mbPrevLink, #mbNextLink { width:15px; }
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause { display:block; height:19px; float:right; outline:none; cursor:pointer; }

a#mbPrevLink:hover, a#mbNextLink:hover, a#mbCloseLink:hover, a#mbPlayPause:hover { background-position:0px -22px; }

/******************************

	GALLERY DESCRIPTION
	
	// text container (position)
	// text & counter (options)
	
******************************/

.clear { clear:both; height:0px; margin:0px; padding:0px; font-size:0px; overflow:hidden; }
#mbDescription { margin-right:27px; padding:0px 10px 0px 0px; }
#mbBottom  {
	margin:0px;
	padding-top:0px;
	font-family:arial;
	font-size:0.8em;
	color:#666;
	line-height:1.4em;
	text-align:left;
}

/******************************

	FOOTER

******************************/

#footer {
	border:0px solid #000;
	clear:both;
	display:block;
	float:left;
	margin-left:280px;
	position:relative;
	text-align:right;
	width:320px;
}