/* Structure */

html,
body
{
	padding: 0;
	margin: 0;
}

body
{
	text-align: center;
	/*min-width: 681px; /* for mozilla */
	min-height: 100%;
	font-family: "Times New Roman", times, sans-serif;
	font-size: 14px;
    background-color: #000000;
}

html
{
    height: 100%;
}


/* basic styles */

div {
	margin: 0;
}

h1
{
    font-family: "Times New Roman", Times, serif;
	font-size: 24px; 
	font-weight: bold;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 25px;
	color: #026340;
}

h2
{
    font-family: "Times New Roman", Times, serif;
	font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
	margin-bottom: 5px;
	line-height: 5px;
	color: #026340;
}

h3
{
    font-family: "Times New Roman", Times, serif;
	font-size: 13px;
    font-weight: bold;
    margin-top: 4px;
	margin-bottom: 4px;
	line-height: 10px;
	color: #000000;
}

p
{
    font-family:  "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
    line-height: 20px;
	font-size: 14px;
}

a {
	font-family:  "Times New Roman", Times, serif;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
    line-height: 14px;
	font-size: 13px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

tr {
	vertical-align: text-top;
}

img {
	border: 0;
}

textarea {
	width: 90%;
}

.centered {
	text-align: center;
}


/* div wrapper that is used to center the page */

#wrapper {
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 1280px;
}


/* header and footer divs - on all pages */

#header {
	top: 0px;
	position: absolute;
}

#footer {
	top: 102px;
	position: absolute;
}


/* main navigation divs - on all pages */

#home, #ciders, #meal, #punch, #contact {
	visibility: hidden;
	position: absolute;
}

/* Intro page */

#intro {
	position: relative;
	top: 300px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 1280px;
}



/* First page */

#mango {
	top: 175px;
	left: 269px;
	position: absolute;
}


/* placeholder divs for the page-frames */

#paper {
	top: 102px;
	position: absolute;
}

#content_home {
	position: absolute;
	top: 190px;
	left: 664px;
	width: 330px;
	z-index:2;
}

.mvlinkki{
	display:block;
	height:71px;
	left:847px;
	position:absolute;
	text-indent:-9999px;
	top:577px;
	width:132px;
}

.l1{
    left: 590px;
}

.l2{
    left: 720px;   
}

#wrapper .v201003 h1{
	font-size: 24px;
}
#wrapper .v201003 p{
	font-size: 16px;
}
#wrapper .v201003{
	font-size: 16px;
	top: 240px;
	left: 628px;
}

#content_footer {
	position: absolute;
	top: 773px;
	left: 145px;
	width: 1000px;
	z-index:2;
}

#content_footer #logospace{
	width: 270px;
	display: inline-block;
}

#content_home h1{
	margin-top: 50px;
}

#content_top {
	position: absolute;
	top: 140px;
	left: 295px;
	width: 690px;
	z-index:2;
}

#content_middle {
	position: absolute;
	top: 244px;
	left: 405px;
	width: 470px;
	z-index:2;
}

#content_middle_ciders {
	position: absolute;
	top: 244px;
	left: 295px;
	width: 690px;
}

.content_bottom_left {
	position: absolute;
	top: 340px;
	left: 295px;
	width: 200px;
	height: 320px;
	z-index: 2;
	visibility: inherit;
}

.content_bottom_rigth {
	position: absolute;
	padding: 3px 20px 0px 20px;
	top: 340px;
	left: 513px;
	width: 430px;
	height: 317px;
	border: solid;
	border-width: 1px;
	border-color: #34805f;
	z-index: 2;
	visibility: inherit;
}

.content_bottom_feedback{
	position: absolute;
	padding: 0px 10px 0px 10px;
	top: 340px;
	left: 295px;
	width: 670px;
	height: 320px;
	border: solid;
	border-width: 1px;
	border-color: #34805f;
	z-index: 2;
	visibility: inherit;
}


/* ciders page */

.cider_contains {
	font-family:  "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
    line-height: 16px;
	font-size: 13px;
}

.cider_nav_hover_wrapper {
	position: absolute;
	top: 220px;
	left: 260px;
	width: 690px;
}

.cider_nav_hover {
	float:left;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #FFFFFF;
}

#cider_content{
	visibility: visible;
}

#cider_content > div{
	visibility: hidden;
}

#cider1 {
	visibility: hidden;
}


/* meals page */

.meal_instructions {
	font-family:  "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 10px;
    line-height: 16px;
	font-size: 13px;
}

#menus {
	visibility: hidden;
}

#menu1 {
	visibility: visible;
}


/* punches page */
	
#punches {
	visibility: hidden;
}	

#punch2 {
	visibility: visible;
}


/* feedback page */

#feedback{
	/*visibility: hidden;*/
	visibility: visible
}

#feedbackRCol
{
    padding-left: 25px;
}


#feedbackSubmit
{
    text-align: center;
    margin-top: 15px;
}

#feedbackSubmit span
{
    border-style: solid;    
}

#feedbackSubmit span button
{
    background-color: transparent;
    cursor: pointer;
    font-size: 100%;
    overflow: visible;
    border: 1px solid #CCCCCC;
    display: -moz-inline-block;
}

strong {
	margin-top: 10px;
}

a.competitionlink{
	display:block;
	height:170px;
	left:664px;
	position:absolute;
	text-indent:-9999px;
	top:490px;
	width:330px;
}