/* CSS Document */
body {
	background-image: url(kuvat/kukkagrafiikka_eng.jpg);
}

#grafdesign {
	float: left;
	width: 196px;
	height: 200px;
	clear: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-image: url(kuvat/graficdesign.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 46px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	}

#layout {
	float: left;
	width: 196px;
	height: 200px;
	clear: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-image: url(kuvat/layouts.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 46px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	}
	
#web {
	float: left;
	width: 196px;
	height: 200px;
	clear: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-image: url(kuvat/webdesign.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 46px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	}
	
#illustrations {
	float: left;
	width: 196px;
	height: 200px;
	clear: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: thin solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-image: url(kuvat/illustrations.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 46px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	}

	
#contact {
	width: 40px;
	height: 140px;
	padding: 0px;
	clear: none;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: fixed;
	left: 0px;
	top: 30px;
	}
	
#contact a {
	width: 40px;
	height: 140px;
	padding: 0px;
	clear: none;
	background-color: #FFCC33;
	background-image: url(kuvat/contact_a.gif);
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: fixed;
	left: 0px;
	top: 30px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	}
	
#contact a:hover {
	width: 200px;
	height: 140px;
	background-image: url(kuvat/contact_b.gif);
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	}