/* @author - SimpleSystems.pl */

* {
	margin:0;
	padding:0;
}

body {
	background:url('../img/page-bg.jpg') top repeat-x #dbe7f5;
	text-align:center;
	color:#314e6e;
	font-family:"Lucida Grande", "Tahoma", Arial;
}

div {
	text-align:left;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h2 {
	font-style:italic;
	text-transform: uppercase;
	padding-bottom:5px;
}

h3 {
	color:rgb(180,180,180);
}

p {
	text-align:justify;
	line-height:1.5em;
}

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:5px;
}

#producers li {
	color:rgb(200,200,200);
}

/* LAYOUT */

#page {
	width:685px;
	margin: 0 auto;
} 

#logo {
	background:transparent url('../img/logo.png') no-repeat scroll left top;
	display:block;
	height:55px;
	left:13px;
	position:absolute;
	text-indent:-9999px;
	top:25px;
	width:193px;
}

#tagline {
	background:transparent url('../img/tagline.png') no-repeat scroll left top;
	display:block;
	left:251px;
	position:absolute;
	text-indent:-9999px;
	top:43px;
	width:290px;
}
#header {
	position:relative;
	background:url('../img/header.jpg') top left no-repeat;
	height:190px;
}

#content {
	background:transparent url('../img/content.png') repeat-y scroll left top;
}
#content2 {
	background:transparent url('../img/bottom.jpg') no-repeat scroll left bottom;
	padding-bottom:15px;
}

#footer a {
	font-size:10px;
	font-family:"Lucida Grande", Arial;
	color:#748CA6;
	margin-left:10px;
	padding-bottom:15px;
}

#footer div {
	float:left;
	width:450px;
}

#footer span {
	font-size:10px;
	font-family:"Lucida Grande", Arial;
	color:#748CA6;
	display:block;
	float:right;
	font-style:italic;
}

#footer span a {
	margin:0 15px 0 0;
	font-weight:bold;
	font-style:italic;	
}

#sidebar {
	width:145px;
	height:400px;
	padding-left:15px;
	float:right;
	background:url('../img/sidebar-bg.jpg') top left no-repeat;
}
#txt {
	width:480px;
	margin-left:20px;
	float:left;
}

#txt h3 {
	color:#314e6e;
	padding-left:15px;
	font-size:14px;
	height:25px;
}

.clear {
	clear:both;
}

#menu {
	height:70px;
	position:absolute;
	top:95px;
}
#menu a {
	display:block;
	height:69px;
	line-height:69px;
	float:left;
	text-indent:-9999px;
}
#menu-item-1 {
	width:132px;
}

#menu-item-2 {
	width:149px;
}

#menu-item-3 {
	width:200px;
}

#menu-item-4 {
	width:108px;
}

.contact {
	width:150px;
	text-align:right;
}
/* pngfix */
.png, img {
	behavior: expression(	
		(
		this.origBg = this.origBg? 
			this.origBg 
			: 
			this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','')
		),	
		this.behaviorSet == undefined?
		(
				this.origBg.match(/.png$/) == null?
				(this.nodeName == "IMG" && this.src.match(/.png$/))?
				(
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
					this.src = "/path/to/transparent.gif"
				)
				:
				null
			:
				this.origBg.match(/.png$/)?
				(this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + ((this.currentStyle.backgroundRepeat == "no-repeat")? "crop" : "scale") + "')",
				this.style.background = 'none'):null
		)
		:
		null
		,
		this.style.behavior='none', 
		this.runtimeStyle.behavior='none',
		this.behaviorSet = true
	);
}