body { background-color: #dbdbdb; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #262626; }

a { text-decoration: none; color: #56c866; font-weight: bold; }
a:hover { color: #97ffa5;}

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 23px; margin: 0px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #000000; letter-spacing: -1px; font-weight: bold; margin-top: 0px; margin-bottom: 4px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -1px; font-weight: bold; color: #56c866; margin: 0px; margin-bottom: 4px;}


input { color: #5d5d5d;font-size: 10px; font-family: verdana; padding: 3px; padding-top: 6px;  width: 114px; height: 16px; margin-right: 5px; float: left; margin-top: 6px; border: 1px solid #000000; }

#top { background-image: url(../img/stripes.png); width: 100%; height: 165px; }
	#top-content {  width: 788px; padding-left: 42px; padding-right: 42px; height: 100px; float: left; padding-top: 50px;}
    #nav { background-image: url(../img/bg_nav.jpg); width: 100%; height: 38px; }
	#nav-content { width: 784px; padding-left: 46px; float: left; }
	#nav-menu { width: auto; float: left; padding-top: 12px; }
	
			.nav-spacer { font-family: arial; font-size: 12px; font-weight: bold; color: #97ffa5; padding-left: 15px; padding-right: 15px; float: left;}
			#nav-content a { letter-spacing: -1px; float: left; font-family: arial; font-size: 14px; font-weight: bold; color: #FFFFFF; } 
			#nav-content a:hover { color: #97ffa5; } 
		
		#nav-login { float: right; text-align: right; }
	
	
#content { background-image: url(../img/bg_content.jpg); width: 788px; height: auto; margin-left: auto; margin-right: auto; padding-left: 42px; padding-right: 42px; padding-top: 10px; float: left;  }

	.content-header { width: 788px; height: 210px; margin-bottom: 10px;}
	.content-tile { padding-right: 10px; text-align: right; width: 778px; height: 37px; border-top: 1px solid #c2c2c2; background-image: url(../img/bg_tile.jpg); float: left;}
	
.design-container { width: 788px; height: auto; margin-bottom: 10px; float: left; }
	
	.spacer { width: 10px; height: 10px; float: left; }
	.design-stor { width: 389px; height: 221px; float: left; }
	.design-liten { width: 256px; height: 146px; float: left; }
	
#design-pic { padding: 10px; padding-top: 220px; width: 369px; height: 120px; margin-right: 10px; float: left; background-color: #cccccc; cursor:pointer; }
	.kop-info { background-image: url(../img/bg_kopinfo.jpg);  background-repeat: repeat-x; color: #FFFFFF; width: 349px;  height: auto;  background-color: #333534; padding: 10px; display:none;}
#design-info {  width: 349px; padding: 20px; height: 334px; background-color: #ffffff;  float: left; margin-bottom: 10px;}
	.design-browser {float: left; width: 350px; height: auto; padding-bottom: 10px; padding-top: 10px; margin-top: 15px;  border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom: 10px;}
	
	
.lista { float: left; width: 788px; height:  80px; }
	.lista-thumbnail { width: 60px; height: 60px; padding: 10px; background-image: url(../img/bg_lista.jpg); margin-right: 2px; float: left;}
	.lista-namn { font-size: 12px; font-weight: bold; padding: 20px; padding-top: 30px; width: 200px; height: 30px; background-image: url(../img/bg_lista.jpg); margin-right: 2px;  float: left;}
	.lista-adress { font-size: 12px; font-weight: normal; padding: 20px; padding-top: 30px; width: 331px; height: 30px; background-image: url(../img/bg_lista.jpg); margin-right: 2px;  float: left;}
	.lista-link { width: 50px; height: 30px; background-image: url(../img/bg_lista.jpg); padding: 20px; padding-top: 30px;  float: left;}	
	
	
#bottom { padding-left: 10px; width: 778px; margin-top: 10px; height: 70px; background-image: url(../img/bg_bottom.jpg); float: left; }