@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



body {
	font-family:Georgia, "Times New Roman";
	font-size:12px;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container {
	width: 976px;  
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: #DDDDDD;
	height:87px;
	padding: 0 010px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/bella_nails_01.gif);
	background-repeat:no-repeat;

}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-indent:-9999px;
}


#header p {
	font-size:18px;
	padding-left:380px;
	padding-top:15px;
}



#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image:url(images/bella_nails_02.gif);
	background-repeat:no-repeat;
	height:536px;
}




#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	background-image:url(images/bella_nails_03.gif);
	background-repeat:no-repeat;
	height:123px;
}
#footer p {
	padding-top:100px;
	text-align:center;
	font-size:16px;

}


.nav			{height:0px; margin-top:0px;font-weight:normal; font-size:18px; text-align:center; float:left; clear:both; display:block;}
.nav a		{background-image:url("images/navi.jpg"); background-repeat:no-repeat; float:left; height:0px; padding-top:0px; text-decoration:none; }
.nav a:hover	{text-decoration:underline;}

a.navKauppa		{
	text-indent:-9999px;
	position:relative;
	left:63px;
	top:39px;
	padding-left:0px;
	width:256px;
	height:254px;
	background-position:-8px -10px;
}


.navKauppa,		.navKauppaOn	{color:#000;}

a.navKauppaOn, a.navKauppa:hover 	{padding-left:0px; background-position:-8px -510px;}


a.navTietoa	{
	text-indent:0;
	position:relative;
	left:134px;
	top:60px;
	padding-left:0px;
	width:233px;
	height:210px;
	background-position:-335px -34px;
}


.navTietoa,		.navTietoaOn	{color:#000;}

a.navTietoaOn, a.navTietoa:hover 	{padding-left:0px; background-position:-335px -534px;}


.navtxt p
	{
		padding-top:70px;
}

.navtxt2 p
	{
		padding-top:80px;
}

.navtxt3 p
	{
		padding-top:90px;
}



a.navYht		{
	text-indent:0;
	float:left;
	position:relative;
	left:-264px;
	top:305px;
	padding-left:0px;
	width:241px;
	height:195px;
	background-position:-170px -284px;
}


.navYht,		.navYhtOn	{color:#000;}

a.navYhtOn, a.navYht:hover 	{padding-left:0px; background-position:-170px -784px;}


a.navHin	{
	text-indent:0;
	float:left;
	position:relative;
	left:-249px;
	top:295px;
	padding-left:0px;
	width:204px;
	height:215px;
	background-position:-426px -273px;
}


.navHin,		.navHinaOn	{color:#000;}

a.navHinOn, a.navHin:hover 	{padding-left:0px; background-position:-426px -773px;}


#liity
	{
		width:286px;
		height:72px;
		position:relative;
		top:220px;
		left:640px;
		

}