*{
margin:					0;
padding:				0;
}
.scrolling-content
	{
		background-color:			#fff;
		position:					absolute;
		padding:					15px 30px;
		}

html
{
	height:                100.1%;
}
#palvelut, #kotisivujen_teko, #graafinen_suunnittelu, #referenssit, #yhteys{
width:700px;
background:none;
}

body
{
	background:				#fff url(../images/tausta_tile.jpg) repeat-x top;
	height:					100%;
	font:					12px/1.7 "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-align:				center;
}
div#kukkatausta{
background: transparent url(../images/kukka_ala.jpg) 100% 213px no-repeat;
}
div#vasen{
background: transparent url(../images/kukka_ala2.jpg) 0% 213px no-repeat;
}
div#tile-wrap{

}
.klaatikko, .glaatikko{
margin:40px 0 0 10px;
}

a img
{
	border:					0;
}


a:link, a:visited
{
	color:					#3a3d40;
	text-decoration:none;
}

a:hover, a:active
{
	color:					#3a3d40;
}

.clear
{
	clear:					both;
	overflow:				hidden;
	width:					1px;
	height:					1px;
	margin:					0 -1px -1px 0;
	border:					0;
	font-size:				0;
	line-height:			0px;
}

/* layout */

#container {
	width:					700px;
	background:				transparent;
	margin: 				0 auto;
	text-align:				left;
	overflow:				auto;
}

/* javascript */

.ajax-loading
{
	padding:                50px;
	background:             url(../images/spinner.gif) no-repeat center;
}
.roundcont {
	width: 800px;
	height:355px;
	background: #fff url(../images/kukka_tausta2.png) no-repeat 0% 100%; 
	color: #222;
	}

.roundtop { 
	background: url(../images/oikea_yla.gif) no-repeat top right; 
	
}
.roundbottom {
	background:  url(../images/oikea_ala.gif) no-repeat top right;
	
	margin-top:334px;	 
}

img.corner {
   width: 11px;
   height: 11px;
   border: none;
   display: block !important;
}
div#header{
background: url(../images/header_tausta.gif) repeat-x;
height:126px;
}
h1.logo{
background: transparent url(../images/MyJoyLogo.gif) no-repeat center center;
height:126px;
}
h1.logo span{
visibility:hidden;
}
h2.palvtekst{
background: transparent url(../images/palvelut.gif) no-repeat center center;
height:37px;
width:176px;
margin:50px 0 30px;

}
h2.palvtekst span{
visibility:hidden;
}
h2.reftekst{
background: transparent url(../images/referenssit.png) no-repeat top left;
height:34px;
width:404px;
margin:0;
}
h2.reftekst span{
visibility:hidden;
}
h2.webref{
font-size:11px;
color:#231f20;
font-weight:normal;
display:none;
}
h2.webref span{
visibility:hidden;
}
h2.yhteystekst{
background: transparent url(../images/yhteystiedot.png) no-repeat top left;
height:34px;
width:170px;
}
h2.yhteystekst span{
visibility:hidden;
}

h1.graafinen_suunnittelu{
background: transparent url(../images/graafinen_otsikko.png) no-repeat center center;
height:34px;
width:405px;

}
h1.graafinen_suunnittelu span{
visibility:hidden;
}
h1.kotisivujen_teko{
background: transparent url(../images/kotisivujen_teko.png) no-repeat center center;
height:34px;
width:405px;

}
h1.kotisivujen_teko span{
visibility:hidden;
}
table{
margin-left:20px;
}
a.luelisaa, a.luelisaa:link, a.luelisaa:visited{
background:url(../images/luelisaa.png) no-repeat top left;
color:#fff;
text-decoration:none;
padding:6px 30px 7px 28px;
font-size:10px;

}
a:hover.luelisaa{
background:url(../images/luelisaa.png) no-repeat bottom left;
}
a.luelisaa3, a.luelisaa3:link, a.luelisaa3:visited{
background:url(../images/luelisaa.png) no-repeat top left;
color:#fff;
text-decoration:none;
padding:6px 32px 7px 34px;
font-size:10px;
margin-right:8px;
}
a:hover.luelisaa3{
background:url(../images/luelisaa.png) no-repeat bottom left;
}
a.graafinen_link, a.graafinen_link:link, a.graafinen_link:visited{
background:url(../images/graafinen_link.png) no-repeat top right;
color:#fff;
text-decoration:none;
padding:11px 48px 11px 30px;
font-size:11px;
margin:40px 0 0 0;
}
a.graafinen_link:hover{
background:url(../images/graafinen_link.png) no-repeat bottom right;

}
a.kotisivut_link, a.kotisivut_link:link, a.kotisivut_link:visited{
background:url(../images/kotisivut_link.png) no-repeat top right;
color:#fff;
text-decoration:none;
padding:11px 110px 11px 40px;
font-size:11px;
margin-left: 40px;
}
a.kotisivut_link:hover{
background:url(../images/kotisivut_link.png) no-repeat bottom right;
}
a.luelisaa2, a.luelisaa2:link, a.luelisaa2:visited{
background:url(../images/luelisaa2.png) no-repeat top left;
color:#fff;
text-decoration:none;
padding:6px 34px 7px 32px;
font-size:10px;
}
a:hover.luelisaa2{
background:url(../images/luelisaa2.png) no-repeat bottom left;
}
.back{
margin-right:0px;
}
a.luelisaa2, a.luelisaa2:link, a.luelisaa2:visited .etu {
margin:0;
padding:6px 34px 7px 32px;
}
#graafinen_suunnittelu td{

}
#referenssit table{
margin:0 0 0 30px;
}
#referenssit td{
padding-right:10px;
}
.lomake{

}
.laatikko{
margin-left:0px;
}


