@charset "UTF-8";
@import url("default.css");

html, body { font-size:14px; line-height:20px; color:#333; height:100%;}	
h1 { font-size:24px; line-height:30px;}	
a{ color:#5A0C0E; }

#wrapper { margin:0 auto; width:940px; padding:0 10px 0 10px; height:auto; }

/* header */
#header { width:100%; height:125px; margin:15px 0 0 0;} 
	.header_logo { float:left; width:220px; height:60px; margin:0 20px 0 0; background:url(../img/rasterfield.gif) 0 0 no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
	a.header_logo span{display:none; }
	a.header:hover { background:url(../img/rasterfield.gif); background-repeat:no-repeat;}
	
	.header_homelink { float:left; width:220px; height:60px; margin:0 20px 0 0; background:url(../img/home_link_off.gif) ;background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
	a.header_homelink span {display:none; }
	a.header_homelink:hover { background:url(../img/home_link_ovr.gif) ; background-repeat:no-repeat;}

	.header_txt { float:left; width:460px; height:60px; text-align:right;}


/* navigation */
.navigation { float:left; width:100%; height:50px; margin:20px 0 0 0;}
		.nav01 { float:left; display: block; width: 220px; height: 50px; background: url("../img/nav01.gif")  0 0 no-repeat;  outline: 0; margin:0 20px 0 0; text-indent:-9999px; overflow:hidden;}
		a.nav01 span{display:none; }
		a.nav01:hover {background:url("../img/nav01.gif") 0 -50px;}
		.nav01active { float:left; display: block; width: 220px; height: 50px; background: url("../img/nav01.gif")  0 -50px no-repeat;  outline: 0; margin:0 20px 0 0; text-indent:-9999px; overflow:hidden;
		pointer-events:none; cursor:default;}
		
		.nav02 { float:left; display: block; width: 220px; height: 50px; background: url("../img/nav02.gif")  0 0 no-repeat;  outline: 0; margin:0 20px 0 0;text-indent:-9999px; overflow:hidden;}
		a.nav02 span{display:none; }
		a.nav02:hover {background:url("../img/nav02.gif") 0 -50px;}
		.nav02active { float:left; display: block; width: 220px; height: 50px; background: url("../img/nav02.gif")  0 -50px no-repeat;  outline: 0; margin:0 20px 0 0; text-indent:-9999px; overflow:hidden;
		pointer-events:none; cursor:default;}
		
		.nav03 { float:left; display: block; width: 220px; height: 50px; background: url("../img/nav03.gif")  0 0 no-repeat;  outline: 0; margin:0 20px 0 0;text-indent:-9999px; overflow:hidden;}
		a.nav03 span{display:none; }
		a.nav03:hover {background:url("../img/nav03.gif") 0 -50px;}
		.nav03active { float:left; display: block; width: 220px; height: 50px; background: url("../img/nav03.gif")  0 -50px no-repeat;  outline: 0; margin:0 20px 0 0; text-indent:-9999px; overflow:hidden;
		pointer-events:none; cursor:default;}
		
		.nav04 { float:right; display: block; width: 220px; height: 50px; background: url("../img/nav04.gif")  0 0 no-repeat;  outline: 0; margin:0;text-indent:-9999px; overflow:hidden;}
		a.nav04 span{display:none; }
		a.nav04:hover {background:url("../img/nav04.gif") 0 -50px;}
		.nav04active { float:right; display: block; width: 220px; height: 50px; background: url("../img/nav04.gif")  0 -50px no-repeat;  outline: 0; margin:0; text-indent:-9999px; overflow:hidden;
		pointer-events:none; cursor:default;}
		
/* index main images Slideshow */
.index_main { float:left; width:940px; height:350px; margin:30px 0 30px 0; padding:0;}
	.index_main .txt { position:absolute; float:left; width:240px; margin:200px 30px 20px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; z-index:20;}
	
#slideshow {  position:relative; width:940px; height:350px;}
#slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 350px; background-color: #FFF; }
#slideshow DIV.active {z-index:10; opacity:1.0;}
#slideshow DIV.last-active { z-index:9;}
#slideshow DIV IMG {height: 350px; display: block; border: 0; margin-bottom: 0px;}
/* /index main images Slideshow */
	
	
	/*  contact page */
.contact_main { float:left; width:100%; margin:0; padding:0;}
	.contact_cards { float:left; width:460px; height:250px; margin:50px 0 50px 240px; padding:15px; background-image:url(../img/contact_photo.png); background-repeat:no-repeat;}
	.contact_cards .contact_txt { position:relative; top:110px; left:60px;}
.postcards { float:left; width:100%; margin:0 0 10px 0; padding:0;}
.postcards h1 { margin:0 0 20px 0;}

/* contact OMAKE */
.omake { float:left; width:100%; margin:0 0 30px 0;}

/* content interface interests */
.divisionline { float:left; width:100%; height:5px; background-color:#5A0C0E; margin:0 0 20px 0;}
.divisionline_grey { float:left; width:100%; height:5px; background-color:#eeeeee; margin:0 0 10px 0;}
.line_urhere  { float:left; width:220px; height:5px; background-color:#5A0C0E; margin:0 0 20px 0;}
.3col_container { float:left; width:940px; z-index:1;}
		.title_txt{ margin: 10px 10px 0 10px; color:#fff; font-weight: bold;  }
		.boxgrid{ width: 200px; height: 200px; margin:0 0 20px 0; float:left; border: solid 10px #eeeeee; overflow: hidden; position: relative; }
		.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
		.boxgrid p{ padding: 0 10px; color:#afafaf; }
		.boxgrid a{ padding:0 0 10px 0; color:#C8DCE5; font-size:12px;}
		.space { float:left; width:20px; height:125px;} 		/* space in between the selements */
		.boxcaption{ float: left; position: absolute; background: #333; height: 100px; width: 100%; opacity: .9; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
		.captionfull .boxcaption {top: 200px;left: 0;}
		.caption .boxcaption {top: 180px;left: 0;}
/* /content interface */

/* interests */
.interests_main { float:left; width:100%; margin:0 0 50px 0; padding:0;}
	.photos { float:left; width:460px; height:345px; margin:30px 0 0 0; z-index:0;}
	.interests_main .txt { float:right; width:460px; margin:30px 0 0 0;}
	.equips {float:right; width:460px; margin:30px 0 0 0;}
.moviecontainer_g1	{ float:left; width:185px; margin:0 4px 0 0; z-index:1;}
.moviecontainer_g2	{ float:left; width:185px; margin:0 4px 0 0; z-index:1;}
.moviecontainer_g3	{ float:left; width:185px; margin:0 3px 0 0; z-index:1;}
.moviecontainer_g4	{ float:left; width:185px; margin:0 4px 0 0; z-index:1;}
.moviecontainer_g5	{ float:right; width:185px; text-align:right; margin:0; z-index:1;}

.5col{ margin:0 7px 0 0;}
/* /interests */

/* icons */
.icons { float:left; width:100%; margin:0 0 10px 0; padding:0;}
.icons h1 { margin:0 0 20px 0;}
.icons img { margin:10px 5px 10px 0;}
/* /icons */

/* Updates */

.updates { float:left; width:940px; margin:0; padding:0;}
	.spacetop { height:30px;}
	.updates_module{ float:left; width:940px; height:200px; margin:20px 0 0 0;}
	.updates_module .date{ float:left; width:460px; font-size:10px; margin:0 0 10px 0; font-family:Verdana, Geneva, sans-serif; color:#999; line-height:12px;}
	.updates_module img { float:left; width:220px; margin:0 20px 0 0;}
		.updates_module .txt { float:left; width:460px;}
		
/* Updates */

/*  footer  */
#footer {clear:both; width:100%; border-top: 1px solid #eeeeee; font-size:14px; line-height:20px; }
.footerwrap {width:940px;  margin:15px auto; }
	.footer_columnleft { float:left; width:450px; margin:0 10px 30px 0;}
		.footer_columnleft .txt { float:left; margin:0 20px 0 0; }
			.footer_columnleft .txt .index { float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.10em; line-height:1.40em; margin:0 0 20px 0; font-style:oblique; border-bottom:#f5f5f5 1px solid; padding-bottom:20px;}
		.footer_columnleft .txt p { margin:20px 0 0 0;} 

.footer_columnleft2 { float:left; width:670px; margin:0 10px 30px 0;}
		.footer_columnleft2 .txt { float:left; margin:0 20px 0 0; }
		.footer_columnleft2 .txt p { margin:20px 0 0 0;} 
	.footer_columnmid { float: left; width:220px; margin:0 0px 30px 0px; padding:0 9px 30px 9px; border-left:1px solid #eee; border-right:1px solid #eee;}
	.footer_columnmid .caption{ width:220px; font-size:10px; margin:15px 0 10px 0; font-family:Verdana, Geneva, sans-serif; color:#999; line-height:12px;}
	.footer_columnmid p{ margin:20px 0; padding:5px; background:#e5e5e5;}
	.footer_columnmid img { border:1px solid #f5f5f5;}

.footer_columnright{ float:right; width:220px; margin:0 0 30px 0px; line-height:28px; }