html, body									{ margin: 0; font-family: Arial; background-color: #bbbcbd; }

body										{ background-color: #bbbcbd; margin: 0; }
a											{ color: #666; }

#wrapper									{ position: relative; }
#page										{  }

#top										{ background: #fff; }
#top #head									{ position: relative; width: 950px; height: 90px; margin: 0 auto; }
#top #head #logo							{ position: absolute; bottom: 0; right: 0px; }
#body 										{ background: transparent url(../img/bg/body.jpg) 0 0 repeat-x; }

#content									{ min-height: 400px; position: relative; top: 30px; width: 948px; margin: 0 auto; background: #fff url(../img/bg/content.jpg) 0 100% no-repeat; border: #fff solid 1px; }
#content .content							{ padding: 19px; }
#content-shadow								{ width: 950px; height: 78px; margin: 0 auto; background: transparent url(../img/bg/content-shadow.png) 0 100% no-repeat; }
#content .prev-case							{ position: absolute; top: 5px; left:  -20px; height: 40px; width: 16px; background: transparent url(../img/page-arrow-left.png) 0 0 no-repeat; }
#content .next-case							{ position: absolute; top: 5px; right: -20px; height: 40px; width: 16px; background: transparent url(../img/page-arrow-right.png) 0 0 no-repeat; }
#content .backlink							{ position: absolute; top: 17px; right: 17px; height: 30px; width: 99px; background: transparent url(../img/projekt-index.png) 0 0 no-repeat; cursor: pointer; }

#menu										{ position: absolute; bottom: -7px; left:  0px; }
#menu ul									{ margin: 0; }
#menu ul li									{ padding: 0; list-style: none; display: block; float: left; }
#menu ul li a								{ color: #666; text-decoration: none; height: 37px; display: block; float: left; }
#menu ul li a								{ background-position: 0 100%; background-color: transparent; background-repeat: no-repeat; }
#menu ul li a.selected						{ background-position: 0 0; }
#menu ul li a:hover							{ background-position: 0 -74px; }
#menu ul li a:focus							{ background-position: 0 -37px; }
#menu ul li.projekter a						{ background-image: url(../img/menu/projekter.png); width: 108px; }
#menu ul li.omaardvark a					{ background-image: url(../img/menu/omaardvark.png); width: 128px; }

.headline									{  }
hr											{ border: #636363 solid 1px; margin: 0 0 10px; }

.grid-row 									{ margin-right: -20px; margin-bottom: 10px; clear: both; overflow: hidden; }
.grid-row .grid-box-1						{ width:  60px; float: left; margin-right: 20px; }
.grid-row .grid-box-2						{ width: 140px; float: left; margin-right: 20px; }
.grid-row .grid-box-3						{ width: 220px; float: left; margin-right: 20px; }
.grid-row .grid-box-4						{ width: 300px; float: left; margin-right: 20px; }
.grid-row .grid-box-5						{ width: 380px; float: left; margin-right: 20px; }
.grid-row .grid-box-6						{ width: 460px; float: left; margin-right: 20px; }
.grid-row .grid-box-7						{ width: 540px; float: left; margin-right: 20px; }
.grid-row .grid-box-8						{ width: 620px; float: left; margin-right: 20px; }
.grid-row .grid-box-9						{ width: 700px; float: left; margin-right: 20px; }
.grid-row .grid-box-10						{ width: 780px; float: left; margin-right: 20px; }
.grid-row .grid-box-11						{ width: 860px; float: left; margin-right: 20px; }
.grid-row .grid-box-12						{ width: 940px; float: left; margin-right: 20px; }

#footer										{ position: relative; width: 950px; margin: 2px auto; }

/* Page Styles */
/* About us */
.aboutus									{ font-size: 11px; margin: 5px 0; border-bottom: dotted 1px #aeaeae; }
.aboutus dt									{ float: left; width: 100px; text-transform: uppercase; }
.aboutus dd									{ padding-left: 100px; padding-right: 100px; padding-bottom: 20px; margin: 0 0 10px; color: #636363; border-bottom: solid 1px #aeaeae; }
.aboutus dd.last							{ border-bottom: none; }
.aboutus dd p								{ padding-bottom: 10px; }

/* projects */
.projects									{ font-size: 11px; margin: 5px 0; border-bottom: dotted 1px #aeaeae; }
.projects dt								{ float: left; width: 100px; text-transform: uppercase; }
.projects dd								{ padding-left: 100px; padding-bottom: 10px; margin: 0 0 10px; color: #636363; border-bottom: solid 1px #aeaeae; }
.projects dd.last							{ border-bottom: none; }
.projects dd p								{ padding-bottom: 10px; }
.projects ul								{ overflow: hidden; }
.projects ul li								{ float: left; display: block; width: 240px; list-style: none; }
.projects ul li a							{ color: #636363; background: transparent url(../img/bg/bullet.png) 0 50% no-repeat; padding-left: 15px; text-decoration: none; }

/* About us */
.caseInfo									{ font-size: 11px; margin: 5px 0; border-bottom: dotted 1px #aeaeae; }
.caseInfo dt								{ float: left; width: 100px; text-transform: uppercase; }
.caseInfo dd								{ padding-left: 100px; padding-right: 100px; padding-bottom: 20px; margin: 0 0 10px; color: #636363; border-bottom: solid 1px #aeaeae; }
.caseInfo dd p								{ padding-bottom: 10px; }
.caseInfo dd ul								{ overflow: hidden; margin: 0; padding: 0; }
.caseInfo dd ul li							{ list-style: none; float: left; width: 220px; padding: 0 0 10px; }
.caseInfo dd.last							{ border-bottom: none; }

/*---- sIFR ---*/
.sIFR-flash									{ visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced								{ visibility: visible !important; }
.sIFR-alternate								{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]			{ display: none !important; }

/*---- Header styling ---*/
.sIFR-hasFlash #content h1.headline		{ visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 18px; line-height: 18px; display: block; color: #636363; }