body {
color:#483D33;
text-align:center;
background-image:url(images/k_back.jpg);
background-repeat:repeat;
font:85%/1.125em Verdana, Arial, Helvetica, sans-serif
}

body,html,h1,h2,h3,h4,h5,h6,p,div {
margin:0;
padding:0
}

img {
border:0 none
}

p {
width:310px;
font-size:0.875em;
display:block;
color:#524634;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 50px 10px 80px
}

h2 {
width:310px;
font-size:0.97em;
color:#524634;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:15px 50px 10px 80px
}

h3 {
display:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#000
}

h4 {
color:#524634;
position:relative;
top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:24px 10px 15px 20px
}

h5 {
color:#524634;
padding-top:10px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.875em
}

h6 {
color:#524634;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:3px 10px 10px
}

a {
color:#524634;
text-decoration:underline
}

a:visited {
color:#342406
}

a:hover {
text-decoration:none
}

#sisalto {
	position:relative;
	width:704px;
	text-align:left;
	color:#483D2E;
	background:#7F7353 repeat;
	border-top:4px double #72674A;
	border-left:4px double #72674A;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	border-right: 4px double #72674A;
}

#intro {
position:absolute;
width:500px;
height:330px;
float:right;
left:150px;
top:0;
overflow:hidden;
margin:0;
padding:0 50px 0 0
}

#esittely {
position:relative;
background:#B5BB7D;
width:150px;
height:330px;
margin:0;
padding:0
}

#k_haku {
width:700px;
position:relative;
background:#7F7353;
height:55px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333;
border-bottom:4px double #72674A;
margin:0;
padding:0
}

#kurssit {
position:relative;
background:#7F7353 repeat;
width:700px
}

#painter,#photoshop,#illustrator,#dreamweaver,#bryce,#flash,#art {
width:440px;
text-align:left;
position:relative;
padding-left:150px;
overflow:hidden
}

#painter {
background:#FFFFCD url(images/painter_pattern.gif) repeat
}

#photoshop {
background:#B5BB7D url(images/photoshop.png) no-repeat left;
overflow:hidden
}

#illustrator {
color:#524634;
background-color:#FAC46C;
background-image:url(images/illustrator.png);
background-repeat:repeat-y;
background-position:0
}

#dreamweaver {
color:#524634;
background-color:#FFFFCD;
background-image:url(images/dreamweaver.png);
background-repeat:no-repeat;
background-position:left bottom
}

#bryce {
color:#524634;
background-color:#B5BB7D;
background-image:url(images/bryce.png);
background-repeat:repeat-x;
background-position:50%
}

#flash {
color:#524634;
background-color:#FAC46C;
background-image:url(images/flash.png);
background-repeat:repeat-x;
background-position:50%
}

#art {
color:#524634;
background-color:#FFFFCD;
background-image:url(images/gallery.png);
background-repeat:no-repeat;
background-position:left bottom
}

#linkit {
position:absolute;
color:#524634;
width:105px;
background:#7F7353;
font-family:Verdana, Arial, Helvetica, sans-serif;
left:592px;
top:40px;
margin:0
}

#footer {
background:#7F7353;
width:700px;
position:relative
}

#valikko {
position:relative;
width:270px;
height:25px;
top:5px;
margin:0;
padding:0
}

#select {
background:#FCFFD6 repeat;
font-family:Verdana, Geneva, sans-serif;
color:#363324
}

.sivulista {
background:#FCFFD6
}

.keltainen {
background:#FFC
}

.oranssi {
background:#FAC46C
}

.green {
background:#B5BB7D
}

.ruskea {
background:#7F7353
}

.linkit_p {
color:#524634;
display:block;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:700
}

.sivut {
position:absolute;
left:7px
}

.welcome {
position:relative;
float:right;
display:block;
margin:0;
padding:0
}

#flag {
background-color:#FAC46C;
width:100px;
height:35px;
text-align:center;
float:right;
top:0;
position:relative;
font:bold 1em/2.3em Verdana, Arial, Helvetica, sans-serif;
right:4px;
margin:0;
padding:0
}

.hakupalkki {
position:relative;
width:180px;
height:18px;
border:3px inset #7F7353;
background-color:#FFFFCD;
overflow:hidden;
margin:3px 0 0 3px;
padding:0
}

.mail {
	position:absolute;
	right:112px;
	top: 0px;
}

.hae {
position:absolute;
border:2px outset #7F7353;
height:18px;
width:120px;
background-color:#FFFFCD;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2F291B;
overflow:hidden;
top:28px;
left:30px;
margin:0;
padding:0
}

#valikkohaku {
height:35px;
position:relative;
color:#524634;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:700px;
margin:0;
padding:0
}

.linkitp2 {
position:relative;
width:100px;
left:5px;
display:block;
color:#524634;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0;
padding:0
}

#footer p {
color:#524634;
text-align:center;
font:0.8em Verdana, Geneva, sans-serif;
width:700px;
margin:0;
padding:4px 0
}

.footer_img {
padding-top:5px;
padding-left:10px;
padding-right:10px
}

.esiteteksti {
	width:130px;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:20px 5px 20px 10px;
	display: block;
	height: auto;
	font: bold normal 0.94em/1.1em Arial, Helvetica, sans-serif;
}
#esite-01,#esite-02,#esite-03,#esite-04,#esite-05,#esite-06,#esite-07,#esite-08,#esite-09,#esite-10,#esite-11,#esite-12,#esite-13,#esite-14,#esite-15 {
	border:0px;
} 
#esite-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
}

#esite-02 {
	position:absolute;
	left:110px;
	top:0px;
	width:110px;
	height:110px;
}

#esite-03 {
	position:absolute;
	left:220px;
	top:0px;
	width:110px;
	height:110px;
}

#esite-04 {
	position:absolute;
	left:330px;
	top:0px;
	width:110px;
	height:110px;
}

#esite-05 {
	position:absolute;
	left:440px;
	top:0px;
	width:110px;
	height:110px;
}

#esite-06 {
	position:absolute;
	left:0px;
	top:110px;
	width:110px;
	height:110px;
}

#esite-07 {
	position:absolute;
	left:110px;
	top:110px;
	width:110px;
	height:110px;
}

#esite-08 {
	position:absolute;
	left:220px;
	top:110px;
	width:110px;
	height:110px;
}

#esite-09 {
	position:absolute;
	left:330px;
	top:110px;
	width:110px;
	height:110px;
}

#esite-10 {
	position:absolute;
	left:440px;
	top:110px;
	width:110px;
	height:110px;
}

#esite-11 {
	position:absolute;
	left:0px;
	top:220px;
	width:110px;
	height:110px;
}

#esite-12 {
	position:absolute;
	left:110px;
	top:220px;
	width:110px;
	height:110px;
}

#esite-13 {
	position:absolute;
	left:220px;
	top:220px;
	width:110px;
	height:110px;
}

#esite-14 {
	position:absolute;
	left:330px;
	top:220px;
	width:110px;
	height:110px;
}

#esite-15 {
	position:absolute;
	left:440px;
	top:220px;
	width:110px;
	height:110px;
}
/* CSS Flickr flash gallery */
.zg_div {
	width:104px;
	margin: 0px;
	padding: 2px;
}
.zg_div_inner {
	color:#524634;
	text-align:left;
	font-family:arial, helvetica;
	font-size:0.8em;
	padding: 0px;
}
.zg_div a, .zg_div a:hover, .zg_div a:visited {
	color:#F7D183;
	background:inherit !important;
	text-decoration:underline !important;
}

#sisalto #kurssit #linkit .redbubble {
	padding-left: 13%;
}