ul.menu 								{ 	
height : 39px;
width : 273px;
/*width : 334px; ---> con blog*/
position : absolute;
top : 105px;
left : 50%;
margin : 0 0 0 -137px;
/*margin : 0 0 0 -167px; ---> con blog*/
z-index : 10;
 }
ul.menu li a {

display:block;
padding:9px 0;
background-image:url(../images/menu.t.png);	

}											
ul.menu li 	{
									
display : block;
height : 39px;
float : left;
													}
ul.menu li.palvelut 							{ 	width : 91px; background-position: 0 -117px; } 		
ul.menu li.referenssit 							{ 	width : 87px; background-position :  -91px -78px; } 		
ul.menu li.blog 								{ 	width : 61px; background-position : -178px -78px; }
ul.menu li.yhteys 								{ 	width : 95px; background-position : -239px -78px; }
ul.menu li.palvelut a 							{ 	background-position :      0 0; padding-left: 6px;}
ul.menu li.referenssit a 								{ 	background-position :  -91px 0; }
ul.menu li.blog a 								{ 	background-position : -178px 0; }
ul.menu li.yhteys a 							{ 	background-position : -239px 0; padding-right: 6px; }
	
ul.menu li.palvelut a:hover 				{ 	background-position :      0 -39px; }
ul.menu li.referenssit a:hover 						{ 	background-position :  -91px -39px; }
ul.menu li.blog a:hover 					{ 	background-position : -178px -39px; }
ul.menu li.yhteys  a:hover 					{ 	background-position : -239px -39px; }
ul.menu li.selected{
		background-image : url(../images/menu.t.png) !important;
	}
	
div#footer{
background: #fff url(../images/footer_tausta.gif) repeat-x;
color:#231f20;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
height:124px;
padding-top:10px;
}
div#footer p{
height:20px;
padding-left:10px;
width:250px;
margin:0 auto;
background:url(../images/myjoypikku.gif) no-repeat 0 0;
}

/**************************************************************

	MultiBox
	v1.0

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: solid 5px #E9ECEF;
	padding: 20px;
	background: #FFF url(../images/tausta_tile.jpg) repeat-x;
	display: none;
	z-index: 2;
}

.MultiBoxLoading {
	background: url(../images/loading.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: transparent;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;

}

.yhteysbox{
margin:18px 0 0 20px;
}

/*************************************************************/

/*Forms*/
.description{
width:200px;
float:left;
}
address{
font-style:normal;
}

h1.yhteys
button { display: block; margin-top: 1em; background: #f9f9f9; border-top: 2px outset #b4b4b4; border-right: 2px ridge #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.2em arial; font-weight: bold; color: #222; }
form { margin: 0; padding: 0; }
form .blue { font-weight: bold; color: #8CC63F; }
input { display: block; float: left; width: 60%; height: 1.6em; margin: 0 0 .5em 0; padding: .4em .3em .0em .3em; background: url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; font-weight: bold; color: #444; }
input:focus { background: url(../images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #e4eef9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }
label { display: block; float: left; width: 100px; font: 1.1em verdana; line-height: 2em; color: #222; }
option { background: #f9f9f9; }
select { display: block; float: left; width: 62.5%; height: 1.8em; margin: 0 0 .5em 0; padding-top: .2em; background: url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px inset #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1.6em; font-weight: bold; color: #444; }
select:focus { border-color: #c2d5e9; }
textarea { width: 300px; padding: .4em .3em .0em .3em; background: #fff url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 1.3em arial; line-height: 1em; font-weight: bold; color: #444; }
textarea:focus { background: #fff url(../images/input_bg_hover.gif) bottom repeat-x; border-top: 1px solid #c2d5e9; border-right: 1px solid #e4eef9; border-bottom: 2px dotted #c2d5e9; border-left: 1px solid #c2d5e9; }
input.submit {display: block; float: right; width: 100px; height: 30px; margin: 0 0 0 0; padding: 0 10px; background: url(../images/input_bg.gif) bottom repeat-x; border-top: 1px solid #b4b4b4; border-right: 1px solid #dbdbdb; border-bottom: 2px ridge #dbdbdb; border-left: 1px solid #b4b4b4; font: 11px arial; font-weight: bold; color: #444;
cursor:pointer; position:absolute; bottom:0px; right:0px; }
input.laheta:hover{
background: #F4F4F4;

}