/*********************
 ** LILLEBERRE
 ** www.lilleberre.no
 **/

body  	{ 	font: 12px Arial; 	color: #414141; 	margin:0 auto 0 auto;}
.wrapper{	margin:0 auto 0 auto;	width:800px;	padding:5px 5px 5px 5px;	background-color: #fff; }

a .desc  		{color:#fff; text-decoration:none;}
a:hover .desc  	{color:#f00;  text-decoration:none;}
a img 			{border:none;}
a, a:hover		{text-decoration:none;}

/*** COLORS ***/
.purple 	{ background-color:#b00057; color:#fff;padding:25px 25px 25px 25px;}
	.purple a{text-decoration:underline;}
.purple_inside{padding:25px  5px 0 425px;}
.pink 	{ background-color:#e20043; color:#fff;padding:25px 25px 25px 25px;}
	.purple a, .pink a, .purple_inside a{ color:#fff;}
	.pink a:hover, .purple a:hover, .purple_inside a:hover{ color:#fff; text-decoration:underline;}
	.purple_inside a{margin-right:10px; text-decoration:underline;}
	.pink a{text-decoration:underline;}

.header{ background: #fff;margin-bottom:0px;}
	.header .menu{background: #000;	padding:5px 5px 5px 5px;margin:0 0 0 0;	border-top:0px solid #b00057;	}
	.header .menu  li {font-size:12px;	font-weight:bold; display:inline;}
		.header .menu  li  a{ color:#fff; text-transform:uppercase; text-decoration:none; padding:5px 5px 5px 5px; border:0px solid #333;}
		.header .menu  li  a:hover{ /*background-color:#fff;*/ color:#ff0000; }
	
	.header .contact{ position:relative; padding-right:10px; top:22px; font-size:12px;	}
		.header .contact a{padding:5px 5px 5px; color:#414141;}
		.header .contact a:hover{background:url('../img/opa_black60.png') repeat; color:#fff;}
		.header .contact img{vertical-align:middle;}
		.header .contact a img { border:none;}

h1{ margin-top:5px; margin-bottom:5px; font: 28px Arial; color:#fff; border-bottom:0px solid #fff; text-transform:uppercase; font-weight:normal;}
h2{ margin-top:5px; margin-bottom:7px; font: 18px Arial; color:#fff; border-bottom:0px solid #fff; font-weight:normal; }

/**** collections ****/
.koll		{ float:left; width:160px; height:160; margin:0 0px 0px 0; }
.koll img	{border:none;}
.koll .desc 	{font: 12px Verdana;  color:#444;position:relative;float:left;padding:0px 5px 0px 5px;bottom:20px;}
.koll .desc a{ color:#444;}


/**** designs ****/
.koll2 { float:left; width:160px; height:200; margin:0 0px 0px 0; border:0px solid #f7f7f7; padding:5px 19px 5px 19px;}
.koll2 img{border:1px solid #ccc; padding:2px 2px 2px 2px;}
.koll2 img:hover{border:1px solid #444;}
.koll2 .desc {
	font: 12px Verdana;  color:#444;
	padding:0px 5px 0px 5px;
}
.koll2 .desc:hover{ background-color:#ccc;}
.koll2 .desc a{ color:#444;}
.koll2 .desc a:hover{ color:#000;}
img.catalog {padding:5px 5px 5px 5px; background-color:#fff; border:0px solid #ccc;}

.visit_bottom{clear:both;}

/***** footer ***/
.footer { font-size:12px; color:#aaa; margin-top:15px; margin-bottom:10px; padding-top:15px; padding-bottom:5px; background:url("../img/dot.jpg") repeat-x;}
.footer a{ color:#777; text-decoration:none;}
.footer a:hover{ color:#ff0000; text-decoration:none;}

/***** text ***/
.slogan { font-size:16px; font-weight:bold; font-style: italic; }


/*** act ****/
.act{ margin-bottom:40px; }
.act_header{margin-bottom:40px;}
	.act .left{float:left; width:650px; background-color:;padding:0 5px 0 5px;}
	.act .right{float:right;width:300px; background-color:; padding:0 5px 0 5px;}
	.act .leftrightend{clear:both}
	
	.act h1{ font: 28px Georgia; color:#ff0000; border-bottom:2px solid #000; }
	.act h2{ margin-top:27px; font: 20px Georgia; color:#ff0000; border-bottom:2px solid #000; }
	
	.act a.link{ padding:5px 5px 5px 5px; font-size:12px; color:#000; border:1px solid #ccc; }
	.act a.link:hover{background-color:#ccc; border:1px solid #444; }
	

/*** prods **/	
.prod_pic_holder{background-color:#b00057; height:400px; color:#fff; }
.prod_pic_holder .desc{padding:5px 5px 5px 405px;}
.prod_pic_holder .desc a{padding:5px 5px 5px 405px;}
.prod_item{ width:400px; height:400px; }
.prod_item  a{
	position:relative;
	left:275px;
	bottom:25px;
	font-size:12px;
	padding:5px 5px 5px 5px;
	border:1px solid #b00057;background-color:#b00057;
	color:#fff;
}
.prod_item  a:hover{border:1px solid #e20043;background-color:#e20043;	}

/*** dealers */
.dealer{margin-right:5px;padding:5px 5px 5px 5px;width:170px;min-height:100px;float:left;border-top:1px solid #fff;}

/*** menu */
.menu_top {font-size:12px; padding:5px 0 5px 0; text-transform:uppercase;}
.menu_top a {color:#000;  padding: 0 5px 0 5px;}
.menu_top a:hover {color:#f00;}