body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
	line-height: 1.4em;
    color: #fff;
}

a img {border:0;} 

#wrap {
    position: relative;
	background:#0d2601;
    width:770px;
    margin: 0 auto;
	border-top: solid 1px #374140; 
	border-left: solid 1px #374140; 
	border-right: solid 1px #374140; 
}

#navi {
	float:left;
	background:url(images/navi_background.jpg) no-repeat;
	width:346px;
	height:177px;
}

#links {
	position:relative;
	top:50px;
	left: 60px;
	width:190px;
	height:56px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

#links a {
	display:block;
	width:95px;
	height:28px;
}

#links td a {
	border: none;
}

#logo {
	float:left;
	background:#0d2601;
	width:424px;
	height:177px;
}

#logo a {
	position:relative;
	top:60px;
	display:block;
	width:332px;
	height:58px;
	margin:0 auto;
	background:url(images/kivisillanpaa_logo.png) no-repeat;
}

#big_picture {
	clear:both;
	width:770px;
	height:325px;
	border-top:solid 2px #374140;
	border-bottom:solid 2px #374140;
}

#full_content {
	padding-top:100px;
	background:#FFF;
	text-align: center;
	color: #0d2601;
	clear:both;
	width:770px;
	height:400px;
	border-top:solid 2px #374140;
	border-bottom:solid 2px #374140;
}

#left {
	padding:2em 0;
	color:#0d2601;
	background:#FFF;
	float:left;
	width:346px;
	border-bottom: solid 1px #0d2601;
}

#left.palvelut {
	padding:2em 0;
	color:#0d2601;
	background:#FFF;
	float:left;
	width:346px;
	height: 389px;
}

#left h3 {
	font-size:12px;
	margin-left: 45px;
	padding-bottom: 5px;
	text-align: left;
	font-weight:normal;
}

.pienempi {
	font-size:8pt;
}

#left table {
	margin-left: 43px;
}

#right {
	padding:5em 0;
	background: #0d2601;
	float:left;
	width:424px;
}

#right h3 {
	font-size:12px;
	margin-left: 50px;
	padding-bottom: 5px;
	text-align: left;
	font-weight:normal;
}

#right h4 {
	font-size:11px;
	margin-left: 50px;
	text-align: left;
}

#right p {
	margin-left: 50px;
	margin-right: 40px;
}

#right a {
	color: #9fcf45;
}

#right li {
	margin-left: 30px;
	margin-right: 40px;
}

#right h3.y {
	font-size:12px;
	padding-top: 30px;
	margin-left: 120px;
	padding-bottom: 5px;
	text-align: left;
	font-weight:normal;
}

#right h4.y {
	font-size:11px;
	margin-left: 120px;
	text-align: left;
}

#right p.y {
	margin-left: 120px;
}

#footer {
	padding-top: 1px;
	background:url(images/footer_background.jpg) no-repeat;
	clear:both;
	height: 44px;
}

#footer p {
	padding-top:5px;
	font-size:8pt;
	text-align:center;
}

#notice {
	width:770px;
	margin:0 auto;
	clear:both;
	background:#FFF;
	color:#0d2601;
	text-align: right;
	font-size: 6pt;
}


@media screen and (max-width: 770px) {
	
body {
	margin:0;
	padding:0;
}
	
#wrap {
    position: relative;
	background:#0d2601;
    width:100%;
    margin: 0 auto;
	border-top:none; 
	border-left:none; 
	border-right:none; 
}

#navi {
	float:none;
	background:url(images/navi_background.jpg) repeat-x;
	width:100%;	
	height:auto;
}

#links {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

#links a {
	display:block;
	width:100%;
	height:28px;
}

#links td {
	width:auto;
	display:inline-block;
	text-align:center;
	margin:0 10px;
}

#links tr {
	display:inline-block;
}

#links table {
	width:95%;
	margin:0 auto;
	text-align:center;
}

#links td a {
	display:inline-block;
	border: none;
}

#logo {
	float:none;
	background:#0d2601;
	width:100%;
	height:auto;
}

#logo a {
	position:relative;
	top:0;
	display:block;
	width:90%;
	height:auto;
	margin:20px auto;
	background:none;
	content:url(images/kivisillanpaa_logo.png);
}

#big_picture {
	clear:both;
	width:100%;
	height:auto;
	border-top:solid 2px #374140;
	border-bottom:solid 2px #374140;
}

#big_picture img {
	width:100%;
	height:auto;
}

#left {
	display:none;
}

#right {
	padding:2% 10%;
	background: #0d2601;
	float:none;
	width:80%;
}

#right h3 {
	font-size:150%;
	line-height:1.3;
	margin-left:0;
}

#right h4 {
	font-size:150%;
	line-height:1.3;
	margin-left:0;
}

#right p {
	margin-left:0;
	font-size:120%;
}

#right ul {
	list-style:outside;
	margin-left:-20px;
}

#right li {
	margin-left:0;
}

#right h3.y {
	font-size:150%;
	padding-top:0;
	margin-left:0;
	padding-bottom:0;
	text-align: left;
	font-weight:normal;
}

#right h4.y {
	font-size:150%;
	margin-left:0;
	text-align: left;
}

#right p.y {
	margin-left:0;
}

#footer {
	padding:1px;
	background:url(images/footer_backgroundx2.jpg) no-repeat;
	clear:both;
	height: auto;
}

#notice {
	width:100%;
	margin:0 auto;
	clear:both;
	background:#FFF;
	color:#0d2601;
	text-align:center;
	font-size: 6pt;
	line-height:1;
}

}