/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 8pt;
  font-family: inherit;
  text-decoration: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* CSS RESET ENDS */


/* FONT RESET */
body {
  font-size: 8pt;
  font-family: Arial,sans-serif;
  line-height: 17px;
	color: #0e0e0e;
}


h1,h2,h3,h4,h5,h6 {margin: 0 0 15px 0; line-height: 20px; }
h1 { font-size: 15pt; color: #a1711e; font-family: Myriad pro, sans-serif; font-weight:normal; }
h2 { font-size: 15pt; color: #0e0e0e; font-family: Myriad pro, sans-serif; font-weight:normal; }
h3 { font-size: 13pt; color: #0e0e0e; font-family: Arial, sans-serif; font-weight:normal;}
h4 { font-size: 13pt; color: #a1711e;  font-family: Arial, sans-serif; font-weight:normal;}
h5 { font-size: 10pt; color: #0e0e0e; font-family: Arial, sans-serif; font-weight:bold;}
h5 { font-size: 10pt; color: #a1711e; font-family: Arial, sans-serif; font-weight:bold;}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a {
  color: #a1711e;
}

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

#frontpage_content ul, #subpage_content ul {
	list-style-position: inside;
}

body {
	text-align: center;
	background-color: #fff;
	background-image: url(../background/body.png);
	background-repeat: repeat-x;
}

#wrap {
	width: 930px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#nav {
	position: relative;
	z-index: 3;
	height: 34px;
	margin: 57px 0px 0px 0px;
}

#nav li {
	list-style-type: none;
	float: left;
	margin: 0px 6px 0px 0px;
	background-color: #f0f0f0;
}

#nav li a {
	float: left;
	display: block;
	text-decoration: none;
	font-family: myriad pro;
	font-size: 12pt;
	padding: 5px 6px 12px 6px
}

#nav li a:hover {
	background-color: #fff;
}

#nav li a.current {
	background-color: #fff;
}

#flash_wrap {
	width: 930px;
	height: 285px;
	position: relative;
}

#header {
	width: 930px;
	height: 285px;
	position: relative;
}

.ti_Koskenranta_Ajankohtaista {
	background-image: url(../background/ajankohtaista.png);
	background-repeat: no-repeat;
}

.ti_Ravintola_Koskenranta {
	background-image: url(../background/ravintola.png);
	background-repeat: no-repeat;
}

.ti_Tapahtumakeskus_Koskenranta {
	background-image: url(../background/tapahtumat.png);
	background-repeat: no-repeat;
}
.ti_lounaslistat{
  background-image: url(../background/ravintola.png);
  background-repeat: no-repeat;
}
.ti_Koskenranta_Tarjouspyynto {
	background-image: url(../background/tarjouspyynto.png);
	background-repeat: no-repeat;
}

.ti_Koskenranta_Yhteystiedot {
	background-image: url(../background/yhteystiedot.png);
	background-repeat: no-repeat;
}

/*#flash_header{
	position: absolute;
	top: 100px;
}*/

#lounaslista {
	width: 222px;
	min-height: 472px;
	height: auto !important;
	height: 472px;
	position: relative;
	z-index: 3;
	float: right;
	margin-top: -131px;
	padding: 15px 8px 0px 8px;
	background-image: url(../background/lounaslista.png);
	background-repeat: no-repeat;
}

#lounaslista ul{
	list-style-type: none;
	background-color: #fff;
}

#lounaslista ul li{
  margin: 12px 0px 12px 0px;
	text-align: center;
}

#lounaslista ul li.top{
  margin: 0;
	width: 222px;
	height: 84px;
	background-image: url(../background/lounaslista_top.png);
	background-repeat: no-repeat;
}

#lounaslista ul li.bottom{
  margin: 0;
	width: 222px;
	height: 149px;
	background-image: url(../background/lounaslista_bottom.png);
	background-repeat: no-repeat;
}

#lounaslista ul li.brown_line {
  display: block;
	margin: 0px 66px;
	line-height: 0px;
  width: 90px;
	height: 1px;
	background-image: url(../background/lounaslista_brown_line.png);
	background-repeat: repeat-x;
	background-position: center center;
}

#contentwrap {
	min-height: 1px;
	height: auto !important;
	height: 1px;
	width: 930px;
	margin-bottom: 50px;
}

#ajankohtaista{
	min-height: 1px;
	height: auto !important;
	height: 1px;
	width: 195px;
	float: left;
	margin-right: 30px;
	line-height: 14px;
}

#frontpage_content{
	min-height: 1px;
	height: auto !important;
	height: 1px;
	width: 450px;
	float: left;
}

#subnav{
	width: 195px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	float: left;
	margin: 0px 30px 0px 0px;
	list-style-type: none;
}

#subnav li a{
	width: 100%;
	padding: 6px 0px;
	font-family: myriad pro;
	font-size: 11pt;
	display: block;
	color: #9f7023;
	border-bottom: 1px solid #9f7023;
}

#subnav li a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

#subnav li a.current {
	color: #000;
	border-bottom: 1px solid #000;
}

#subpage_content {
	width: 705px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	float: right;
}

#footer {
	border-top: 1px solid #d6d6d6;
	clear: both;
	padding: 7px 0px;
}

#footer p a{
	color: #0e0e0e;
}

.clear {
	clear: both;
}