body
	{
		background: #ffffff;
		margin: 0;
		padding: 0;
	}

	/* @group header */

	/* @end */

	/* @group menu */

	#menu
	{
		height: 90px;
		background: #322d2e;
	}

	#menu h1
	{
		display: none;
	}

	#menu ul
	{
		position: absolute;
		margin: 0;
		padding: 0;
		height: 90px;
		left: 687px;
		top: 0px;
	}

	#menu ul li
	{
		list-style: none;
		height: 90px;
		float: left;
		display: block;
		border-style: none;
		margin:0 1px 0 0;
	}

	#menu ul li a
	{
		background-image:url('../img/nav_items.gif');
		width: 90px;
		height: 90px;
		display: block;
		border-style: none;
	}
	
	li#menu_about a {
		background-position:0 0;
	}
	
	li#menu_about a:hover,
	li#menu_about a.selected {
		background-position:0 -90px;
	}
	
	li#menu_portfolio a {
		background-position:270px 0;
	}
	li#menu_portfolio a:hover,
	li#menu_portfolio a.selected {
		background-position:270px -90px;
	}
	
	li#menu_contact a {
		background-position:180px 0;
	}
	li#menu_contact a:hover,
	li#menu_contact a.selected {
		background-position:180px -90px;
	}
	
	li#menu_links a {
		background-position:90px 0;
	}
	li#menu_links a:hover,
	li#menu_links a.selected {
		background-position:90px -90px;
	}
	
	#menu ul li a span
	{
		display: none;
		border-style: none;
	}

	/* @end */

	/* @group content */

	div#content
	{
		clear: left;
		position: absolute;
		background: #ffffff;
		width: 832px;
		left: 200px;
		top: 135px;
		color: #ffffff;
		line-height: 20px;
		padding-top: 0px;	
		padding-bottom: 100px;
		margin-bottom: 100%;
	}

	div#content p
	{
		font-size: 13px;
		line-height: 0px;
		font-family: Helvetica, sans-serif, Verdana, Arial;
		font-style: bold;
		color: #322d2e;
		line-height: 20px;
		margin-top:  0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		text-decoration: none;
	}

	div#content h1, div#content h2, div#content h3
	{
		font-family: Helvetica, sans-serif, Verdana, Arial;
		color: #322d2e;
		margin-left: 15px;
		margin-right: 15px;
		text-transform: uppercase;
		background-color: #ffffff;
	}

	div#content h1
	{
		line-height: 18px;
	    font-size: 18px;
	    margin-bottom: 5px;
		margin-top: 18px;
	    margin-left: 0px;
	}
	div#content h1 a:link {
		font-size:18px;
		line-height:18px;
	}

	div#content h2
	{
	    line-height: 54px;
	    font-size: 54px;
	    margin-bottom: 0px;
		margin-top: 35px;
	    margin-left: 0px;
	}
	div#content h2 a:link {
		font-size:54px;
		line-height:54px;
	}
	div#content h3
	{
		font-size: 12px;
		line-height: 20px;
		margin-left: 15px;
		margin-bottom: 15px;
	}

	div#content hr
	{
		margin-top: 0px;
		margin-left: 15px;
		margin-bottom: 0px;
		margin-right: 15px;
		color: #ffffff;
	}

	div#content a:link
	{
		font-size: 13px;
		line-height: 13px;
		font-family: Helvetica, sans-serif, Verdana, Arial;
		color: #009cff;
		text-decoration: none;
		border:  none;
	}

	div#content a:hover
	{
		color: #009cff;
		text-decoration: none;
	}

	div#content a:visited
	{
		color: #009cff;
		text-decoration: none;
	}
	body table.twoColumnListing {
		border-collapse:collapse;
	}
	body table.twoColumnListing td.leftColumn {
		padding:0 18px 0 0;
		width:266px;
	}
	body table.twoColumnListing td.rightColumn {
		padding:0;
		width:266px;
	}
	
		/* portfolio*/
		body.portfolio div#content h2 a:visited,
		body.portfolio div#content h2 a:link {
			color:#322D2E;
		}
		body.portfolio div#content h2 a:hover {
			color: #009cff;
		}
		body.portfolio div#content h1 a:visited,
		body.portfolio div#content h1 a:link {
			color:#322D2E;
		}
		body.portfolio div#content h1 a:hover {
			color: #009cff;
		}
		
		
	/* @end */


	/* prev next */

	div#content a#previous, div#content a#image, div#content a#next
	{
		display: block;
	}

	div#content a#previous, div#content a#next
	{
		width: 100%;
		color: #2491ae;
		border-style: none;
	}

	div#content a#previous
	{
		text-align: left;
		border-style: none;
	}

	div#content a#next
	{
		text-align: right;
		border-style: none;
	}

	div#content a#image
	{
		align: right; 
		padding: 0;
		line-height: 0;
		border-style: none;
	}

	/* @prev next end */

	/* PORTFOLIO SUB NAVIGATION */
	div#subnav {
	    font-family: Helvetica,sans-serif,Verdana,Arial;
	    font-size: 13px;
	    line-height: 13px;
	    position: absolute;
	    top: 172px;
	}
	div#subnav li {
		margin:0 0 10px;
	}
	div#subnav li a:link,
	div#subnav li a:visited,
	div#subnav li a:active {
		color:#009cff;
		padding:0 13px;
	}
	div#subnav li a:hover,
	div#subnav li a.active {
		color:#fff;
	}
	/* SUBNAVI END */

	/* LIGHTBOX START*/

	#lightbox	
	{	
		position: absolute;	
		left: 0; 
		width: 100%; 
		z-index: 100; 
		text-align: center; 
		line-height: 0;
	}

	#lightbox img
	{ 
		width: auto; 
		height: auto;
	}

	#lightbox a img
	{
		border-style: none;
	}

	#outerImageContainer
	{ 
		position: relative; 
		background-color: #fff; 
		width: 250px; 
		height: 250px; 
		margin: 0 auto;
		border-style: none;
	}

	#imageContainer
	{ 
		padding: 10px; 
	}

	#loading
	{ 
		position: absolute; 
		top: 40%; 
		left: 0%; 
		height: 25%; 
		width: 100%; 
		text-align: center; 
		line-height: 0; 
	}

	#hoverNav
	{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		height: 100%; 
		width: 100%; 
		z-index: 10; 
	}

	#imageContainer>#hoverNav
	{ 
		left: 0;
	}

	#hoverNav a
	{ 
		outline: none;
	}

	#prevLink, #nextLink
	{ 
		width: 49%; 
		height: 100%; 
		background-image: url(data:img/gif; base64,AAAA); 
		display: block; 
	}

	#prevLink 
	{ 
		left: 0; 
		float: left;
		border-style: none;
	}

	#nextLink 
	{ 
		right: 0; 
		float: right;
		border-style: none;
	}

	#prevLink:hover, #prevLink:visited:hover 
	{ 
		background: url(../img/prevlabel.gif) left 15% no-repeat; 
		border-style: none;
	}

	#nextLink:hover, #nextLink:visited:hover 
	{ 
		background: url(../img/nextlabel.gif) right 15% no-repeat; 
		border-style: none;
	}

	#imageDataContainer
	{ 
		font-size: 10px;
		font-family: Helvetica, sans-serif, Verdana, Arial;
		color: #bfbdb8;
		text-decoration: none;
		background-color: #ffffff; 
		margin: 0 auto; 
		line-height: 3em; 
		overflow: auto; 
		width: 100%	; 
		border-style: none;
	}

	#imageData
	{	
		padding:0 10px; 
		color: #666; 
	}

	#imageData #imageDetails
	{ 
		width: 70%; 
		float: left; 
		text-align: left; 
		border-style: none;
	}	

	#imageData #caption
	{ 
		font-weight: bold;	
	}

	#imageData #numberDisplay
	{ 
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}		

	#imageData #bottomNavClose
	{ 
		width: 66px; 
		float: right;  
		padding-bottom: 0.7em; 
		outline: none;
	}	 	

	#overlay
	{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 90; 
		width: 100%; 
		height: 500px; 
		background-color: #000; 
		border-style: none;
	}

	/* LIGHTBOX END*/
	-->