<!--

* { margin: 0; }

html, body
{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: url("../images/bg.gif") #fff repeat-y center top;
	text-align: left;
}


#wrap
{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}


#top
{
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 930px;
	height: 150px;
	text-align: left;
	background: url("../images/bg.top.png") no-repeat left top;
	overflow: hidden;
}
		
		#top #logo
		{
			display: block;
			float: left;
			margin: 0;
			padding: 45px 0 0 0;
			float: left;
			width: 375px;
			height: 60px;
			text-align: left;
			overflow: hidden;
			border: 0;
			background: none;
		}
		#top #logo a img { filter: alpha(opacity=100); opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity ease 0.5s; -moz-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }
		#top #logo a:hover img { filter: alpha(opacity=50); opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  }
		
		#top #col1
		{
			display: block;
			float: left;
			width: 360px;
			height: 90px;
			margin: 0;
			padding: 45px 0 0 0;
			text-align: left;
			overflow: hidden;
		}

		#top #col2
		{
			display: block;
			float: left;
			width: 180px;
			height: 90px;
			margin: 0;
			padding: 45px 0 0 0;
			text-align: left;
			overflow: hidden;
		}


#main
{
	display: block;
	width: 930px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: left;
}


	#main #search
	{
		display: block;
		width: 900px;
		margin: 25px 0 0 0;
		padding: 0;
		text-align: right;
		background: #f8f8f8;
	}


	#main #row { display: block; width: 900px; margin: 0 15px 0 15px; padding: 0; clear: left; text-align: left; }

	#main #row #thumb, #main #row a #thumb
	{
		display: block;
		width: 178px;
		height: 195px;
		float: left;
		margin: 0 2px 5px 0;
		padding: 0;
		text-align: left;
		text-decoration: none;
		background: #f3f3f3;
		-webkit-transition: background ease 0.5s; -moz-transition: background ease 0.5s; -o-transition: background ease 0.5s; transition: background ease 0.5s;
	}
	#main #row a:hover #thumb { background: #000; }
	#main #row #thumb #image { display: block; position: relative; width: 158px; height: 130px; margin: 10px 10px 0 10px; padding: 0; overflow: hidden; background: #000; }
	#main #row a #thumb #image #overlay { z-index: 10; position: absolute; top: 0; left: 0; display: block; width: 158px; height: 130px; background: url(../images/screen.png) no-repeat center center; }
	#main #row a:hover #thumb #image #overlay { background: none;  }
	#main #row a #thumb #image img { position: absolute; top: -200px; left: -500px; display: block; width: auto; height: auto; }
	#main #row a:hover #thumb #image img { position: absolute; top: -200px; left: -500px; display: block; width: auto; height: auto; filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9; }
	#main #row #thumb #title, #main #row a #thumb #title { display: block; width: 148px; height: 35px; padding: 5px 5px 0 5px; margin: 1px 10px 10px 10px; background: #000; }
	#main #row a:hover #thumb #title, #main #row a:hover #thumb #title h4 { background: #fff; color: #000; line-height: 12px; }


	#main #box a
	{
		display: block;
		width: 898px;
		margin: 0 1px 25px 1px;
		padding: 15px;
		text-align: left;
		text-decoration: none;
		background: #fff;
		font-size: 0px;
		-webkit-transition: background ease 0.5s; -moz-transition: background ease 0.5s; -o-transition: background ease 0.5s; transition: background ease 0.5s;		
	}		
	
	#main #box a:hover
	{
		display: block;
		width: 898px;
		background: #fff;
		text-decoration: none;
	}


		#main #box #left
		{	
			display: block;
			position: relative;
			margin: 0;
			padding: 0;
			width: 704px;
			float: left;
			text-align: left;
			font-size: 0px;
		}	

	
			#main #box a #left #img
			{
				display: block;
				margin: 0;
				padding: 0;
				text-align: left;
				width: 704px;
				height: 570px;
				overflow: hidden;
				text-decoration: none;
				border: 0;	
				font-size: 0px;		
			}
				
			#main #box a #left #block
			{
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 704px;
				height: 570px;
				background: url("../images/screen.png") no-repeat left top;			
				z-index:10;
				font-size: 0px;
				text-decoration: none;
				filter: alpha(opacity=100); opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
				-webkit-transition: opacity ease 0.5s; -moz-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s;
			}
			
			#main #box a:hover #left #block
			{
				text-decoration: none;
				width: 704px;
				height: 570px;
				filter: alpha(opacity=0); opacity:0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
			}			
			
				
		#main #box a #right
		{	
			display: block;
			float: left;
			margin: 0;
			padding: 0 0 15px 15px;
			width: 179px;
			min-height: 500px !important;
			text-align: left;
		}


	#main #content
	{
		display: block;
		width: 929px;
		margin: 0 0 25px 1px;
		padding: 0;
		text-align: left;
		text-decoration: none;
	}

	
		#main #content #header
		{
			display: block;
			margin: 0;
			padding: 15px;
			text-align: left;
			width: 900px;
			height: 30px;
			background: #fff;
		}
			#main #content #header #title
			{
				display: block;
				float: left;
				margin: 0 15px 0 0;	
				padding: 15px 0 0 0;
				width: 705px;
				border-top: 5px solid #000;
				text-align: left;
			}
			
			#main #content #header #more
			{
				display: block;
				float: left;
				padding: 15px 0 0 0;
				margin: 0;	
				width: 180px;
				border-top: 1px solid #000;
				text-align: right;			
			}


		#main #content #image
		{
			display: block;
			float: left;
			margin: 15px 15px 0 15px;
			padding: 0;
			text-align: left;
			width: 675px;
			height: 532px;
			background: #ccc;
			border: 15px solid #ccc;
			position:relative;
			overflow:hidden;
		}
		#main #content #image .items {
			/* this cannot be too large */
			width:20000em;
			position:absolute;
		}
		#main #content #image .items div {
			float:left;
		}		
		
				
			#main #content #image #img
			{
				display: block;
				margin: 0 1px 0 0;
				padding: 0;
				text-align: left;
				width: 675px;
				text-decoration: none;
				border: 0;	
				overflow: hidden;
				background: #000;
			}		
		
		#main #content #options
		{
			display: block;
			float: left;
			margin: 15px 0 0 0;
			padding: 20px 0 0 0;
			text-align: left;
			width: 179px;
			min-height: 40px;
			position: relative;
		}
		
		#main #content #options #navbar
		{
			display: block;
			margin: 0;
			padding: 0;
			text-align: left;
			width: 179px;
			height: 40px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 10;
		}
		
				/* prev, next, prevPage and nextPage buttons */
				a.browse {
					/*background:url(http://flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;*/
					display:block;
					height: 30px;
					margin:0 10px 10px 0;
					float: left;
					cursor:pointer;
					font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
					font-size: 20px;
					line-height: 16px;
					color: #ccc;
					font-weight: 900;
					letter-spacing: -1.5px;
					text-transform: uppercase;
				}
				
				/* right */
				a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
				a.right:hover 		{ background-position:-30px -30px; color: #999; }
				a.right:active 	{ background-position:-60px -30px; color: #ccc;} 
				
				
				/* left */
				a.left				{ margin-left: 0px; } 
				a.left:hover  		{ background-position:-30px 0; color: #999; }
				a.left:active  	{ background-position:-60px 0; color: #ccc; }
				
				/* up and down */
				a.up, a.down		{ 
					background:url(http://flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
					float: none;
					margin: 10px 50px;
				}
				
				/* up */
				a.up:hover  		{ background-position:-30px 0; }
				a.up:active  		{ background-position:-60px 0; }
				
				/* down */
				a.down 				{ background-position: 0 -30px; }
				a.down:hover  		{ background-position:-30px -30px; }
				a.down:active  	{ background-position:-60px -30px; } 
				
				
				/* disabled navigational button */
				a.disabled {
					visibility:hidden !important;		
				}	
				
				
		#main #content #text
		{	
			display: block;
			margin: 0 1px 0 1px;
			padding: 15px 15px 30px 15px;
			width: 898px;
			text-align: left;
			background: #fff;
		}


		#main #content #news
		{	
			display: block;
			margin: 0 1px 0 1px;
			padding: 15px 210px 30px 15px;
			width: 703px;
			text-align: left;
			background: #fff;
		}

		
			#main #content #text #col1
			{
				display: block;
				float: left;
				margin: 0 15px 0 0;
				padding: 15px 0 0 0;
				width: 704px;
				border-top: 5px solid #000;	
				text-align: left;				
			}

			#main #content #text #col2
			{
				display: block;
				float: left;
				margin: 0;
				padding: 19px 0 0 0;
				width: 179px;
				text-align: left;
				border-top: 1px solid #000;				
			}


		#main #content #comments
		{	
			display: block;
			margin: 0 1px 0 1px;
			padding: 0;
			width: 928px;
			text-align: left;
		}	
		
			#main #content #comments #col1
			{
				display: block;
				float: left;
				margin: 0 17px 0 0;
				padding: 0;
				width: 553px;
				background: #fff;
			}

			#main #content #comments #col2
			{
				display: block;
				float: left;
				margin: 0;
				padding: 0;
				width: 343px;
				background: #fff;
			}
			
				#main #content #col2 dl
				{
					display: block;
					float: right;
					width: 15px;
					height: 15px;
					padding: 5px;
					margin: 0 2px 0 0;
					background: #e9e5d6;
				}


				#main #content #comment_box
				{	
					display: block;
					margin: 0 0 1px 0;
					padding: 15px;
					text-align: left;
					background: #eee;
					clear: both;
				}


#clear
{
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	height: 0px;
	font-size: 0px;
}


#footer
{
	display: block;
	width: 930px;
	margin: 0 auto;
	padding: 15px 0 25px 0;
	text-align: left;
	background: url("../images/bg.top.png") no-repeat left bottom;	
}

	#footer #nav
	{
		display; block;
		float: left;
		margin: 25px 0 0 0;
		padding: 0;
		width: 735px;
		text-align: right;
	}	


	#footer #more
	{
		display; block;
		float: left;
		margin: 0;
		padding: 0;
		width: 195px;
		height: 50px;
		text-align: left;
	}
		#footer #more img
		{
			margin: 0;
			padding: 0;
			text-align: left;
		}


-->