*
{
	margin: 			0;
	padding: 			0;
}

html,body
{
	height:				100%
}

body
{
	background:			#ccc url('../pics/bg.gif') repeat-y center;
	font-family:		verdana, arial;
	font-size:			75%;
	margin:				0 auto;
	width:				950px;
}

#wrap
{
	height:				100%;
	min-height:			100%;
	width:				950px;
}

#banner-top
{
	background:			url('../pics/misc/banner_top.gif') repeat-x;
	height:				27px;
}

#logobg
{
	background:			#1f1f1f url('../pics/top.gif0') repeat-x;
	padding:			0 15px 10px;
}

#logo
{
	background:			url('../pics/misc/banner.jpg') no-repeat;
	height:				121px;
}

#usermenu
{
	color:				#ccc;
	float:				right;
	font-size:			0.9em;
	text-align:			right;
}

#usermenu a
{
	color:				#ccc;
}

#usermenu a:hover
{
	color:				#fff;
}

#usermenu img
{
	border:				0;
}

#menubg
{
	background:			#404040 url('../pics/misc/menu.gif') repeat-x;
	border-bottom:		1px solid #757575;
}

#menu
{
	padding:			16px;
	list-style:			none;
}

#menu li
{
	display:			inline;
	font-size:			1em;
	font-weight:		bold;
}

#menu li a
{
	color:				#fff;
	padding:			16px;
	text-decoration:	none;
	border-right:		1px solid #575757;
	border-left:		1px solid #363636;
}

#menu li a:hover, #menu li a.selected
{
	background:			#757575 url('../pics/misc/menu_hover.gif');
}

.price-star
{
	width:				101px;
	height:				105px;
	display:			block;
	position:			absolute;
}

.box-left
{
	display:			inline;
	float:				left;
	width:				170px;
	margin:				0 0 15px 15px;
}

.menu-left
{
	background-color:	#fff;
	width:				170px;
	margin-top:			15px;
}

span.box-head-left, span.box-head-right
{
	height:				11px;
	width:				11px;
}

span.box-head-left
{
	background:			url('../pics/box-head-left.gif') no-repeat;
	float:				left;			
}

span.box-head-right
{
	background:			url('../pics/box-head-right.gif') no-repeat;
	float:				right;
}

div.box-head, h1
{
	background:			#404040 url('../pics/box-head.gif') repeat-x;
	border:				1px solid #ccc;
	color:				#eee;
	padding:			15px;
	font-size:			1em;
	font-weight:		bold;
}

.box-left ul, .box-right ul
{
	border:				1px solid #ccc;
	border-top:			0;
	list-style:			none;
}

.box-left li a, .box-right li a
{
	background-color:	#fff;
	display:			block;
	padding:			10px 15px;
	text-decoration:	none;
	border-bottom:		1px solid #eee;		
}

.box-left li a.child, .box-right li a.child
{
	background-color:	#fff;
	font-size:			0.8em;
	padding-left:		30px;
}

.box-left li a:hover, .box-left li a.selected, .box-right li a:hover, .box-right li a.selected
{
	background-color:	#eee;
	padding-top:		10px;
	padding-bottom:		10px;
}

.box-center
{
	float:				left;	
	width:				550px;
	margin:				15px 15px 0;
}

.box-right
{
	display:			inline;
	float:				left;
	margin:				0 15px 15px 0;
	width:				170px;
}

.menu-right
{
	background-color:	#fff;
	margin-top:			15px;
	width:				170px;
}

.box-image
{
	border:				1px solid #ccc;
	border-top:			0;	
	padding:			11px;
}

div#payment:hover
{
	background-image:	url('../pics/payment/payment_hover.gif');
}

div.content
{
	background-color:	#fff;
	border:				1px solid #ccc;
	border-top:			0;
	padding:			15px 15px 0;
	margin-bottom:		15px;
}

h2
{
	font-size:			1em;
	margin-bottom:		4px;
}

a
{
	color: #000;
}

ul.files
{
	margin:				0 0 30px 15px;
}

ul.files li
{
	margin-bottom:		5px;
}

ul.list-wide
{
	margin:				0 0 15px 15px;
}

ul.list-wide li
{
	margin-bottom:		15px;
}

ul.list, ol.list
{
	margin:				0 0 15px 15px;
}

ul.list li, ol.list li
{
	margin-bottom:		5px;
}

.header
{
	border-bottom:		1px solid #e0e0e0;
	color:				#06234a;
	display:			block;
	font-size:			1.2em;
	font-weight:		normal;
	margin-bottom:		3px;
	padding-bottom:		2px;
	width:				250px;
}

div.box
{
	border:				1px solid #ccc;
	border-top:			0;
	padding:			15px;
}


ul.box-list
{
	list-style:			none;
}

ul.box-list li
{
	margin-top:			30px;
}

div.clear
{
	clear:				both;
}

.float-left
{
	float:				left;
	width:				285px;
	padding-bottom:		15px;	
	margin-right:		15px;
}

.float-right
{
	float:				left;
	width:				180px;
	padding:			0 15px;
	border-left:		1px dotted #ccc;
}

p
{
	padding-bottom:		15px;
}

#sub-cats
{
	list-style:			none;
	padding-bottom:		10px;
	margin-bottom:		15px;
	border-bottom:		1px solid #eee; 
	position:			relative;
}

#sub-cats li
{
	display:			inline;
}

#sub-cats a
{
	border-right:		1px solid #eee;	
	font-size:			0.9em;
	margin-bottom:		10px;
	padding:			10px;
	text-decoration:	none;	
}

#sub-cats li a:hover
{
	text-decoration:	underline;	
}

#sub-cats li #first
{
	padding-left:		0;
}

#sub-cats li a.selected
{
	border-bottom:		1px solid #fff;
}

#sub-cats li a.selected:hover
{
	text-decoration:	none;	
}

span.big
{
	font-size:			1.2em;
	font-weight:		bold;
}

span.important
{
	color:				red;
}

span.disabled
{
	color:				#555;
}

span.bonus
{
	color:				red;
}

del
{
	color:				#666;
	font-size:			1.2em;
}

span.price
{
	color:				#8a3b68;
	font-size:			1.4em;
}

span.price-big
{
	color:				#8a3b68;
	font-size:			1.4em;
	margin-left:		10px;
}

#twitter
{
	background-image:	url('../pics/misc/twitter.gif');
	display:			block;	
	height:				73px;
	width:				143px;
}

#twitter:hover
{
	background-image:	url('../pics/misc/twitter_hover.gif');
}

#blog
{
	background-image:	url('../pics/misc/blog_screenshot_hover.jpg');
	display:			block;	
	height:				162px;
	width:				252px;
}

#blog:hover
{
	background-image:	url('../pics/misc/blog_screenshot_hover.jpg');
}

hr
{
	border:				1px solid #eee;
	margin:				15px 0;
}

#footer
{
	background-color:	#fff;
	border:				1px solid #ccc;
	padding:			15px;
	color:				#000;	
	font-size:			0.7em;
	text-align:			right;
}