@charset "utf-8";

/* --<<[[ ALGEMENE LAYOUT - tags ]]>>-- */
a{
	color:					#000000;
	text-decoration:		underline;
}
a:hover{
	text-decoration:		none;
}
a img{
	border:					0px none;
}
body{
	background:				#ffffff none !important;
	margin:					0;
	padding:				0;
}
p{
	margin:					0;
	padding:				5px 0 10px 0;
}
table{
	border:					0px none;
	border-collapse:		collapse;
}
table tr,
table td{
	vertical-align:			top;
}
table td{
	padding:				0 20px 5px 0;
}
table p{
	margin:					0;
	padding:				0;
}

/* --<<[[ CONTAINERS ]]>>-- */
#container{
	color:					#000000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			14px;
	margin:					0 auto;
	padding:				0 10px;
	width:					940px;
}
#left,
#right{
	display:				block;
	float:					left;
}

/* --<<[[ CONTAINERS - left ]]>>-- */
#left{
	width:					320px;
}
#left #logo{
	font-size:				0%;
	line-height:			0%;
	min-height:				63px;
	padding:				27px 0 0 0;
}
#left #logo a img{
	padding:				10px 0;
}
#left #navigation{
	padding:				5px 0 0 0;
	position:				relative;
}
#left #navigation ul{
	display:				block;
	float:					left;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#left #navigation ul#primary{
	width:					70px;
}
#left #navigation ul#primary li.active.subitems{
	background:				url(../../images/layout/back_nav_hor.gif) left center repeat-x;
}
#left #navigation ul#primary li a{
	text-transform:			lowercase;
}
#left #navigation ul#secundary li{
	padding:				0 0 0 10px;
	width:					235px;
}
#left #navigation ul#secundary li.active{
	background:				url(../../images/layout/back_nav_hor.gif) left center no-repeat;
}
#left #navigation ul li a{
	color:					#000000;
	display:				inline-block;
	line-height:			14px;
	margin:					0 0 2px 0;
	padding:				1px 5px;
	text-decoration:		none;
}
#left #navigation ul li a:hover,
#left #navigation ul li.active a{
	background:				url(../../images/layout/back_nav_link.gif) left center repeat-x;
	color:					#ffffff;
}
#left #navigation br{
	clear:					both;
}
#left #navigation #nav_hor_spacer{
	background:				url(../../images/layout/back_nav_ver.gif) 0 0 repeat-y;
	display:				block;
	height:					10px;
	left:					69px;
	margin:					0;
	padding:				0;
	position:				absolute;
	width:					1px;
}

/* --<<[[ CONTAINERS - right ]]>>-- */
#right{
	min-height:				600px;
	width:					620px;
}

/* --<<[[ CONTAINERS - right - home ]]>>-- */
#right #home{
	padding:				50px 0 20px 0;
	text-align:				center;
}
#right #home #image{
	font-size:				0%;
	line-height:			0%;
	padding:				0 0 25px 0;
}
#right #home #caption a{
	display:				compact;
	line-height:			14px;
	padding:				1px 5px;
	text-decoration:		none;
}
#right #home #caption a:hover{
	background:				url(../../images/layout/back_nav_link.gif) left center repeat-x;
	color:					#ffffff;
}

/* --<<[[ CONTAINERS - right - works ]]>>-- */
#right #album_container{
	margin:					0 auto;
	padding:				0;
	text-align:				center;
	width:					500px;
}
#right #album_container #album{
	font-size:				0%;
	height:					500px;
	line-height:			0%;
	margin:					0 auto;
	padding:				50px 0 0 0;
	position:				relative;
	width:					500px;
}
#right #album_container #album #image{
	left:					auto;
	margin:					0 auto;
	position:				relative;
	text-align:				center;
	z-index:				5;
}
#right #album_container #album #loading{
	font-size:				0%;
	left:					0%;
	line-height:			0%;
	height:					25%;
	position:				absolute;
	text-align:				center;
	top:					40%;
	width:					100%;
	z-index:				0;
}
#right #album_navigation{
	margin:					0 auto;
	padding:				10px 0 10px 7px;
	width:					113px;
}
#right #album_navigation #album_prev_link,
#right #album_navigation #counter,
#right #album_navigation #album_next_link{
	display:				block;
	float:					left;
}
#right #album_navigation #caption{
	clear:					both;
	color:					#ffffff;
	font-size:				0%;
	line-height:			0%;
}
#right #album_navigation #prev_link,
#right #album_navigation #next_link{
	font-size:				0%;
	line-height:			0%;
}
#right #album_navigation #prev_link img,
#right #album_navigation #next_link img{
	padding:				5px 10px;
}
#right #album_navigation #counter{
	padding:				4px 5px;
	text-align:				center;
	width:					40px;
}

/* --<<[[ CONTAINERS - right - text ]]>>-- */
#right #page{
	padding:				90px 0 20px 0;
	text-align:				left;
}

/* --<<[[ CONTAINERS - footer ]]>>-- */
#footer{
	clear:					both;
	font-size:				0%;
	line-height:			0%;
	padding:				5px;
}
#footer a img{
	background:				url(../../images/layout/back_nav_link.gif) left center repeat-x;
	padding:				0;
}
#footer a:hover img{
	background:				#cc3300;
}