/*  Author: Jaroslav Suchý, www.jerry-lee.cz, +420607640837 */

/*  GENERAL HTML */

html, body {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
	margin: 0; padding: 0;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

body {
  background: #008158 url('../images/body-row-bg.png') center 711px repeat-y;
}

#inner {
  background: url('../images/body-bg.png') center top no-repeat;
}

#sitename {
  display: none;
}

a {
  outline: none;
  color: #ffae00;
}

a img {
	border: 0;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 18px;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.page {
  width: 965px;
  margin: 0 auto;
}

#flash_header {
  height: 249px;
  margin-bottom: 9px;
}

#content_area {
  background: #ffffff;  
  padding-top: 28px;
  overflow: hidden;
  width: 100%;
}

#left_column {
  width: 245px;
  background-color: #ffffff;
  display: inline;
  float: left;
  margin-left: 17px;
}

/* LEFT + MENU */

#main_menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px #8e8e8e dotted;
  margin-bottom: 17px;
}

#main_menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main_menu a {
  display: block;
  height: 29px;
  line-height: 29px;
  color: #333333;
  text-decoration: none;
  border-bottom: 1px #8e8e8e dotted;
  padding-left: 23px;
  background: url('../images/menu-item-bg.gif') 4px 11px no-repeat;
}

#main_menu a:hover {
  text-decoration: underline;
  color: #ffae00;
}

#loga {
  text-align: center;
  line-height: 1.1em;
  margin-bottom: 10px;
}

.loga {
  margin-bottom: 9px;
}

/* FORM */

form {
  padding: 0;
  margin: 0;
}

/* CONTENT */

#content {
  width: 655px;
  display: inline;
  float: left;
  background-color: #ffffff;
  margin-left: 28px;
  line-height: 20px;
}

h1 {
  border-bottom: 3px #007550 solid;
  font-size: 18px;
  color: #174738;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* FOOTER */

#footer {
  clear: both;
  background-color: #3b3839;
  height: 260px;
  color: #d9d9d9;
}

#footer a {
  color: #d9d9d9;
}

#footer a:hover {
  color: #ffae00;
}

#footer #page_spacer {
  height: 30px;
  background-color: #ffffff;
}

#footer_left {
  width: 516px;
  height: 137px;
  display: inline;
  float: left;
  background: #131111 url('../images/corner-bottom-left.gif') left bottom no-repeat;
  padding: 20px;
}

#footer_right {
  width: 369px;
  height: 137px;
  display: inline;
  float: left;
  background: #161515 url('../images/corner-bottom-right.gif') right bottom no-repeat;
  padding: 20px;
}

#footer_bottom {
  clear: both;
  background-color: #3b3839;
  color: #919191;
  font-weight: bold;
  padding-top: 5px;
}

#footer_bottom .left {
  display: inline;
  float: left;
  margin-left: 20px;
}

#footer_bottom .right {
  display: inline;
  float: right;
  margin-right: 20px;
}

#footer_bottom a {
  color: #919191;
}

#footer h2 {
  color: #919191;
  font-size: 14px;
  margin-bottom: 15px;
}

#footer_left ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer_left ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 20px;
  padding-left: 17px;
  background: url('../images/list-item-bg.gif') 2px 7px no-repeat;  
}

#footer_left ul li h3 {
  font-size: 11px;
  display: inline;
}

/* FOOTER CAROUSEL */

#carousel_container {
  margin-left: 100px;
}

#carousel_inner {
  float:left; /* important for inline positioning */
  width:128px; /* important (this width = width of list item(including margin) * items shown */
  overflow: hidden;  /* important (hide the items outside the div) */
  position: relative;
}

#carousel_ul {
  position:relative;
  left:-128px; /* important (this should be negative number of list items width(including margin) */
  list-style-type: none; /* removing the default styling for unordered list items */
  margin: 0px;
  padding: 0px;
  width:9999px; /* important */
}

#carousel_ul li{
  float: left; /* important for inline positioning of the list items */
  width:128px;  /* fixed width, important */
  /* just styling bellow*/
  padding:0px;
  height:95px;
}

#carousel_ul li img {
  .margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
  /* styling */
  cursor:pointer;
  cursor: hand;
  border: 3px #ffffff solid;
}

#left_scroll, #right_scroll{
  float:left;
  height:17px;
  width:12px;
  margin-top: 38px;
}

#left_scroll {
  margin-right: 10px;
}

#right_scroll {
  margin-left: 10px;
}

#left_scroll img, #right_scroll img{
  border:0; /* remove the default border of linked image */
  /*styling*/
  cursor: pointer;
  cursor: hand;
}