/* CSS Document */

/* Palette
 * #3399cc - lighter blue
 * #005984 - blue
 * #cc0000 - dark red
 *  
*/

/* CSS reset
------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, p, blockquote, th, td, legend {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

/* general
------------------------------------------------*/

.cleaner  {clear:both; height:0; color:#fff;}
.noscreen {position:absolute; left:-9999px; top:-9999px; height:1px; width:1px; overflow:hidden;}

body, input, textarea {font-family:Arial, Helvetica, sans-serif;}

/* raw layout
------------------------------------------------*/

body {
	background:#fff url(./body-grad-pattern.png) center top repeat-x; 
	color:#000; font-size:62.5%;}

#all {
	width:737px; margin:49px auto 100px auto; position:relative;
	background:url(./all-back-alpha.png) left top repeat-y;}

	/* 737 = 19 + 244 + (6) + 449 + 19 */

	#main {
		float:right; width:449px;
		padding-right:19px;}
		
	#sidebar {
		float:left; width:244px;
		padding-left:19px; margin-top:124px; /* logo height */}
		
/*
------------------------------------------------*/

#logo {}
	
	#logo a, #logo a span {
		position:absolute; left:0; top:0;
		width:244px; height:124px;}

	#logo a {
		left:19px; overflow:hidden;
		font-size:140%;}
	
		#logo a span {
			background:url(./logo.png) left top no-repeat;}
/*
------------------------------------------------*/

#d-grad-top {
	position:absolute; left:0; top:-29px;
	width:737px; height:29px; 
	background:url(./d-grad-top.png) left top no-repeat;}

/* menu
------------------------------------------------*/

#menu {}

	#menu a {
		display:block; height:28px; padding-left:38px;
		background:#3399cc url(./menuitem.png) left top no-repeat;
		border-bottom:1px solid white;
		font-size:120%; line-height:28px; color:#fff !important; text-decoration:none;}
	
	#menu .active a,
	#menu a:hover {
		background:#005984 url(./menuitem.png) left bottom no-repeat;}

/* main  (& content)
------------------------------------------------*/

#main {
	font-size:110%;}

#main-image {
	position:relative; height:297px;
	margin-bottom:1px;
	background:url(./main-image.jpg) left top no-repeat;}

	#main-image .over {
		position:absolute; left:133px; top:229px;
		width:290px;
		font-size:110%; font-weight:bold; line-height:1.6;}
		
		#main-image .over a,
		#main-image .over a span {
			position:absolute; width:170px; height:29px;}
		
		#main-image .over a {
			left:120px; top:20px; overflow:hidden;}
			
			#main-image .over a span {
				left:0; top:0; 
				background:url(./btn-shop.png) left top no-repeat;}
			
			#main-image .over a:hover span {
				background:url(./btn-shop.png) left bottom no-repeat;}

	/* headers */

h1, .pg-index h2 {
	height:28px; padding-left:38px; margin-bottom:15px;
	font-size:110%; color:#fff; font-weight:bold; line-height:28px;}

h1 {
	background:#cc0 url(./h-red.png) left top no-repeat;}
	
.pg-index h2 {
	background:#39c url(./h-blue.png) left top no-repeat;}	

.pg-sub h2 {
	margin:12px 12px 6px 12px;
	color:#3399cc; font-size:120%; font-weight:bold;}

	/* paragraphs... */

#content p,
#content ul,
#content ol {
	padding:0 12px; margin-bottom:1em;
	line-height:1.4;}

	/* links */

#content .more,
#content a {
	color:#3399cc; font-weight:bold;}

#content a:hover {
	text-decoration:none;}

	/* images */

#content img {
	padding:2px;
	border:1px solid #e5e5e5;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}

img.left {margin:6px 6px 6px 0;}
img.right {margin:6px 0 6px 6px;}
.center {margin:6px 0;}

	/* lists */

#content ul {
	padding-left:2.3em;
	list-style:square outside;}

#content ol {
	padding-left:2.7em;
	list-style:decimal outside;}

	/* news-like list */

#content .news-like {
		width:458px;}

	#content .news-like .one {
		width:206px; float:left; padding:7px;
		margin-right:5px;
		border-bottom:1px solid #dbdbdb;}
	
	#content .news-like .one h3 {
		margin-bottom:0.5em;
		padding:6px 10px;
		border-left:3px solid #666;
		font-weight:bold; line-height:160%;}

	#content .news-like .one p {
		color:#666; line-height:160%;}


#content {padding-bottom:30px;}

/* sidebar
------------------------------------------------*/

#sidebar a {
	color:#3399cc; font-weight:bold;}

#sidebar a:hover {
	text-decoration:none;}	


#sidebar .ads {
	font-size:110%; line-height:150%;;}
	
	#sidebar .ads li {
		padding:6px 0;
		border-bottom:1px solid #dbdbdb;}
	
		#sidebar .ads li h4 {
			margin-bottom:0.3em;
			font-size:110%;} 
		
		#sidebar .ads li .image {
			margin-top:-1em; float:right;}
			
			#sidebar .ads li .image a img {
				padding:2px;
				border:1px solid #e5e5e5;}
				
		#sidebar .ads li.red a {
			color:#cc0000;}
			
		#sidebar .ads li .descr {color:#333;}

/*
------------------------------------------------*/

#footer {
	clear:both; height:59px; padding:10px 0 0 30px;
	background:#999 url(./footer.png) left bottom no-repeat;
	font-size:110%; color:#fff; }

	#footer a {
		color:#fff;}

	#footer a:hover {
		text-decoration: none;}
	
	#footer p.c {font-weight:bold; margin-bottom:0.3em;}
		
/* CSS Document
 * written by Peter Kahoun / Kahi
 * web: kahi.cz ~ mail: kahi@kahi.cz 
 * 2007/10
**/