/****************************************  CONTENT LINKS  ****************************/

	#content a{
		color:#85834d;
		font-weight:bold;
		text-decoration:none;
	}
	
	#content a:hover{
		color:#444444;
		font-weight:bold;
		text-decoration:none;
	}

/****************************************  GENERAL RULES  ****************************/

	*{
		margin:0px;
		padding:0px;
		border:0px;
	}
	
	html, body{
		width:100%;
		height:100%;
	}

	
/********************************************  LAYOUT  ****************************/
		
	body.mainpage {
		background:url(../layoutparts/bg_12.gif) no-repeat top left;
		overflow-x:hidden;
	}	
		
	#mainwrapper{
		position:relative;
		top:0px;
		width:1066px;
		min-height:100%;
	}	
		
	body.mainpage #mainwrapper{
		background:url(../layoutparts/bg_mainpage.png) repeat-y ;
	}
	
	body.subpage #mainwrapper{
		background:url(../layoutparts/bg_subpage.png) repeat-y ;
	}
		
	#leftpane{
		position:relative;
		padding-top:100px;
		float:left;
		z-index:1000;
	}
	
	body.mainpage #leftpane{
		background:url(../layoutparts/bg_mainpage.png) repeat-y;
		width:388px;
	}
	
	body.subpage #leftpane{
		background:url(../layoutparts/bg_subpage.png) repeat-y;
		width:513px;
	}
		
	#rightpane{
		position:relative;
		left:0px;
		top:0px;
		background:url(../layoutparts/p5.gif) no-repeat center 200px;
		float:left;
	}

	
/*****************************************  LAYOUT  PARTS ****************************/	
	
	#logo{
		position:absolute;
		display:block;
		top:0px;
		left:0px;
		width:110px;
		height:340px;
		background:url(../layoutparts/logo.png) no-repeat;
		text-decoration:none;
	}	
	
	#content{
		position:relative;
		left:175px;
		width:290px;
		margin-top:20px;
		line-height:14px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:10px;
		color:#7c7b53;
	}
	
	#contentpic{
		position:relative;
		left:175px;
		width:290px;
		margin-top:20px;
		border:3px solid white;
		overflow:hidden;
	}
	
	#contentpic img{
		position:relative;
		margin-bottom:-5px;
	}
	
	#back {
		position:relative;
		height:17px;
		left:148px;
		width:80px;
		margin-top:40px;
	}
	
	#back a {
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:14px;
		color:#000;
		text-decoration:none;
	}
	
	#back a span{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url(../layoutparts/back.png) no-repeat left -30px #fff200;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:14px;
		color:#000;
		text-decoration:none;
	}
	
	#back a:hover{
		font-weight:bold;
	}
	
	#back a:hover span{
		background-position:left -12px;
		cursor:pointer;
	}
	
	#footer{
		position:relative;
		width:150px;
		text-align:right;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:14px;
		margin-bottom:30px;
	}
	
	body.mainpage #footer{
		margin-left:220px;
	}
	
	body.subpage #footer{
		margin-left:325px;
	}
	
	#footer span{
		position:absolute;
		display:block;
		top:0px;
		left:0px;
		width:100%;
		height:100px;
		background:url(../layoutparts/footer.png) no-repeat #fff200;
	}
	
	#footer span a{
		position:absolute;
		display:block;
		bottom:28px;
		left:0px;
		width:100%;
		height:10px;
		text-decoration:none;
		}
	
	#footer span a:hover{
		border-bottom:5px solid #fff200;
	}
	
	#fullsizepic{
		position:relative;
	}
	
	
/*****************************************  CLASSES   ****************************/
		
	h1.maintitle{
		position:relative;
		left:175px;
		margin-bottom:5px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:24px;
	}

	body.mainpage h1.maintitle{
		width:210px;
		margin-bottom:50px;
	}
	
	body.subpage h1.maintitle{
		width:300px;
	}
	
	h4.tags{
		position:relative;
		left:175px;
		width:300px;
		margin-top:-4px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:12px;
	}
	
	.works{
		position:relative;
		width:526px;
		min-height:120px;
		background:#fff200;
		margin-left:174px;
		margin-bottom:20px;
	}
		
	.workpic{
		position:absolute;
		top:0px;
		left:3px;
		width:212px;
		height:110px;
		border:5px solid #fff200;
		border-left:0px;
		border-right:0px;
		overflow:hidden;
	}
	
	.worktitle, .workdesc{
		position:relative;
		top:0px;
		left:0px;
		width:190px;
		margin-left:235px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:10px;
		color:#7c7b53;
	}
	
	.worktitle{
		padding-top:10px;
		margin-bottom:5px;
		font-size:10px;
	}
	
	.workdesc{
		padding-bottom:20px;
	}
	
	.next{
		position:absolute;
		display:block;
		left:357px;
		bottom:10px;
		width:60px;
		font-family:verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		font-size:10px;
		color:#000;
	}
	
	.next span{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url(../layoutparts/next.png) 0 -34px;
		cursor:pointer;
	}
	
	.next:hover{
		font-weight:bold;
	}
	
	.next:hover span{
		background-position:0 -6px;
	}
	
	.clear{
		clear:both;
	}
/*****************************************  MENU   ****************************/
	
	#menu{
		position:absolute;
		top:45px;
		width:200px;
		height:85px;
		padding-top:7px;
		background:#fff200;
		overflow:hidden;
	}
	
	body.mainpage #menu{
		left:387px;
	}
	
	body.subpage	#menu{
		left:512px;
	}
	
	#menu a{
		position:relative;
		display:block;
		width:180px;
		height:18px;
		margin-bottom:1px;
		padding-left:20px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:14px;
		text-decoration:none;
		color:#2c2c2c;
		overflow:hidden;
	}
	
	#menu a span{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:18px;
		background:url(../layoutparts/menu.png);
		cursor:pointer;
	}
	
	#menu a:hover{
		color:#a5a037;
	}

	a#mi1 span{
		background-position: 0 -99px;
	}
		a#mi1:hover span{
			background-position: 0 -9px;
		}
		a#ms1 span{
			background-position: 0 -189px;
		}

	a#mi2 span{
		background-position: 0 -118px;
	}
		a#mi2:hover span{
			background-position: 0 -28px;
		}
		a#ms2 span{
			background-position: 0 -208px;
		}
	
	a#mi3 span{
		background-position: 0 -136px;
	}
		a#mi3:hover span{
			background-position: 0 -46px;
		}
		a#ms3 span{
			background-position: 0 -226px;
		}
	
	a#mi4 span{
		background-position: 0 -155px;
	}
		a#mi4:hover span{
			background-position: 0 -65px;
		}
		a#ms4 span{
			background-position: 0 -245px;
		}