img, a img { border:0; }
.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

html { min-height: 100%; margin-bottom: 1px; } /*prevents scrollbar i ff from showing*/

body {
	color: #000; 
	background: url(../images/tygkollektion.gif);
	font: 11px/18px Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	margin: 0; 
	padding: 0; 
	text-align: center; 
	}
.ornitobg{background:url(../images/joutsen_bg.gif);}
.kollektionsbg{background:url(../images/elinarebers_kangas.gif);}
.projektbg{background:url(../images/boras_grey.gif);}
.sadebg{background:url(../images/sade_design.gif);}
/*--pagestructure--*/	
	#wrapper {
	width: 950px;
	background-color:#fff;
	padding: 0;
	text-align: left;
	margin:0 auto;
	border:1px solid #efefef;
	border-top:none;
}
	#headerwrap{width:952px; height:95px; margin:0 auto; background-color: rgba(250, 250, 250, 0.7); text-align:left; }
	#content{float:left; width:950px; margin:0; padding:0;}
	#left{ float:left; margin: 0px; padding:0 10px 10px 40px; width:180px;}
	#right{ margin-left: 270px; padding:0 40px 10px 10px;}
	#start {margin:20px 0px 20px 56px;}
	#footer { clear:both; margin:5px;}

/* -- content styling -- */	

	h1 {color:#333; font: normal 16px Lucida Sans, Arial, Helvetica, Sans-serif;  margin: 20px 0 15px 0;}
	h2 {
	color:#344150;
	font: italic 16px 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
	letter-spacing:0.1em;
	border-bottom:1px dotted #ccc;
	padding:14px 0 10px 0px;
	margin:0;
	text-transform:lowercase;
}
	h3 {color:#344150;font: normal 12px Georgia, Arial, Helvetica, Sans-serif; margin: 10px 0 0 0;}
	h4 {color:#666; font: bold 13px Georgia, Arial, Helvetica, Sans-serif; margin:7px 0 0 0;}
	h5 {color:#333; font: 12px Georgia, Arial, Helvetica, Sans-serif; margin:7px;}
	#contenthel h1{margin-top:0;}	
	#header h3 {font-size:11px; color:#FF0000;}
	#left p {color:#666666; font-size:11px;}
	#right img{padding-right:10px;}
/*--Navigation--*/					
	#navigation {
		padding:10px;
		margin:0;
		text-align:center;
		}
	#navigation ul{padding:0px; margin:0;}

	#navigation li {
		display:inline;
		}

	#navigation li a {
		font: normal 12px GillSans, Calibri, Trebuchet, sans-serif;
		color:#333;
		text-decoration:none;
		padding:10px 5px 5px 5px;
		border-right:1px solid #efefef;
		text-transform:uppercase;
		letter-spacing:0.2em;
		}
	#navigation li a:visited{color:#333;}
	#navigation li a:hover {color:#666}
	#navigation li a.projekt {
		color:#5B728C;font-weight:bold;
		}
	#navigation li a.selected {
		color:#666;font-weight:bold;
		}
	#navigation li a.intro {
		color:#000;font-weight:bold;
		}
	 #navigation li a.kollektion{
		color:#89933a; font-weight:bold;
		}
		 #navigation li a.lang{text-transform:none;}
/*--links--*/
	a:link {color:#546981; text-decoration: none;}
	a:visited {color:#666; text-decoration: none;}
	a:hover {color:#333; text-decoration: none;}
	
	.portfolio {
	margin:0;
	padding:10px 0 10px 0;
	display:block;
	overflow:auto;
	width:620px;
	height: auto;
	border-bottom:1px dotted #ccc; width:620px;
}			
	.portfolio_header {
		float:left;
		margin:0 20px 0 0;
		padding:0;
		}
	.portfolio_header h3{font:15px 'Lucida Sans', Georgia, Helvetica; color:#333; margin:0 0 10px 0;}
	.portfolio_header p {
		font:italic 14px 'Lucida Sans', Georgia, Helvetica;
		color:#5B728C;
		letter-spacing:0.1em;
		width:150px;
		margin:0; 
		}
	.portfolio_header p.kollektion {color:#879139;}
	.portfolio_text {
		float:left;
		padding:0;
		margin:0;
		width:450px;
		}
	.portfolio_text p {
		margin:0;
		padding:0;
		}
	
	.portfolio_bilder{
	 	border-bottom:1px dotted #ccc; padding:10px 0 10px 20px;
	}
	.divider {border-bottom:1px dotted #ccc; width:620px;}
	/*--start styles--*/
	.kommentarer{margin-top:10px;}
	.search {color:#694E25; padding:5px;}
	#meritlista p {margin:5px 0 10px 0}
#meritlista h2 {}
	.floatedleft{width:300px;}
	#left ul {padding:10px; margin:0 0 15px 0;}
	#left a, #left a:visited {color:#5B728C; font:normal 13px/20px 'Palatino linotype', Arial, sans-serif;}
	#left a.kollektion {color:#879139;}
	
	#left a:hover {color:#666666;}
	#left a.selected{font-style:italic; font-size:16px;}
	#left ul, #left li{list-style:none;}
	.border {border:5px solid #ccc;}
	.left {float: left; margin: 0 15px 10px 0;}
	.right {float: right; margin: 0 0 5px 15px;}
	form, select, input, textfield{ font: 10px Trebuchet MS, Arial, Helvetica, Sans-serif; color:#694E25; border:none;}
	table, tr, td{ font: 11px/16px Trebuchet MS, Arial, Helvetica, Sans-serif;}
/*footer styles*/
	#footer p{font-size:9px; color:#999; text-align:center;}