@import url(reset.css);
	/* wrapper*/
	body
	{
		margin-top:-15px;
	
	}
	#main_wrapper
		{
			background		:transparent url(../images/bg.png) repeat-x ;
			width			:1024px;
			margin			:0 auto;

			z-index			:2;
		}
	#main_content_wrapper
	{
		width				:998px;
		margin-left			:12px;
		margin-top			:-5px;
	}	
	/*ini*/
	.clear
		{
			clear			:both;	
		}
	.left
	{
		float				:left;
		width:auto;
	}	
	.right
	{
		float				:right;
		width:auto;		
	}
	.inline
		{
			display			:inline;
		}	
	.absolute
	{
		position			:absolute;
	}
	.relative
	{
		position			:relative;
	}
	.overflow_hidden
	{
			overflow:hidden;
	}
	
	/*misc image*/
	#vector
		{
			background		: url(../images/vector_bg.png) no-repeat ;
			height			:243px;
			left			:0px;	
			top				:475px;			
			width			:254px;
			z-index:0
		}	
		#curl_line
		{
			background		: url(../images/tob_behind.png) no-repeat ;
			height			:65px;
			margin-left		:163px;
			width			:155px;
		}
	/*top navigation*/
	#navL
		{
			background		:url(../images/navL.png) no-repeat;
			cursor			:pointer;
			height			:24px;
			margin			:41px 0px 0px 608px;
			text-indent		:-9999px;
			width			:36px;

			
		}
	 #navR
		{
			background		:url(../images/navR.png) no-repeat;
			cursor			:pointer;
			height			:24px;
			margin			:41px 0px 0px 5px;
			text-indent		:-9999px;
			width			:33px;

		}
	/* main container set up*/
	#top_border
	{
		background			:transparent url(../images/main_top_border.png) no-repeat;
		height				:8px;
		margin-left			:3px;
		width				:992px;
		font-size			:0em;
	}
	#left_border
	{
		background			:transparent url(../images/main_left_border.png) no-repeat;
		height				:577px;
		width				:4px;
	}
	#right_border
	{
		background			:transparent url(../images/main_right_border.png) no-repeat;
		height				:577px;
		width				:5px;		
	}
	#bottom_border
	{
		background			:transparent url(../images/main_border_bottom.png) no-repeat;
		height				:8px;
		margin-left			:3px;
		width				:992px;
	}
	#container
	{
		background-color	:#f4f1ea;
		height				:577px;
		width				:989px;
	}
	#grunge_bg
	{
		background			:transparent url(../images/grunge.png) no-repeat;
		height				:584px;
		left				:0px;
		top					:-3px;
		width				:998px;
		z-index				:5;
	}
	#shingami
	{
		background			:transparent url(../images/pic_shinigami.png) no-repeat;
		height				:285px;
		left				:62px;
		top					:36px;
		width				:154px;
		z-index				:6;
	}
	#cube
	{
		background			:transparent url(../images/cube.png) no-repeat;
		height				:259px;
		left				:33px;
		top					:356px;
		width				:275px;
		z-index				:6;
	}
	
/* for web content  and scroller*/
	#main_text_content
	{
		color				:#1b1913;
		font-size           :0.75em;
		font-family			:Arial;
		font-weight			:normal;
		height				:334px;
		left                :238px;
		line-height			:18px;
		padding-top			:10px;
		top					:27px;
		width				:413px;
		z-index				:6;
	}
	.text_container
	{
		height				:304px;
		text-align			:justify;
		width				:362px;
	}
	/* home text*/
	.text_container h2 span
	{
		font-size           :4.0em;
		padding:0px;
		margin:0px;
	}	
	.text_container h2
	{
		color				:#614805;
		font-size           :1.1em;
		font-family			:Arial;
		font-weight			:bold;
		margin-right		:5px;
	}
	
	#text_holder
	{
		width:362px;
		
	
	}
	
/* scroller*/
	#scroller_container
	{
		height				:304px;
		left				:362px;
		width				:51px;
		top					:10px;
		z-index:			100;
		
	}

	.scroller_bt
	{
		background:transparent url(../images/scroller_bt.png) no-repeat;
		height:44px;
		
		width:28px;
		margin:0;
		position:absolute;
		z-index:40;
	}
	#scroller_line
	{
		background:transparent url(../images/scroller_line.png) 0 0 no-repeat;
		height:304px;
		left:18px;
		top:7px;
		z-index:29;
		width:21px;	
	}
	.start_scroll
	{
		top:0px;
	}
	
