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

body {
	padding: 0px 0px 30px 0px; 
	font-family:  Georgia, Times New Roman, Arial, Tahoma, Helvetica, sans-serif;
	color: #877c6d;
	font-size: 12px;
	line-height: 18px;
	background: #0a0907 url('images/bg_intro.jpg')  no-repeat center top;
}
body#norway{
	background: #0a0907 url('images/bg_intro_NO.jpg')  no-repeat center top;

}

a{ 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #844467;
	font-weight: normal;
	outline: none;
}

a:hover  { 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline; 
	color: #844467;
	font-weight: bold;
} 

a.back {
	background: url('images/arrow.png') no-repeat left 0px;
	padding: 4px 0 6px 40px;
	font-weight: bold;
}

a:hover.back {
	background: url('images/arrow_back.png') no-repeat left 0px;
	padding: 4px 26px 6px 40px;
	color: #ffffff;
	text-decoration: none;
}

a.go {
	background: url('images/arrow.png') no-repeat left 0px;
	padding: 4px 26px 6px 40px;
	font-weight: bold;
}

a:hover.go {
	background: url('images/arrow_go.png') no-repeat left 0px;
	padding: 4px 26px 6px 40px;
	color: #ffffff;
	text-decoration: none;
}

a.see {
	background: url('images/arrow_see.png') no-repeat left 1px;
	padding: 0 0 6px 25px;
	font-weight: bold;
	margin-top: 10px;
	text-decoration: none;
	height: 18px;
	display: block;
}

a:hover.see {
	background: url('images/arrow_see.png') no-repeat left 1px;
	padding: 0 0 6px 25px;
	color: #af658e;
	text-decoration: underline;
	margin-top: 10px;
}

#center_intro{
	width: 500px;
	margin: 0 auto;
}

#center{
	width: 900px;
	margin: 0 auto;
}

#logo_intro {
	margin: 77px 0 50px 0;
	background: url('images/logo_intro.png') no-repeat center top;
	width: 500px;
	height: 140px;
	display: block;
}

#content_intro {
	color: #e0dbd0;
	font-size: 16px;
	font-style: oblique;
	text-align: center;
	margin: 0 0 10px 0;
}

#content_intro h1{
	color: #e0dbd0;
	font-size: 22px;
	font-style: oblique;
	text-align: center;
	font-weight: normal;
}

#enter {
	text-align: center;
}

#logo {
	background: url('images/logo.png') no-repeat 20px top;
	width: 750px;
	margin: 15px 0 15px 0;
	height: 70px;
	display: block;
	float: left;
}

#lang {
	background: url('images/lang.png') no-repeat left 2px;
	padding: 0 0 0 70px;
	margin-top: 65px;
	width: 80px;
	height: 15px;
	display: block;
	float: left;
}

#lang img {
	margin: 0 5px 0 5px;
}

#myGallery {
	width: 900px;
	height: 350px;
	clear: both;
	margin: 0 0 30px 0;
}

#menu {
	width: 220px;
	float: left;
}
/* nowe menu */
#subnav a {
	display: block;
	padding: 0 0 2px 0;
	width: 220px; 
	height: 24px;
	background-position: 0px 2px ;
	background-repeat: no-repeat;
	text-indent: -7007px;
}
#subnav a.selected {
	background-position: 0px -24px ;
	padding: 0 0 2px 0;
}

#subnav a:hover {
	padding: 0 0 2px 0;
	background-position: 0px -24px ;
}

a#home{ 
	background-image: url('images/home.png');
}

a#about_us{ 
	background-image: url('images/about_us.png');
}

a#our_wines{ 
	background-image: url('images/our_wines.png');
}

a#contact{ 
	background-image: url('images/contact.png');
}

a#our_terroir{ 
	background-image: url('images/our_terroir.png');
}

a#south_african_wines{ 
	background-image: url('images/south_african_wines.png');
}

a#picture_gallery{ 
	background-image: url('images/picture_gallery.png');
}

a#wine_and_food{ 
	background-image: url('images/wine_and_food.png');
}

