/*------------------------------------------------------------*
** Bente Berg CSS Document
** 
** Design/Layout by Hjalte Larsen
** http://www.netstudie.dk
** 
** 02. Juli 2006 (Version 1.0)
**------------------------------------------------------------*/


/*------------------------------------------------------------*
**  General site
**------------------------------------------------------------*/

html {
	height:100%;
}
body {
	height: 100%;
	margin:0px;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-color:#fbf5ec;
	background-attachment:fixed;
	background-position:bottom left;
}

A:link { 
	color:#b28958;
}

A:hover { 
	color:#000000; 
}

A:active { 
	color:#b28958; 
}

A:active:hover { 
	color:#000000; 
}

A:visited { 
	color:#b28958; 
}

A:visited:hover { 
	color:#000000; 
}

div.wrap {
	margin:0; 
	border:0; 
	width:800px;
	height: 100%;
	background:transparent;
}

#title {
	width:118px;
	height:140px;
	float:left;
	background:url(../images/logo.jpg) no-repeat transparent top left;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/

#navcontainer{
	background:transparent;
	width:68px;
	height:180px;
	margin-top:140px;
	float:left;
}

#navlist li{
	margin-top:15px;
	background:transparent;
	list-style-type: none;
	text-align:right;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-1px;
	color:#666666;
	width:68px;
}

#navlist li a:link { 
	color: #b58955; 
	text-decoration:none; 
}

#navlist li a:visited { 
	color: #b58955; 
	text-decoration:none; 
}

#navlist li a:hover {
	color: #333333; 
	text-decoration:none; 
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/

div#container {
	width:380px;
	height: 100%;
	background:transparent;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:230px;
	border-top:none;
	border-right: 1px solid #b28958;
	border-bottom:none;
	border-left: 1px solid #b28958;
	
}
div#content {
	width:360px;
	background:transparent;
	margin:0px;
	padding:10px;
	text-align:left;
	font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#333333;
}
div#pictures {
	width:130px;
	float:right;
	background:transparent;
	margin:0px;
	padding:10px;
	text-align:left;
	font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#333333;
}
h1{
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-top:20px;
	color:#000000;
	letter-spacing:2px;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
}
p{
	font-family: tahoma, Verdana, sans-serif;
	color:#666666;
	font-size:13px;
	padding:0px;
	margin:0px;
}
.footer{
	clear:both;
	background:transparent;
	padding:9px;
	margin-top:40px;
	text-align:right;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
}

.pullquote {
	width:150px;
	float:right;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:16px;
	padding-bottom:10px;
	font-family:'Lucida Grande', Helvetica, sans-serif;
	font-size: 24px;
	line-height:26px;
	letter-spacing:-3px;
	text-align: left;
	color:#b28958;
}

#img_right {
	float:right;
	padding:0ex 0ex 1ex 1ex;
}

#invisable {
	visibility:hidden;
}

/*------------------------------------------------------------*
**  Copyright
**------------------------------------------------------------*/

#copyright {
	margin: 0 auto;
	text-align: right;
	color: #999999;
	font-family: Verdana, Arial;
	font-size: 9px;
	margin-top: 100px;
}

#copyright a:link, #copyright a:visited {
	color: #999999;
	text-decoration: none;
}

#copyright a:hover, #copyright a:active {
	color:#0099CC;
	background:#333333;
	text-decoration: none;
}