/* scrolling - fixed */
body.content {
	height:100%;
	max-height:100%;
	overflow: hidden;
}
body.content #head {
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						100%;
	overflow:					auto;
}
body.content #middle {
	position:					fixed;
	top:						223px;
	left:						0px;
	bottom:						10px;
	overflow:					auto;
}
/* for internet explorer */

* html body.content {
	padding:					223px 0 10px 0;
}

* html body.content #middle {
	height:						100%;
	width:						100%;
}
/* scrolling - fixed */

body {
	background-color:			#7d847e;
	color:						black;
	font-size:					12px;
	font-family:				verdana, arial, sans-serif;
}

#frame_1 {
}
.intro #frame_1 {
	width:						1024px;
	height:						450px;
	position:					absolute;
	top:						50%;
	left:						50%;
	margin-left:				-512px;
	margin-top:					-275px;
}
.intro #middle {
	background-color:			transparent;
}
#head {
	height:						223px;
	background-image:			url("../img/top_bg.gif");
	background-repeat:			repeat-x;
	background-position:		0 100%;
	position:					relative;
}
.intro #head {
	background-image:			none;
	height:						112px;
}
.intro #head #logo {
	top:						5px;
}
#head #head_bottom {
	z-index:					1;
	width:						659px;
	height:						5px;
	position:					absolute;
	bottom:						0px;
	right:						0px;
}
#head #head_left {
	z-index:					1;
	width:						365px;
	height:						168px;
	position:					absolute;
	bottom:						0px;
	left:						0px;
}
#head #logo {
	z-index:					1;
	width:						280px;
	height:						30px;
	position:					absolute;
	top:						90px;
	right:						30px;
}
#head ul#navigation {
	z-index:					2;
	position:					absolute;
	bottom:						5px;
	left:						130px;
	font-size:					15px;
	height:						18px;
	width:						650px;
}
#head ul#navigation li {
	display:					inline;
	padding-right:				10px;
}
#head ul li a:link,
#head ul li a:visited,
#head ul li a:active{
	color:						#545959;
	text-decoration:			none;
}
#head ul li a:hover {
	color:						#434547;
	text-decoration:			none;
}
#head ul li.active {
	font-weight:				bold;
}

#head ul#legal {
	z-index:					2;
	position:					absolute;
	bottom:						5px;
	right:						0px;
	font-size:					13px;
	height:						15px;
}
#head ul#legal li {
	display:					inline;
	padding-left:				10px;
}


/* content */
#middle {
	background-color:			black;
	background-image:			url("../img/center_graf.gif");
	background-repeat:			no-repeat;
	background-position:		0 0;
	color:						white;
	width:						100%;

	/* minheight - browserfix */
	min-height: 				331px;
	height:						auto !important;
	height:						331px;
}
.intro #middle {
	background-image:			none;
	padding:					0px;
}
#middle #nav_position {
	position:					fixed;
	top:						250px;
	left:						99px;
}
#middle ul#sub_navigation {
	width:						350px;
	float:						left;
	margin-left:				20px;
	line-height:				1.2em;

	position:					fixed;
	top:						390px;
	left:						0;
}
#middle ul#sub_navigation li a:link,
#middle ul#sub_navigation li a:visited,
#middle ul#sub_navigation li a:active,
#middle ul#sub_navigation li a:hover {
	text-decoration:			none;
	color:						#9b989c;
}
#middle ul#sub_navigation li.active a:link,
#middle ul#sub_navigation li.active a:visited,
#middle ul#sub_navigation li.active a:active,
#middle ul#sub_navigation li.active a:hover {
	color:						#008fdf;
	font-weight:				bold;
}

#middle ul#sub_navigation li.active ul {
	float:						right;
	width:						210px;
	text-align:					right;
}
#middle ul#sub_navigation li.active ul li {
	display:					inline;
	padding-left:				25px;
}
#middle ul#sub_navigation li.active ul li a:link,
#middle ul#sub_navigation li.active ul li a:visited,
#middle ul#sub_navigation li.active ul li a:active,
#middle ul#sub_navigation li.active ul li a:hover {
	color:						#9b989c;
	font-weight:				normal;
}
#middle #content {
	margin-left:				500px;
	margin-right:				20px;
}
#content ul#gallery {
	padding-top:				20px;
}
#content ul#gallery li {
	float:						left;
	margin:						0 10px 10px 0;
	border:						1px solid white;
}
#content ul#gallery li a.lb {
	display:					block;
	width:						88px;
	height:						88px;
	overflow:					hidden;
	position:					relative;
}
#content ul#gallery li a.lb img {
	position:					absolute;
	top:						-50px;
	left:						-50px;
}
#content #pageing {
	text-align:					right;
}
#content #pageing a.active {
	font-weight:				bold;
}



#foot {
	height:						10px;
}