@charset "utf-8";

/* 
	Client: Trysil Blomsterforretning
	Design: snedig.no
	Email: elisabeth@snedig.no
*/

/* ----------------------- some general css ----------------------- */

* {margin: 0; border: 0; padding: 0;
list-style-type: none; background-repeat: no-repeat; font-weight: normal;
}

body {
background-color: #EDEBC8;
color: #725C3E;
font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
font-size: 62.5%;
}
	
a {text-decoration: none;}
a:focus	{outline: none;}
a:hover {color: #757F3B;}
	
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
line-height: 28px;
letter-spacing: 1px;
margin-top: 30px;
margin-left: 45px;
}

h1 a {color: #846B46; font-weight: bold;}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.5em;
font-style: italic;
font-weight: bold;
margin: 0 20px 0.4em 20px;
color: #818C41;
}

h3 {
font-size: 1.7em;
margin-bottom: 0.1em;
margin-left: 20px;
}

/* ----------------------- nav column ----------------------- */

#nav {
width: 385px;
position: fixed;
background: url(img/bg.png) no-repeat;
}

#menu {
font-family: Georgia, "Times New Roman", Times, serif;
height: 425px;
}

#nav h3	{
position: absolute;
left: -5000px;
top: -5000px;
}

#nav p {
font-size: 1.1em;
color: #aba07a;
margin-left: 22px;
}

#nav p a {color: #7f7659;}

#nav #tlf {
color: #846B46;
font-size: 20px;
font-family: Georgia;
margin-top: 5px;
margin-right: 25px;
text-align: right;
}


/* ----------------------- content column ----------------------- */

#content {
background-color: #fff;
background: url(img/bg_content.png) repeat-y;
width: 618px;
position: absolute;		/*for IE6*/
top: 0px;
margin-left: 380px;
padding-top: 15px;
}

#content p {
font-size: 1.3em;
line-height: 1.5em;
margin: 0 50px 1.5em 22px;
}

#content ul {
font-size: 1.3em;
line-height: 1.5em;
margin: 0 0 1.5em 22px;
}

img	{
margin-bottom: 15px;
margin-left: 20px;
}


/* ----------------------- ridiculus amounts of css for the menu, muhahahaaa ----------------------- */
	
#menu li {
display: block;
position: absolute;
}
			
#menu li a {
display: block;
font-size: 22px;
line-height: 22px;
font-weight: bold;
border: 0px solid gray;
}
			
#menu01	{top: 90px; left: 15px;}		/*bukett*/
#menu02	{top: 95px; left: 125px;}		/*potteblomst*/			
#menu03	{top: 180px; left: 125px;}		/*dekorasjon*/	
#menu04	{top: 190px; left: 10px;}		/*fødsel*/	
#menu05	{top: 200px; left: 150px;}		/*festbordet*/	
#menu06	{top: 280px; left: 40px;}		/*bryllup*/	
#menu07	{top: 280px; left: 195px;}		/*sorg*/
#menu08	{top: 310px; left: 15px;}		/*jul*/
#menu09	{top: 360px; left: 155px;}		/*påske*/
#menu10	{top: 390px; left: 30px;}		/*utendørs*/
#menu11	{top: 415px; left: 200px;}		/*gaver og pynt*/
#menu12	{top: 450px; left: 20px;}		/*kunstige blomster*/
#menu13	{top: 500px; left: 210px;}		/*om oss*/
#menu14	{top: 590px; left: 90px;}		/*begravelsesbyrå*/

ul#menu li#menu01 a	{color: #D64BB0; background-image: url(img/menu01.png); background-position: top left; padding-top: 70px; padding-left: 30px;}
ul#menu li#menu02 a	{color: #D64EA3; background-image: url(img/menu02.png); background-position: top left; padding-top: 50px; padding-left: 60px;}
ul#menu li#menu03 a	{color: #D75097; background-image: url(img/menu03.png); background-position: bottom right; padding-bottom: 60px; padding-right: 80px;} 
ul#menu li#menu04 a	{color: #D8538B; background-image: url(img/menu04.png); background-position: top left; padding-top: 55px; padding-left: 60px;}		  
ul#menu li#menu05 a	{color: #D8557D; background-image: url(img/menu05.png); background-position: top left; padding-top: 55px; padding-left: 80px;} 
ul#menu li#menu06 a	{color: #D85871; background-image: url(img/menu06.png); background-position: bottom right; padding-bottom: 60px; padding-right: 70px;} 
ul#menu li#menu07 a	{color: #D95B64; background-image: url(img/menu07.png); background-position: top left; padding-top: 50px; padding-left: 75px;}
ul#menu li#menu08 a	{color: #DA5C58; background-image: url(img/menu08.png); background-position: top left; padding-top: 50px; padding-left: 65px;}
ul#menu li#menu09 a	{color: #DA5F4B; background-image: url(img/menu09.png); background-position: bottom right; padding-bottom: 60px; padding-right: 60px;}
ul#menu li#menu10 a	{color: #DB623E; background-image: url(img/menu10.png); background-position: bottom left; padding-bottom: 65px; padding-left: 55px;}
ul#menu li#menu11 a	{color: #DC6532; background-image: url(img/menu11.png); background-position: top right; padding-top: 30px; padding-right: 65px;}	  
ul#menu li#menu12 a	{color: #DD6626; background-image: url(img/menu12.png); background-position: top right; padding-top: 30px; padding-right: 70px;}
ul#menu li#menu13 a	{color: #DD6919; background-image: url(img/menu13.png); background-position: top left; padding-top: 50px; padding-left: 55px;}
ul#menu li#menu14 a	{color: #DE6C0C; background-image: url(img/menu14.png); background-position: bottom right; padding-bottom: 55px; padding-right: 80px;}

ul#menu li#menu01 a:hover {color: #757F3B; background-image: url(img/menu01h.png);}
ul#menu li#menu02 a:hover {color: #757F3B; background-image: url(img/menu02h.png);}   
ul#menu li#menu03 a:hover {color: #757F3B; background-image: url(img/menu03h.png);}
ul#menu li#menu04 a:hover {color: #757F3B; background-image: url(img/menu04h.png);}
ul#menu li#menu05 a:hover {color: #757F3B; background-image: url(img/menu05h.png);}
ul#menu li#menu06 a:hover {color: #757F3B; background-image: url(img/menu06h.png);}
ul#menu li#menu07 a:hover {color: #757F3B; background-image: url(img/menu07h.png);}
ul#menu li#menu08 a:hover {color: #757F3B; background-image: url(img/menu08h.png);}
ul#menu li#menu09 a:hover {color: #757F3B; background-image: url(img/menu09h.png);}
ul#menu li#menu10 a:hover {color: #757F3B; background-image: url(img/menu10h.png);}
ul#menu li#menu11 a:hover {color: #757F3B; background-image: url(img/menu11h.png);}
ul#menu li#menu12 a:hover {color: #757F3B; background-image: url(img/menu12h.png);}
ul#menu li#menu13 a:hover {color: #757F3B; background-image: url(img/menu13h.png);}
ul#menu li#menu14 a:hover {color: #757F3B; background-image: url(img/menu14h.png);}


/* ----------------------- all done, go away now ----------------------- */