html,body {
  background:#d2d4d5 url(../images/body_bg.jpg) top repeat-x;
  margin:0;
  padding:0;
  font:.85em arial, sans-serif;
  color:#676767;
}

#column {
  width:840px;
  margin:0 auto;
  border:1px solid #b3b2b2;
  border-width:0 1px;
  padding-bottom:83px;
  background:#fff url(../images/bottom_bg.jpg) bottom no-repeat;
}

/*********************/
/*** Header Styles ***/
/*********************/
#header {
  position:relative;
  background:#f3f2f2;
  width:840px;
  height:135px;
}

#header h1 {
  position:absolute;
  top:5px;
  right:15px;
  z-index:100;
}

#header h1,
#header h1 a {
  display:block;
  margin:0;
  padding:0;
  height:95px;
  width:93px;
  background:url(../images/header/logo.gif) no-repeat;
}

#header h1 a span {
  display:none;
}

/*********************/
/* Navigation Styles */
/*********************/
#mini_menu {
  list-style:none;
  display:none;
  margin:0;padding:5px 5px 5px 10px;
}

#mini_menu li {
  display:block;
  float:left;
  height:3em;
  line-height:3em;
  padding:0 5px;
  margin:0;
  background:url(../images/header/main_menu_div.gif) right no-repeat;
}

#mini_menu li.last {
  background:none;
}

#mini_menu li a {
  color:#0e1352;
  text-decoration:none;
  font-size:95%;
}

#main_menu {
  margin:0;
  height:3em;
  position:absolute;
  bottom:0;
  z-index: 999;
}

#main_menu a {
	display: block;
	color: #444;
}

#main_menu a:hover {
  color:#ee3535;
}

#main_menu li {
	float: left;
	margin-right: 10px;
}

#main_menu ul {
  margin:0;
  padding:0 5px 0 10px;
  list-style:none;
  height:3em;
  background:url(../images/header/main_menu_bg.jpg) bottom right no-repeat;
}

#main_menu ul li {
  display:block;
  float:left;
  height:3em;
  line-height:3em;
  padding:0 10px 0 0;
  margin:0 10px 0 0;
  background:url(../images/header/main_menu_div.gif) right no-repeat;
}

#main_menu ul li.last {
  background:none;
}

#main_menu ul li a {
  color:#616263;
  text-decoration:none;
}

#main_menu ul li ul {
  display:none;
  position:absolute;
  top:3em;
  left:0;
  width:810px;
  padding:0 15px;
  height:3em;
  background:#f5f5f5;
}

#main_menu li li a {
  color:#939393;
}

body#home li.home ul,
body#home_sub li.home ul,
body#about li.about ul,
body#why li.why ul,
body#boats li.boats ul,
body#service li.service ul,
body#planning li.planning ul,
body#competition li.competition ul {
  display:block;
}

#content {
  padding-top:0px;
}

#content h3 {
  margin-top:0;
}

body#home #home_page_feature,
body#about #content,
/*body#why #content,*/
body#boats #content,
body#planning #content,
body#competition #content {
  margin-top:2.8em;
}

body#home #content {
  margin-top:5px;
}

body#about li.about a,
/*body#why li.why a,*/
body#boats li.boats a,
body#service li.service a,
body#contact li.contact a {
  color:#ee3535;
}

body#about li.about li a,
/*body#why li.why li a,*/
body#boats li.boats li a,
body#service li.service li a,
body#contact li.contact li a {
  color:#939393;
}

ul.file_list {
	list-style: none;
}
ul.file_list li {
	padding-left: 25px;
	line-height: 1.8em;
}
ul.file_list li.doc {
	background: url(../images/icon-doc.gif) no-repeat left;
}
ul.file_list li.pdf {
	background: url(../images/icon-pdf.gif) no-repeat left;
}

#main_menu ul .item{display:none;}
#main_menu ul:hover .item{display:block;}
#main_menu{position:absolute;}

/*********************/
/*** Footer Styles ***/
/*********************/
#footer {
  width:840px;
  margin:0 auto;
  text-align:right;
  font-size: 0.9em;
}

#footer img {
  vertical-align:middle;
}

#footer a {
  color:#676767;
}

/* ********* VISIT JANOUSEK TAB ********* */

#visit_janousek {
	position: absolute;
	left: -37px;
	top: 31px;
}
* > #visit_janousek {
	top: 6px;
}

#visit_janousek a {
	display: block;
	width: 37px;
	height: 112px;
	background: url(../images/stampfli-in.jpg) no-repeat top left;
}

#visit_janousek a span {
	display: none;
}



/*********************/
/* Hacks/Misc Styles */
/*********************/
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cf {display: inline-block;}

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


/*
==========================
===== FLASH MESSAGES =====
==========================
*/
#flash-messages {
	padding: 0 20px 10px 20px;
}
.flash {
	text-decoration: none;
	padding: 0.5em;
	color: #fff;
	font-size: 0.9em;
}
.flash a:hover {
	background: transparent;
}

.fatal, .error, .bad, .warn, .info, .good, .debug {
	padding: 10px 10px 10px 40px;
	margin: 1.5em 0 0 0;
}
.fatal {
	background: #FFFF9F url(../images/warning.gif) no-repeat scroll 7px;
	border-top: #FF9933 solid 1px;
	border-bottom: #FF9933 solid 1px;
	color: #400;
}
.error, .bad {
	background: #FFE7DF url(../images/warning.gif) no-repeat scroll 7px;
	border-top: #FF3F00 solid 1px;
	border-bottom: #FF3F00 solid 1px;
	color: #400;
}
.info, .good {
	background: #C9FFC8 url(../images/check.gif) no-repeat scroll 7px;
	border-top: #58AF57 solid 1px;
	border-bottom: #58AF57 solid 1px;
	color: #040;
}
.debug {
	background-color: #EEE;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	color: #444;
}
.warn {
	background: #AFE8FF url(../images/information.gif) no-repeat scroll 7px;
	border-top: #0167A2 solid 1px;
	border-bottom: #0167A2 solid 1px;
	color: #004;
}

/**
 * INPUT BOXES ETC
 */

input, select, textarea { 
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
	border: #ccc solid 1px;
	padding: 2px;
}