a#tour_south_africa{ 
	background-image: url('images/tour_south_africa.png');
}

#ourTerroirSubMenu{
	height: 0px;
	overflow: hidden;

	width: 220px
}

#content {
	float: left;
	position: relative;
	left: -20px;
	width: 500px;
}

#contentTop {
	background: url('images/content_bg_top.png')  no-repeat center 0px;
	height: 24px;
	width: 500px;
	
}

*html #contentCenter{
	height: 246px;
}
	
#contentCenter {
	background: #ffffff url('images/content_bg.jpg')  no-repeat center 0px;
	min-height: 246px;
	width: 440px;
	padding: 20px 30px 20px 30px;
	font-family: tahoma;
}

#contentCenter ul, ol {
	margin-left: 30px;
}

#contentCenter h2 {
	font-size: 30px;
	color: #844467;
	font-family: Times New Roman;
	font-weight: normal;
	margin: 0 0 15px 0;
}

#contentCenter .rainbow {
	background: url('images/cudzyslow.png')  no-repeat left top;
	color: #844467;
	padding: 0 30px 0 30px;
	font-size: 16px;
	font-family: Georgia;
	font-style: oblique;
}

#contentBottom{
	background: url('images/content_bg_bottom.png')  no-repeat center 0px;
	height: 36px;
	width: 500px;
}

#login_info {
	color: #af658e;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}

#login_bg {
	background: url('images/login_bg.png') no-repeat center 10px;
	width: 440px;
	padding: 10px 0 10px 0;
	height: 80px;
	border-top: 1px solid #e3dfd7;
	border-bottom: 1px solid #e3dfd7;
	margin: 0 0 15px 0;
}

#login_left{
	float: left;
	margin: 16px 0 0 20px !important;
	margin: 16px 0 0 10px;
	width: 290px;
}

#login_left p{
	float: left;
}

#login_left .user, .pass{
	float: left;
	text-align: right;
	padding: 2px 10px 0 0;
	width: 70px;
}

#login_left input {
	background: url('images/input_bg.png') no-repeat center 0px;
	font-size: 12px;
	font-family: arial;
	color: #777777;
	padding: 2px 6px 2px 6px ;
	width: 168px;
	height: 16px;
	margin: 2px !important;
	margin: 1px;
}

#login_right {
	float: left;
	padding: 12px 0 0 0;
	margin: 16px 0 20px 0;
}


#login_right input {
	background: url('images/login.png') no-repeat center 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0 6px 0 !important;
	padding: 4px 0 4px 0;
	width: 100px;
	cursor: pointer;
}

a.new_user {
	background: url('images/arrow.png') no-repeat left 0px;
	padding: 4px 0 6px 40px;
	font-weight: bold;
}

a:hover.new_user {
	background: url('images/arrow_registry.png') no-repeat left 0px;
	padding: 4px 20px 6px 40px;
	color: #ffffff;
	text-decoration: none;
}

#registry_info {
	color: #af658e;
	padding: 10px;
}

#registry_info ul, ol {	
	margin-left: 30px;
}

#registry_bg {
	background: url('images/registry_bg.png') no-repeat center 10px;
	width: 440px;
	padding: 30px 0 0px 0;
	height: 290px;
	border-top: 1px solid #e3dfd7;
	border-bottom: 1px solid #e3dfd7;
	margin: 0 0 15px 0;
}

#registry_bg p{
	float: left;
}
#registry_bg p.left {
	float: left;
	text-align: right;
	padding: 2px 10px 0 0;
	width: 140px;
}

#registry_bg input {
	background: url('images/input_bg.png') no-repeat center 0px;
	font-size: 12px;
	font-family: arial;
	color: #777777;
	padding: 2px 6px 2px 6px ;
	width: 168px;
	height: 16px;
	margin: 2px !important;
	margin: 1px;
	cursor: pointer;
}

#registry_bg input.check {
	display: block;
	float: left;
	width: 18px;
	height: 14px;
}

