/*
	
*/

#main
{
	width: 649px;
	height: 100%;
	text-align: center;
	color: #c9b4ba;
	background: transparent url('../img/main-bg.gif') repeat-y 0 0;
	position: relative;
	margin: 0 auto;
}
	#main .inner
	{
		width: 242px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		background: transparent url('../img/main-bg.gif') repeat-y center 0;
		position: relative;
		z-index: 3;
		margin: 0 auto;
	}

	#main em
	{
		color: #fff;
	}

	#main h1
	{
		padding: 70px 0 0;	
	}

	a#logo
	{
		width: 200px;
		height: 70px;
		text-indent: -9999px;
		background: transparent url('../img/logo.gif') no-repeat 0 0;
		display: block;
		margin: 0 auto;
	}
		a#logo:hover
		{
			background-position: 0 bottom;
		}


	ul#nav
	{
		background: transparent url('../img/nav-bg.gif') repeat-y 0 0;
		margin: 40px 0 0;
	}
		li#star-top,
		li#star-bot
		{
			height: 15px;
			background: transparent url('../img/nav-stars.gif') no-repeat 0 0;
			margin: 0 0 20px;
		}
		li#star-bot
		{
			background-position: 0 bottom;
			margin: 20px 0 0;
		}
			ul#nav li { padding: 1px; }
			ul#nav li a
			{
				font: italic normal 20px/normal Georgia, 'Times New Roman', Times, serif;
				text-decoration: none;
				text-shadow: 0 1px 0 #000;
				position: relative;
				z-index: 3;
				color: #fff;
				display: block;
			}
				ul#nav li a span
				{
					font-size: 28px;
					font-family: Baskerville, Palatino, 'Palatino Linotype', Georgia, Serif;
					color: #3b0314;
				}
				ul#nav li a:hover,
				ul#nav li.selected a
				{
					font-size: 200%;
				}


	#main blockquote
	{
		background: transparent url('../img/') no-repeat 0 0;
		position: relative;
		z-index: 3;
		margin: 30px 15px 0;
	}
		#main blockquote p
		{
			line-height: 23px;
			background: transparent url('../img/') no-repeat bottom right;
			padding: 15px 0px;
			margin: 0;
		}


	#footer
	{
		width: 100%;
		font-size: 12px;
		line-height: 17px;
		color: #000;
		background: transparent url('../img/footer.gif') no-repeat 0 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
		padding: 10px 0;
	}


.page
{
	width: 50%;
	height: 100%;
	text-align: right;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
	.page .in
	{
		height: 100%;
		background: #c6cece url('../img/page-bg.gif') repeat 0 0;
		overflow: hidden;
		margin: 0 122px 0 0;
	}
		.page .inner
		{
			width: 330px;
			float: right;
			height: 100%;
			background: transparent url('../img/left-bg.gif') repeat-y right 0;
			padding: 65px 50px 0 0;
		}

	.page h2
	{
		text-shadow: 0 1px 0 #fff;
		background: transparent url('../img/heading-left.gif') no-repeat 0 0;
		color: #526467;
		padding: 5px 10px 10px 0;
		margin: 30px -10px 0 -25px;
	}
	.page a:hover
	{
		font-style: italic;
		color: #980d35;
	}
	
	.page ul.portfolio
	{
	}
		.page ul.portfolio li
		{
			display: inline;
			float: left;
			margin: 22px;
		}
			.page ul.portfolio li a img 		{ border: 5px solid #8fa3a7; }
			.page ul.portfolio li a:hover img	{ border-color: #980d35; }

	ul#portfolio-nav
	{
		height: 26px;
		position: relative;
	}
	* html ul#portfolio-nav { margin: 22px 0 0; }

		ul#portfolio-nav li
		{
			width: 100%;
			font-size: 10px;
			text-align: center;
			position: absolute;
		}
		li#pn-info
		{
			left: 0;
			z-index: 3;
		}

		li#pn-prev,
		li#pn-next
		{
			width: 36px !important;
			height: 26px;
			text-indent: -9999px;
			display: block;
			left: 15px;
			z-index: 4;
		}
		li#pn-next
		{
			right: 25px;
			left: auto;
		}
			li#pn-prev a,
			li#pn-next a
			{
				height: 100%;
				background: transparent url('../img/portfolio-nav.gif') no-repeat 0 0;
				display: block;
			}
			li#pn-next a 			{ background-position: 0 bottom; }

				li#pn-prev a:hover	{ background-position: right 0;  }
				li#pn-next a:hover	{ background-position: right bottom;  }




.page-right
{
	text-align: left;
	left: auto;
	right: 0;
}
	.page-right .in
	{
		margin: 0 0 0 121px;
	}
		.page-right .inner
		{
			float: left;
			background: transparent url('../img/right-bg.gif') repeat-y 0 0;
			padding-right: 0;
			padding-left: 50px;
		}

	.page-right h2
	{
		background: transparent url('../img/heading-right.gif') no-repeat right 0;
		position: relative;
		margin: 30px -25px 0 -10px;
		padding-left: 10px;
	}