/* text seperato +misc +wooden logo*/
	#seperator
	{
		background:transparent url(../images/text_seperator.png) no-repeat;
		height:19px;
		left:238px;
		top:390px;
		width:362px;
		z-index:100;
		
	}
	#spot
	{
		background:transparent url(../images/grundespot.png) no-repeat;
		height:387px;
		left:321px;
		top:288px;
		width:545px;
		z-index:5;
		
	}
	#flower
	{
		background:transparent url(../images/flower.png) no-repeat;
		height:151px;
		left:442px;
		top:427px;
		width:278px;
		z-index:9;
	}
	#woodenlogo
	{
		background:transparent url(../images/woodenlogo.png) no-repeat;
		height:98px;
		left:417px;
		top:535px;
		width:193px;
		z-index:12;
			text-indent:-9999px;
	}
	a.logo_a,a.logo_a:hover
	{
		text-decoration:none;
		text-indent:-9999px;
		
	}
/* rss feed */
	#rssfeed_wrapper
	{
		left:881px;
		top:3px;
		z-index:10;
	}	
/* porfolio*/

	#porfolio
	{
		background:transparent  url(../images/porfolio_bg.png) no-repeat;
		height:236px;
		left:757px;
		top:119px;
		width:250px;
		z-index:10;
		
	}
	#porfolio .wrapimg
	{
		margin:20px 5px;
	}
	#porfolio .wrapimg img
	{
		padding:5px;
	}
	#tutorial
	{
		background:transparent  url(../images/tutorial_bg.png) no-repeat;
		height:150px;
		left:757px;
		top:385px;
		width:250px;
		z-index:10;
	}
	/*navigation menu*/
	#menu
	{
		width:365px;
		margin-left:635px;
		z-index:100;
	}
	#menu ul
	{
	margin:0px;
	padding:0px;
	margin-top:10px;
	
	}
	#menu li
	{
		float:left;
		padding:0px; 
		display:inline;
		width:auto;
		
		
	}
	#menu li a
	{
		
		text-decoration:none;
	}

	#menu li a#home
	{
		padding:5px 50px 0px 0px;
		background:transparent url(../images/menu.png)  no-repeat 0 0;
		width:78px;
		
		
	}
	#menu li a#about
	{
		padding:5px 50px 0px 0px;
		background:transparent url(../images/menu.png)  no-repeat -54px 0;
		width:78px;
		
		
	}
	#menu li a#mporfolio
	{
		padding:5px 75px 0px 0px;
		background:transparent url(../images/menu.png)  no-repeat -108px 0;
		width:78px;
		
		
	}
	#menu li a#mtutorial
	{
		padding:5px 72px 0px 0px;
		background:transparent url(../images/menu.png)  no-repeat -186px 0;
		width:78px;
		
		
	}
	#menu li a#contact
	{
		padding:5px 68px 0px 0px;
		background:transparent url(../images/menu.png)  no-repeat -262px 0;
		width:78px;
		
		
	}
	#menu li a#home:hover
	{
		
		background-position:0px -26px;
		
		
	}
	#menu li a#about:hover
	{
		
		background-position:-54px -52px;
		
		
	}
	#menu li a#mporfolio:hover
	{
		
		background-position:-108px -78px;
		
		
	}
	#menu li a#mtutorial:hover
	{
		
		background-position:-186px -103px;
		
		
	}
	#menu li a#contact:hover
	{
		background-position:-262px -129px;
		
		
		
	}
	#menu li #dot
	{
		padding:5px 0px;
		margin:0px;
		margin-top:0px;
	}
	/* tooltips*/
	#tooltips
	{
		background:#cccc99 ;
		padding:2px;
		
	/*	box-shadow: 10px 10px 5px #888;*/
		
		}


	.tips_container
	{
		background:#f4f1ea url('../images/tooltip.gif') no-repeat 0 0;;
		color:#735102;
		font-size			:0.75em;
		font-family			:Arial;
		padding:14px 5px 14px 45px;
		
	}