/*
	Project: BRGruppen
	Version: 0.1
	Last changed: work in progress

	Design: Anne-Berit Thompsen, Recommended Design
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Interaktiv
	(C) 2008 Recommended Norway

	---------
	reset.css (recommended version) is in use
*/

body {font-family: arial, verdana, sans-serif; color: #4b5257 }
p {font-size: 1.1em; line-height: 1.4em;}
a {color: #4b5257}
a:hover {color: red}
a.current {color: #fff;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 1.1em; line-height: 3em;}
#wrapper {padding-top: 20px; margin-bottom: -20px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: auto; z-index: 10; }

/*.container {width: 450px; margin: 0 ; height: 100%; background: transparent url(../graphics/bg-container.gif) left top no-repeat;}*/
/*	HOME
------------------------------------------------------------------------------------------------ */
.home {height: 320px;  margin: 0; width: 450px; background: transparent url(../graphics/bg-header.png) left top no-repeat; }

.home h1 {height: 200px; text-indent: -9999px;}
.home #nav { width: 120px; list-style-type: none; margin: 30px 20px 0 20px; padding: 0;  float: left;}

#logos {display: none; }
.brg-gruppen {width: 128px; background: transparent url(../graphics/brg-gruppen.png) left top no-repeat;}
.brg-entrepenor {width: 188px; background: transparent url(../graphics/brg-entrepenor.png) left top no-repeat;}
.brg-eiendom {width: 132px; background: transparent url(../graphics/brg-eiendom.png) left top no-repeat;}

/*	HEADER
------------------------------------------------------------------------------------------------ */
#header {position: relative;}
.page {height: 320px;  margin: 0; width: 450px; background: transparent url(../graphics/bg-header-article.png) left top no-repeat; }
.page h1 {height: 95px; text-indent: -9999px;}
#nav { width: 120px; list-style-type: none; margin: 0 20px; padding: 0;  float: left;}
#subnav {width: 200px; float: left; margin: 0; padding: 0; list-style-type: none;}
#header a {text-decoration: none; font-weight: bold; font-size: 11px; line-height: 16px;}
#header a:hover {color: #fff}
#header #nav a {text-transform: uppercase;}
.logoutButton { float: right; color: White; margin-top: 25px; margin-right: 15px; clear: right;}
.toprightNav { float: right; color: White; margin-right: 15px; clear: right; }
a#masthead {z-index: 100; display: block; position: absolute; top: 25px; left: 30px; text-indent: -9999px; width: 250px; height: 60px;}

/*	CONTENT
------------------------------------------------------------------------------------------------ */
#content { margin: 10px 0; padding-bottom: 30px; background-color: #fff; width: 450px; }
#content h2 {padding: 20px 20px 0 20px; font-size: 14px}
#content p {padding: 0 20px 20px 20px;}
#content img {margin-bottom: 20px;}
/*#content table {margin-left: 20px;}*/
#content table td {padding: 0 20px;}

/*	PROJECTS
------------------------------------------------------------------------------------------------ */
#projects {float: left; width: 250px; height: 200px; position: relative;}
#projects h2 {font-size: 14px; padding-top: 0; line-height: 1.2em;}
#projects dl { font-size: 11px;}
#projects dt, #projects dd {float: left;  margin: 0; padding: 0 0 3px 0;}
#projects dt {width: 80px; font-weight: bold;}
#projects dd {width: 145px;}
#projects p {font-size: 11px; display: block; clear: both; padding-top: 15px; margin: 0; padding-bottom: 0;} 
#projects p a {font-size: 11px}
#projects a.megler_link {font-size: 11px}
#header input { margin-bottom: 2px; }
#header #project-admin {margin-top: -15px; margin-right: 16px; float: right;}
#header .project-admin {float: right; margin-top: -20px;}

/*	LOGIN
------------------------------------------------------------------------------------------------ */
#logginn {position: absolute; top: 20px; right: 30px; width: 130px;}
#logginn label {display: none}
#logginn input {display: block; margin-bottom: 10px;}

/*	SEARCH
------------------------------------------------------------------------------------------------ */
#search {position: absolute; top: 20px; right: 164px; width: 150px}
input { }
#logginn input, #search input {width: 140px; margin-bottom: 5px; padding: 1px; border: 1px solid #fff}
a.linkbutton {display: block; text-align: right; width: 145px; color: #fff; font-weight: bold; font-size: 11px; padding: 0; margin: 0; line-height: 1em;text-decoration: none; }
a.linkbutton:hover {color: #000;}

/*	CAPTION
------------------------------------------------------------------------------------------------ */
#caption { position: fixed; width: 200px; height: 20px; right: 30px; bottom: 20px; color: #fff; z-index: 5;}
#caption p {text-align: right;}

/*	BACKGROUND IMAGES
------------------------------------------------------------------------------------------------ */
html, body, #background {width: 100%; height: 100%; overflow: hidden; margin: 0 0 0 0; z-index: 1}
#background div {position: absolute; width: 200%; height: 200%; left: -50%; text-align: center; z-index: 1; }
#background img, #bg embed {min-height: 50%; min-width: 50%; margin: 0 auto; z-index: 1; }
#background .current-bkg {}
#background .hidden-bkg {display: none; }
#background .next-bkg {display: inline; }

/* jCarousel
------------------------------------------------------------------------------------------------ */
.carousel {float: left; width: 250px; height: 220px; position: relative;  margin-left: -32px;}
.prev { position: absolute; top: 5px; left: 5px; display: block; width: 17px; height: 9px; background: transparent url(../graphics/prev.gif) left top no-repeat; text-indent: -9999px}
.next {position: absolute; top: 180px; left: 5px; display: block; width: 17px; height: 9px; background: transparent url(../graphics/next.gif) left bottom no-repeat; text-indent: -9999px}
.prev:hover {background-position: left bottom}
.next:hover {background-position: left top}
.jCarouselLite {margin-left: 30px; height: 240px; }
.jCarouselLite ul { }
#header .jCarouselLite ul li a {font-size: 11px; line-height: 16px}


/*	Misc.
------------------------------------------------------------------------------------------------ */
.framed { padding: 0 20px; }
.holdgallery { padding-left: 20px;}
#content .holdgallery a img {border: none; margin: 0 10px 5px 0}
.container {width: 450px; margin-left: 10px; height: 100%; background: transparent url(../graphics/bg-container.gif) left top no-repeat;}


/* INTRA/INTER 
-------------------------------------------------------------------------------------------------*/
.interLink { display: none; }
.intraLink { display: block; }


/* SectionControls
-------------------------------------------------------------------------------------------------*/