/* CSS RESET */
img { display: block; }
a img { border: 0; }

img.border-img
{
	border: 2px solid #ccc;
	padding: 2px;
	background: #ddd;
}

/* MASTERPAGE STYLES */
body 
{
    margin: 0;
    padding: 0;
    background: #000000;
    font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Sans-Serif;
    font-size: 12px;
}

h1#logo
{
	float: right;
	width: 200px;
	height: 70px;
	background: transparent url(../images/layout/logo.png) top left no-repeat;
}
	h1#logo span
	{
		margin-left: -9999px;
	}
	
#wrapper
{
	background: #fff;
	width: 980px;
	margin: 0 auto;
}

#topcontainer
{
	margin: 0 20px;
	padding-top: 5px;
}

#content
{
	margin: 0 20px;
	padding: 0 0 30px 0;
}

#footer
{
	font-size: 11px;
	padding: 20px;
	text-align: right;
	width: 940px;
	margin: 0 auto;
	font-style: italic;
}

/* COMMON */
.clr { clear: both; }
.align-left { float: left; }
.align-right { float: right; }


/* NAVIGATION */

ul#nav
{
	margin: 28px 0 0 0;
	padding: 0;
	width: 585px;
	height: 26px;
	list-style-type: none;
	background: transparent url(../images/layout/navigation.png) top left no-repeat;
}

	ul#nav li
	{
		margin: 0;
		padding: 0;
		float: left;
	}
	
	ul#nav li a,
	ul#nav li a:visited
	{	
		display: block;	
		margin: 0;
		padding: 0;
		height: 26px;
		outline: none;
	}
	
	ul#nav li span
	{
		margin-left: -9999px;
	}
	
	li#default {left: 0; width: 70px; }
	li#default a:hover,
	li#default a.active { background: url(../images/layout/navigation.png) -0 -26px no-repeat }
	
	li#omoss { width: 78px; }
	li#omoss a:hover,
	li#omoss a.active { background: url(../images/layout/navigation.png) -70px -26px no-repeat }
	
	li#fastigheter { width: 120px; }
	li#fastigheter a:hover,
	li#fastigheter a.active { background: url(../images/layout/navigation.png) -148px -26px no-repeat }	
	
	li#referenser { width: 105px; }
	li#referenser a:hover,
	li#referenser a.active { background: url(../images/layout/navigation.png) -268px -26px no-repeat }	
	
	li#kunder { width: 85px; }
	li#kunder a:hover,
	li#kunder a.active { background: url(../images/layout/navigation.png) -373px -26px no-repeat }	
	
	li#kontakta { width: 125px; }
	li#kontakta a:hover,
	li#kontakta a.active { background: url(../images/layout/navigation.png) -458px -26px no-repeat }