* {
	margin: 0;
}
html {
	height: 100%;
}


body {

     background-repeat:no-repeat;
     background-position:center;
     color: black;
     font-family: Arial, sans-serif;
     font-size: 100%;
     margin: 0px;
     height: 100%;

}

#wrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -95px;
}

#header {
     background-color: #333333;
     height: 20px;
     margin: 0px;
     overflow: hidden;
     padding: 0px;
     width: 100%;
}

#etusivuWrapper {
     background-color:white;
     background-repeat:no-repeat;
     width: 100%;

}

#sisasivuWrapper {
background-color:white;
     background-repeat:no-repeat;
     width: 100%;

}



#sisasivuTausta {
     background-image:url('../img/herkut.jpg');

background-repeat:no-repeat;
min-height:900px;
}

#leivontaTausta {
     background-image:url('../img/kakku.jpg');

background-repeat:no-repeat;
height:600px;
}


#muutTausta {
     background-image:url('../img/kippo.jpg');

background-repeat:no-repeat;
height:800px;
}

#kastikeTausta {
     background-image:url('../img/pullot.jpg');

background-repeat:no-repeat;
height:700px;
}

#sisaltoWrapper {


     min-width: 980px;
     overflow: hidden;
     padding:0px;
     margin:0px;
     width: 980px;
     float:left;
}



span {
color:#336666;
}


#tervetuloa {
     float: left;
     height: 293px;
     width: 461px;
}



#kuva {
     background: none repeat scroll 0% 0% lightgrey;
     display: block;
     float: right;
     width: 680px;
     padding:0;
     margin:0;
}
#etusivukuva {
width:680px;
height:310px;
float:right;
display:block;
padding:0;
margin:0;
background-image:url('../img/etusivukuva.jpg');
}

#sisaltoalue {
     background: none repeat scroll 0% 0% white;
     width: 680px;
	float:right;
}

h1 {
	 margin: 0px;
	 padding:10px 60px 0px 90px;
     font-size: 40px;
     font-weight: normal;
}

h2 {
	 margin: 0px;
	 padding:10px 60px 10px 90px;
     font-weight: normal;
}

#sisaltoalue p {
     float: left;
     font-size: 17px;
     line-height: 130%;
     margin: 0px;
     padding: 0px 60px 30px 90px;
}

.sisaltokuva {
     float: left;
display: block;
     margin-left:0px;
     margin-top:0px;
}

.maustemyllyt {
     float: left;
display: block;
     margin-left:140px;
     margin-top:0px;
}

.isot_maustemyllyt {
     float: left;
display: block;
     margin-left:200px;
     margin-top:0px;
}




.tekstit {
float:left;
}


/*NAVI*/

#naviWrapper {
     float: left;
     margin-top:0px;
padding:0;
width:300px;
height:100%;
}
#menu {
     list-style: none outside none;
     width: 300px;
     float:top left;
     padding:0;
     margin:0;
}
#primary-nav {
padding-left:0px;
}
.vikalinkki {
     height: 307px;
     width: 300px;
     background-image:url('http://www.gs-yhtyma.fi/uploads/images/naviloppu.jpg');
}
.ekalinkki {
     height: 77px;
     width: 320px;
     background-image:url('http://www.gs-yhtyma.fi/uploads/images/logolinkki.jpg');
}
#menuwrapper ul li a span {
display:inline-block;
     height: 64px;
     width: 300px;
     background-image:url('http://www.gs-yhtyma.fi/uploads/images/linkkitausta.jpg');
     background-repeat: no-repeat;
		font-family: 'Open Sans Condensed',sans-serif;
     color: #336666;
     font-size: 16px;
     font-weight: normal;
     text-decoration: none;
     line-height:64px;
     text-align:center;
}
#menuwrapper ul li a span:hover {
	color:#cc9966;
	background-image:url('http://www.gs-yhtyma.fi/uploads/images/aktiivinen.jpg');
}
#menuwrapper ul li.menuactive span {
display:inline-block;
     height: 64px;
     width: 300px;
    background-image:url('http://www.gs-yhtyma.fi/uploads/images/aktiivinen.jpg');
	font-family: 'Open Sans Condensed',sans-serif;
     color: #cc9966;
     font-size: 16px;
     font-weight: normal;
     text-decoration: none;
     line-height:64px;
     text-align:center;
}



/*FOOTER*/
.push {
	height: 95px; /* .push must be the same height as .footer */
}

#footer {
position: relative;
	/*margin-top: -95px;*/ /* negative value of footer height */
	height: 95px;
	overflow:hidden;
	clear:both;		
	background-color:#333333;
	width:100%;
min-width:1220px;
	} 

#footertext {
     color: white;
     font-size: 14px;
     margin: auto;
     margin-top:20px;
     padding-top:20px;
     padding-bottom:0px;
     text-align: center;
     width: 980px;
}

.pipulinkki {
height:64px;
width:117px;
float:right;
position:relative;
bottom:40px;
right:40px;
}


.yhteystiedot {
padding:0;
margin-left:auto;
margin-right:auto;
}



#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 95px;}  /* must be same height as the footer */



/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

@media only screen and (min-width: 1557px) {
#sisasivuTausta {
background-position: right;
}
}
@media only screen and (min-width: 1439px) {
#leivontaTausta {
background-position: right;
}
}
@media only screen and (min-width: 1692px) {
#muutTausta {
background-position: right;
}
}
@media only screen and (min-width: 1295px) {
#kastikeTausta {
background-position: right;
}
}

/* Stylesheet: gs Modified On 2014-06-09 10:57:40 */