* { margin: 0px; padding: 0px; }
img { border: 0px; }

html
{
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-x: hidden;
	-ms-overflow-y: scroll;
}

body
{
	margin: 0px auto;
	height: 100%;
	color: #FFF;
	font: 10pt Verdana, Arial;
}

a, a:link, a:visited
{
	color: #FFF;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: none;
}

img.bg
{
/*	min-width: 100%; */
	min-height: 100%;
/*	width: auto; */
	height: auto;
	top: 0;
	right: 0;
	z-index: -5;
	position: fixed;
}

h1
{
	font-family: 'Yanone Kaffeesatz';
	font-weight: 500;
}

#navigation li, #contact, #menu h2
{
	font-family: 'Yanone Kaffeesatz';
	font-size: 20px;
	font-weight: 300;
}

.main_container
{
	height: 100%;
	width: auto;
	z-index: 100;
}

#menu
{
	position: absolute;
	width: 254px;
	height: auto;
	overflow: hidden;
	padding: 28px;
	color: #FFF;
}

	#menu h2
	{
		margin-bottom: 8px;
		color: #FFF;
		clear: both;
		text-transform: uppercase;
	}

	#logo
	{
		background: transparent url('images/ils_logo.png') no-repeat top left;
		width: 282px;
		margin-left: -12px;
		height: 120px;
	}
	
	#navigation
	{
		list-style: none;
		padding: 0px; margin: 0px 0px 28px 0px;
	}
	
		#navigation li
		{
			font-size: 20px;
			color: #FFF;
			background: #4b5d8a;
			border-bottom: 1px solid #536a9a;
			padding: 4px 15px;
		}
		
		#navigation ul
		{
			list-style: none;
		}
		
		#navigation li.active
		{
			background: #3b3f62;
		}
	
	#contact
	{
		text-transform: uppercase;
		font-size: 16px;
		color: #FFF;
		margin-bottom: 60px;
		padding: 0px 15px;
		line-height: 18px;
	}
	
		#contact a
		{
			text-decoration: underline;
		}
	
	ul#banners
	{
		list-style: none;
		margin-left: -4px;
	}
	
		ul#banners li
		{
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		ul#banners li img
		{
			width: 126px;
			height: 68px;
		}
	
	#social
	{
		clear: both;
	}
	
		#social h2
		{
			padding-top: 50px;
		}
		
		#social ul
		{
			list-style: none;
		}
		
		#social li
		{
			float: left;
			margin-right: 14px;
		}
		
			#social li a
			{
				display: block;
				background-repeat: no-repeat;
				background-position: top left;
				width: 56px;
				height: 54px;
				text-indent: -10000px;
			}
			
			#social li a#hyves { background-image: url(images/ils_hyves.png); }
			#social li a#twitter { background-image: url(images/ils_twitter.png); }
			#social li a#youtube { background-image: url(images/ils_youtube.png); }
	
#content
{
/*	background: transparent url('images/ils_scanlines.png') no-repeat top left; */
	background-color: #000;
	opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70);
	position: relative;
	left: 392px;
	width: 36%; /* 505px */
	max-width: 655px; /* 505px */
	color: #f8ffe3;
}

	#content .scanlines
	{
		background: transparent url('images/ils_scanlines.png') no-repeat top left;
		padding: 40px 30px; /* 40 70 */
	}
	
	#content img
	{
		width: 100%;
	}
	
	#content h1
	{
		font-size: 60px;
		color: #e87421;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	#content h2
	{
		text-transform: uppercase;
		font: 15px verdana, arial;
	}
	
	#content p
	{
		font: 14px verdana, arial;
		line-height: 20px;
		margin: 10px 0px;
	}

#overlay
{

}

	#overlay_content
	{
/*		background: transparent url('images/ils_content.png') repeat; */
		position: fixed;
		left: 392px;
		width: 645px;
		height: 100%;
		z-index: -3; 
	}
	
	#overlay_menu
	{
/*		background-image: url('images/ils_menu.png'); */
		background-repeat:repeat;
		background-color: #000;
		position: fixed;
		width: 310px;
		height: auto;
		overflow: hidden;
		z-index: -3;
		top: 0px;
		bottom: 0px;
	}
	
	#overlay_bar_top
	{
		background: #354161 url('images/ils_bar_top.png') no-repeat top left;
		position: fixed;
		left: 310px;
		width: 82px;
		height: 583px;
		overflow: hidden;
	}
	
	#overlay_bar
	{
		background-image: url('images/ils_bar.png');
		position:fixed;
		left: 310px;
		bottom: 0px;
		width: 82px;
		height: 100%;
	}


.spacer
{
	margin: 10px 0px;
}

.basket
{
	text-align: left;
}

.small
{
	font-size: 8pt !important;
}




.products
{
	
}

.payment_info
{
	margin-top: 10px;
}

.products h3
{
	font-weight: bold;
	font: 10pt verdana;
}

.products #account
{
	width: 100px;
	border: 0px;
	padding: 2px 4px;
}

.products h4
{
	font-weight: normal;
	font: 10pt verdana;
	border-bottom: 1px solid #92987f;
	padding-bottom: 10px;
	margin: 20px 0px 10px 0px;
}

.products .method
{
	border-bottom: 1px solid #92987f;
	padding-bottom: 10px;
	height: 130px;
}

.payment_info
{
	padding-left: 19px;
}

.products table
{
	color: #FFF;
	margin-top: 10px;
}
	
	.products table th
	{
		background: #bb6020;
		padding: 6px 8px;
	}
	
	.products table td
	{
		background: #4b5d8a;
		border-top: 1px solid #536a9a;
		padding: 6px 8px;
	}
	
		.products table td .price
		{
			width: 20px;
			border: 0px;
			padding: 4px;
			text-align: center;
		}
		
		.products table td span
		{
			font-size: 8pt;
		}
		
		
.post {
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}


a.more{
	color: #ff7e00;
	font-weight: bold;
	text-decoration: none;
}

	a.more:hover{
		text-decoration: underline;
	}