/*  
Theme Name: Pension Garden
Theme URI: http://www.pensiongarden.com/
Description: XHTML&CSS Pension Garden CSS Theming File.
Version: 0.1
Author: Vojta @ inCUBE
Author URI: http://incube.cz/
*/

/* --------------------------------- RESET --------------------------------- */
HTML,BODY,DIV,SPAN,APPLET,OBJECT,H1,H2,H3,H4,H5,H6,UL,OL,LI,DD,DL,TABLE,P,A,BLOCKQUOTE,CITE,ABBR {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* --------------------------------- GENERAL ---------------------------------*/
HTML,BODY {
    width:100%;
    min-height: 100%;
    height: auto;
    background: url(../images/html-bg.png) top left repeat;
}
BODY {
    font-family: Georgia, Calibri, Arial, Verdana, Helvetica, serif;
    font-size: 62.51%;
    text-align: center;
    background: url(../images/body-bg.png) top repeat-x;

}

/* --------------------------------- GENERAL ---------------------------------*/

#outer-wrap {
    margin: 0;
    background: url(../images/wrap-bg.png) no-repeat top center;
    width: 100%;
    min-height: 200px;
}

#inner-wrap {
    width: 692px;
    text-align: left;
    margin: 0 auto;
}

#content-outer-wrapper {
    background: url(../images/content-outer-wrapper.jpg) top center repeat-y;
	position: relative;
}


#content-inner-wrapper {
    background: url(../images/content-inner-wrapper.jpg) top left no-repeat;
    padding: 20px;
    padding-bottom: 188px;
    min-height: 200px;
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 1.3em;
}

#content {
  width: 452px;
  float: left;
  position: relative;
  z-index: 2;  
}
#extras {
  width: 195px;
  float: right;
  position: relative;
  z-index: 2;
}


#footer-wrapper {
    background: url(../images/footer-bg.png) bottom center no-repeat;
    display: block;
    height: 188px;
    width: 100%;
    position: relative;
    margin-top: -188px;
}
#footer {
    padding-top: 160px;
    margin: 0 auto;
    width: 600px;
    text-align: left;
    color: #ffc400;
    position: relative;
}
#footer A {
	color: #80c342;
	text-decoration: none;
	padding: 5px;
}
#footer A:hover {
	background: #80c342;
	color: #000;
}

/* --------------------------------- HEADER ---------------------------------*/
#header {
    margin: 0;
    width: 692px;
    height: 63px;
    position: relative;
}
H1 {
    width: 255px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 25px;
}
    H1 A {
	display: block;
	width: 100%;
	height: 100%;
    }
#flash-container {
	float: left;
}

/* --------------------------------- LANGUAGE BAR ---------------------------------*/

#nav-lang {
    
	float: right;
	margin-right: 20px;
}
    #nav-lang LI {
	display: inline;
    }
    #nav-lang LI A {
	display: block;
	width: 48px;
	height: 39px;
	float: left;
	background: url(../images/flags.png) top left no-repeat;
    }
	#nav-lang LI.flag-2 A {
	  background-position: -51px 0;
	}
	#nav-lang LI.flag-3 A {
	  background-position: -101px 0;
	}
	#nav-lang LI.flag-4 A {
	  background-position: -151px 0;
	}
	#nav-lang LI.flag-1 A:hover, #nav-lang LI.flag-1 A.active {
	  background-position: 0px 100%;
	}	
	#nav-lang LI.flag-2 A:hover, #nav-lang LI.flag-2 A.active {
	  background-position: -51px 100%;
	}
	#nav-lang LI.flag-3 A:hover, #nav-lang LI.flag-3 A.active {
	  background-position: -101px 100%;
	}
	#nav-lang LI.flag-4 A:hover, #nav-lang LI.flag-4 A.active {
	  background-position: -151px 100%;
	}	

/* --------------------------------- PRIMARY NAV ---------------------------------*/

#nav-primary {
    display: block;
    padding: 0 25px;
    height: 56px;
    background: transparent;
    text-align: center;
}
#nav-primary UL {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}
    #nav-primary LI {
	display: block;
	float: left;
	height: 100%;
	margin: 0 5px;
    }
    .de #nav-primary LI {
		margin: 0 2px;
    }
    .en #nav-primary LI {
		margin: 0 10px;
    }
	.pl #nav-primary LI {
		margin: 0 6px;
	}
    #nav-primary A {
	display: block;
	color: #fc0;
	text-decoration: none;
	font-size: 1.2em;
	font-family: Georgia, serif;
    }
	#nav-primary a SPAN {
	    display: block;
	}
	#nav-primary .active A, #nav-primary A:hover, #nav-primary .active A SPAN, #nav-primary A:hover SPAN {
	    background-image: url(../images/nav-bg.png) !important;
	}
	#nav-primary .active A,#nav-primary .active A:hover {
	    background-position: 0 -56px;
	}
	#nav-primary .active A SPAN, #nav-primary .active A:hover SPAN {
	    background-position: 100% -56px;
	}
	#nav-primary A:hover {
	    background-position: top left;
	}
	#nav-primary A:hover SPAN {
	    background-position: 100% -112px;
	}
    #nav-primary I {
		display: block;
		background: url(../images/nav-i-bg.png) 5px 50% no-repeat;
		padding: 20px 8px;
		padding-left: 20px;
		font-style: normal;
    }
    .de #nav-primary I {
		padding-right: 4px;
    }