#registry_bg p.box {
	font-size: 11px;
	font-family: arial;
}

#register p{
	width: 400px;
	margin: 20px;
	border-top: 1px solid #ede9e2;
	padding: 10px 0 0 0;
	text-align: center;
	clear: both;
}


#register input {
	clear: both;
	background: url('images/login.png') no-repeat center 0px;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	color: #ffffff;
	padding: 3px 0 8px 0 !important;
	padding: 5px 0 6px 0;
	width: 120px;
}

.producer {
	margin: 0 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #e3dfd7;
	padding: 0 0 20px 0;
}

.producer h3 {
	color: #844467;
	font-size: 16px;
	margin: 0 0 10px 0;
}

.producerLogo {
	float: left;
	width: 140px;
	margin-right: 20px;
}

.producerText {
	float: left;
	width: 280px;
}

.producer2 {
	margin: 0 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #e3dfd7;
	padding: 0 0 20px 0;
}

.producerImage {
	float: left;
	width: 100px;
	margin-right: 20px;
}

.producerIntroduction {
	float: left;
	width: 320px;
	font-size: 11px;
	line-height: 15px;
}

.producerIntroduction h3 {
	color: #844467;
	font-size: 16px;
	margin: 0 0 10px 0;
}

#wine_contact {
	background: url('images/login_bg.png') no-repeat center 10px;
	width: 440px;
	padding: 10px 0 10px 0;
	height: 80px;
	border-top: 1px solid #e3dfd7;
	border-bottom: 1px solid #e3dfd7;
	margin: 15px 0 15px 0;
}

#wine_contact p {
	margin: 20px;
	color: #655948;
	text-align: center;
}

#wine_contact p .bold {
	color: #993366;
	font-weight: bold;
}

#wine_contact p .bold2 {
	color: #655948;
	font-weight: bold;
	font-size: 14px;
}

#login {
	float: left;
	width: 160px;
	color: #d7c8b3;
	font-family: arial;
	font-size: 11px;
	padding: 0 0 10px 0;
	background: url('images/login_pasek.png') no-repeat center bottom;
}

#login a.logout {
	background: url('images/arrow_welcome.png') no-repeat left 1px;
	padding: 0 0 6px 25px;
	font-weight: bold;
	margin-top: 10px;
	text-decoration: none;
	height: 18px;
	display: block;
	color: #af658e;
}

#login a:hover.logout  {
	background: url('images/arrow_welcome.png') no-repeat left 1px;
	padding: 0 0 6px 25px;
	color: #ffffff;
	text-decoration: underline;
	margin-top: 10px;
}

#login .welcome {
	font-size: 16px;
	font-family: Georgia;
	padding: 15px 0 0 0;
}

#login .welcome b {
	color: #ffffff;	
}

#logo_producer {
	float: left;
	width: 160px;
	text-align: center;
	padding: 0 0 10px 0;
}

#logo_producer p{
	padding: 10px 0 10px 0;
	background: url('images/login_pasek.png') no-repeat center bottom;
}

#footer {
	font-size: 11px;
	font-family: arial;
	clear: both;
	padding: 20px 0 20px 0 !important;
	padding: 0 0 20px 0;
	text-align: center;
}

#footer a{ 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #877c6d;
	font-weight: bold;
}

#footer a:hover  { 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline; 
	color: #ffffff;
	font-weight: bold;
} 

.fotoBox{
	width: 110px;
	float: left;
	text-align: center;
	color: #b26790;
}

.fotoBox a img{
	border: 1px solid #d5bac9;
	background-color: #ffffff;
	padding: 5px;
}	
	
.fotoBox p {
	font-size: 11px;
	
}

#fotoInfo {
	font-size: 10px;
	clear: both;
	border-top: 1px solid #e3dfd7;
	padding: 5px 0 10px 0;
	width: 440px;
	position: relative;
	top: 10px;
}
	
h2#logoTitle{
	position: relative;
	
}
	
.miniLogo{
	position: absolute; 
	left: 350px;
	top: -20px;
}