/*Design og kode - Kjetil Sørby SIKT, www.siktweb.no*/

body{
	background: url(../graphics/bg.jpg) no-repeat #233036;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
}

p {font-size: 14px; line-height: 1.4;}
h2 {font-weight: normal;}

img {border: none;}
#outerWrapper {margin: 20px auto; width: 980px; background: #f0f0f0; position: relative; overflow: hidden;}
#wrapper {margin: 10px auto; width: 960px; background: #ffffff; text-align: left; position: relative; overflow: hidden; height: 565px;}
#logo {position: absolute; top: 20px; left: 20px; width: 143px; height: 68px;}
#slogan p {position: absolute; display: block; text-indent: -9999px; width: 300px; height: 85px; top: 5px; right: 20px; background: url(../graphics/lidenskap2.png) no-repeat; margin: 0;}



/*Navbar*/
#navbar {position: absolute; top: 73px; left: 310px; width: 620px; height: 40px;}
#navbar ul {list-style-type: none; margin: 0; padding: 0; float: left;}
#navbar li {list-style-type: none; float: left; margin: 0; display: block; font-size: 12px; text-transform: uppercase; letter-spacing: -0.04em;}
#navbar li a {display: block; width: 130px; height: 40px; margin-left: 5px; padding-left: 10px; padding-top: 5px; color: #888888; text-decoration: none; border-left: 1px dotted #dddddd; bottom: 0;}
#navbar li a:hover {background: white; color: #222222;}
#navbar li#privat a {width: 150px;}



/*Main Content Area*/
#content {position: absolute; width: 100%; height: 465px; top: 100px; left: 0; overflow: hidden;}

.thumb {position: absolute; width: 150px; height: 145px;}
#bad {top: 0; left: 10px;}
#stue {top: 155px; left: 10px;}
#kjokken {top: 230px; left: 10px;}
#div_rom {top: 310px; left: 10px;}
#mainContent {position: absolute; top: 0; left: 170px; width: 780px; height: 455px; overflow: hidden;}
#mainContentBox {position: relative; width: 100%; overflow: hidden;}
#mainContent #main p {position: absolute; top: 330px; left: 0; padding: 20px; background: #ffffff; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);}
/*#mainContent #main p {position: absolute; top: 330px; left: 0; padding: 20px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); color: #666666;}*/
#mainContent p span {background: #233036; color: white; padding: 2px 5px; margin-left: -5px;}
.hidden {display: none;}

#tooltip{
	position:absolute;
	background: #000000;
	padding: 20px;
	margin: 20px;
	width: 200px;
	}	

p#tooltip {margin-left: 30px; padding: 10px 10px 10px 30px; background: url(../graphics/bg_arrow.png) top left no-repeat; font-size: 12px; color: #233036; line-height: 1.4;}

p#tooltip .klikk {color: #233036;}

#privatkonsult, #mediumstyling, #fullstyling, #lightstyling {display: none; background: #ffffff; position: absolute; top: 0; right: 0; width: 650px;}

#privatkonsult h2, #privatkonsult p, #fullstyling h2, #fullstyling p, #mediumstyling h2, #mediumstyling p, #lightstyling h2, #lightstyling p {padding-left: 20px; padding-right: 10px; color: #888888;}

#fullstyling h2, #mediumstyling h2, #lightstyling h2, #privatkonsult h2 {font-size: 16px; text-transform: uppercase;}
p.close a {color: #888888; text-decoration: underline; text-transform: uppercase;}

#contact p {text-align: center; color: #f0f0f0;}