/* --------------------------------- CONTENT --------------------------------*/
A IMG, H2 IMG {
  border: 0;
}
H2 IMG {
	border: 0 !important;
	float: none !important;
	margin: 0 !important;
}
#button-gallery {
  position: absolute;
  width: 29px;
  height: 96px;
  background: url(../images/button-gallery.png) top right no-repeat;
  left: -29px;
}
.en #button-gallery {
  background: url(../images/en-button-gallery.png) top right no-repeat;
}
.pl #button-gallery {
  background: url(../images/pl-button-gallery.png) top right no-repeat;
}
#button-gallery:hover, #button-gallery.active {
  background-position: bottom right !important;
}

#content IMG {
  border: 5px solid #5e4f30;
  float: left;
  margin: 0 20px 10px 0;
}
#content IMG {
  float: right;
  margin: 0 0 10px 20px;	
}
    
#homepage-gallery {
  width: 475px;
  height: 225px;
  background: url(../images/top-gallery-4.jpg) top left no-repeat;
  float: left;
  position: relative;
}
	#homepage-gallery SPAN {
		background: url(../images/top-gallery-4.jpg) top left no-repeat;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#homepage-gallery SPAN#img-1 {
		background: url(../images/top-gallery-1.jpg) top left no-repeat;
	}
	#homepage-gallery SPAN#img-2 {
		background: url(../images/top-gallery-2.jpg) top left no-repeat;
	}
	#homepage-gallery SPAN#img-3 {
		background: url(../images/top-gallery-3.jpg) top left no-repeat;
	}
	#homepage-gallery SPAN#img-4 {
		background: url(../images/top-gallery-4.jpg) top left no-repeat;
	}

	#homepage-gallery A {
		text-decoration: none;
		position: relative;
		z-index: 3;
		cursor: pointer;
	}
	#homepage-gallery #gal-back {
		position: absolute;
		top: 15px;
		left: 15px;
	}
	#homepage-gallery #gal-next {
		position: absolute;
		top: 15px;
		right: 15px;
	}
	#gal-list {
		position: absolute;
		bottom: 15px;
		right: 15px;
	}	
#description {
  width: 217px;
  height: 175px;
  background: url(../images/top-description-bg.png) top left no-repeat;
  float: left;
  padding-top: 50px;
}
#description.en {
	background: url(../images/en-top-description-bg.png) top left no-repeat;
}
#description.pl {
	background: url(../images/pl-top-description-bg.png) top left no-repeat;
}
#description.de {
	background: url(../images/de-top-description-bg.png) top left no-repeat;
}
  #description H3 {
  }
  #description P {
	font-size: 1.1em;
	color: #ffbb00;
	margin: 5px 15px;
  }
  
  #content {
	font-size: 1em;
  }
  #content P {
	margin: 15px 5px;
  }
  #content UL, #content OL {
	margin-left: 30px;
	clear: left;
  }
  
  #extras .heading {
	background: #624c30;
	color: #fb0;
	margin: 5px 0;
	padding: 5px 10px;
	font-family: Georgia, Calibri, Arial, Verdana, Helvetica, serif;
	font-size: 1em;
	
  }
  .first {
	margin-top: 0 !important;
  }
  H3 {
	background: url(../images/th-bg.png) top left repeat-x #8d0307;
	padding: 2px 15px;
	font-family: Georgia, Calibri, Arial, Verdana, Helvetica, serif;
	color: #ffc400;
	font-size: 1.2em;
  }
  TABLE {
	width: 100%;
  }
  TH {
	background: url(../images/th-bg.png) top left repeat-x #8d0307;
	padding: 2px 5px;
	text-align: center;
	font-family: Georgia, Calibri, Arial, Verdana, Helvetica, serif;
	color: #ffc400;
	font-size: 0.9em;
  }
  
  TD {
	background: #9f8350;
	padding: 2px 5px;
	text-align: center;	
  }
  #content IMG {
	 border: 4px solid #5e4f30;
	 margin: 12px;
  }
  #content-inner-wrapper A {
	color: #f00;
  }
  #homepage-gallery A {
	color: #ffbb00;
	background: #2d2115;
	padding: 4px;
	border: 1px solid #4f3b25;
  }
  
LABEL {
	width: 10em;
	display: block;
	text-align: left;
	font-weight: bold;
	float: left;
	margin-left: 3em;
	font-family: Georgia, Calibri, Arial, Verdana, Helvetica, serif;
	font-size: 0.8em;
	line-height: 1.9em;
	background: #9f8350;
	padding: 0 5px;
	margin-right: 2px;
}
DIV.form-item {
	margin: 5px 0;
}
INPUT#form-submit {
	margin-left: 2.5em;
}
/* --------------------------------- TOP ---------------------------------*/
#top {
    background: url(../images/top-bg.png) top left no-repeat;
    height: 225px;
}

#nav-primary {
    background: url(../images/nav-primary.png) top left no-repeat;
}
    
/* --------------------------------- MISC ---------------------------------*/
.right {
	text-align: right;
}
.clear {
	clear: both;
}
.img-replaced, .replaced-h2 {
    position: absolute;
    left: -9999px;
}
.right-pos {
    position: absolute;
    right: 0;
    bottom: 0;
}

.clearafter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.clearafter {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearafter {height: 1%;}
.clearafter {display: block;}
/* End hide from IE-mac */