/*
 * Bryn Eiendom CSS
 *
 */

/* ----------------------------- General ----------------------------- */
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #353535;
	background: #dfe1e7 url(images/background_gradient.jpg) top center no-repeat;
}

p
{
	padding-bottom: 15px;
}

a
{
	color: #1275ca;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img {	border: 0 !important; text-decoration: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

ul li
{
	list-style-position: inside;
}

h1
{
	margin-bottom: 20px;
	font-size: 16px;
}

.blackbox h1
{
	color: 	#1275ca;
}

h2
{
	padding: 15px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

h2.top
{
	padding-top: 0;	
}

h3
{
	font-weight: bold;
}

.blue {
	color: #1275ca;
	font-weight:bold;
}

hr
{
	border: 0;
	color: #ebecf0;
	background-color: #ebecf0;
	height: 1px;
}

.clearer {
    clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.pixel {
	text-decoration: none !important;
	border: none !important;
}

#wrapper
{
	width: 970px;
	margin: 0 auto;
}



/* ----------------------------- Header ----------------------------- */
#header
{
	position: relative;
}

/* Menu */
#menu
{
	position: absolute;
	width: 600px;
	top: 88px;
	right: 0;
	font-size: 14px;
}

#menu ul li
{
	display: inline;
	margin-right: -4px;
	margin-bottom: 8px;
}


#menu ul li a
{
	padding: 5px 8px 6px 8px;
	display: inline-block;
	font-weight: bold;
	color: #353535;
	text-decoration: none;
	text-shadow: 1px 1px #ffffff;
}

#menu ul li a:hover, #menu ul li a#active
{
	text-decoration: none;
	background: url(images/menu_active_gradient.png) repeat-x;
}



/* ----------------------------- Content ----------------------------- */
#content
{
	margin-top: 55px;
}

.blackbox
{
	position: relative;
	padding: 20px 0 20px 30px;	
	background-color: #353535;
	color: #fff;
}

.properties
{
	padding-bottom: 0 !important;	
}

.blackbox .left
{
	padding-top: 8px;	
}

.blackbox .right
{
	width: 590px;
}

.blackbox_text .right p {
	padding-right: 30px;	
}

.contentbox
{
	position: relative;
	padding: 0 0 30px 30px;
}

.after_black
{
	padding-top: 30px;
}

.contentbox .left
{
	width: 350px;	
}

.contentbox .right
{
	width: 590px;
}

/* Intro */
#intro
{
	position: relative;
	padding-top: 125px;
}

#intro img
{
	position: absolute;
	bottom: 45px;
}

#intro img.left
{
	left: 30px;
	bottom: 48px;
}

#intro img.right
{
	right: 10px;
}


/* ------------------------- Contact form --------------------------- */
#contact tr
{
	height: 30px;
}

#contact input
{
	font-size: 13px;
	padding: 4px 2px;
}

#registration td { vertical-align: top; }

.reg_infos input { padding: 3px; width: 100%; }

.left a { padding: 2px 4px; display: inline-block; margin-bottom: 5px; }
.left a.active, .left a:hover { background-color: #1275ca; color: #fff; text-decoration: none; }

.contact a, .contact a:hover { margin: 0; padding: 0; background: none; }
.contact a:hover { text-decoration: underline; color: #1275ca; }
.contact span { font-weight: bold; }

#welcome
{
	position: absolute;
	bottom: 0;
}


/* ----------------------------- Footer ----------------------------- */
#footer
{
	color: #7e7e7e;
	font-size: 11px;
	padding: 20px 0 20px 30px;
	border-top: 1px solid #ebecf0;
}

#footer a, #footer h3
{
	color: #7e7e7e;
	font-size: 11px;
}

#footer a
{
	text-decoration: underline;	
}

#footer a:hover
{
	text-decoration: none;
}

#footer .left
{
	padding-right: 80px;	
}



/* ------------------------- Properties --------------------------- */
#properties, #properties li
{
	height: 135px;
	font-size: 11px;
	line-height: 17px;
}

.property
{
	position: relative;
	width: 122px;
	float: left;
	margin-right: 13px;
}

.property .thumbnail {
	padding: 4px;
	margin-bottom: 5px;
	overflow: hidden;
	background-color: #9e9e9e;
}

.property .thumbnail:hover {
	background-color: #505050;
}

.property .thumbnail_dark {
	padding: 4px;
	margin-bottom: 5px;
	overflow: hidden;
	background-color: #505050;
}

.property .thumbnail_dark:hover {
	background-color: #9e9e9e;
}

.property .thumbnail_image {
	width: 114px;
	height: 86px;
	overflow: hidden;
	padding: 0;
}

.property .thumbnail_image img {
	height: 86px;	
}

.property span
{
	display: block;
	padding: 0 4px;
	color: #fff;
}

.contentbox .property span
{
	color: #353535;	
}

.property a:hover
{
	text-decoration: none;	
}

.new_tag
{
	position: absolute;
	top: 4px;
	left: 4px;
}

/* Description */
#description .left {
	width: 45%;
	padding-top: 0 !important;
}

#description .right {
	width: 43%;
	padding-right: 10px;
}

#description td {
	vertical-align: top;	
}

.specAddress {
	width: 70px;
}

.specName {
	padding-right: 20px;
}

.spec1 {
	text-align: right;
}

.specSpacer {
	width: 10px;
	text-align: center;
}

.spec2 {
	text-align: right;
}

.question
{
	font-weight: bold;
	display: block;
	line-height: 15px;
	margin-bottom: 10px;
}


/* --------------------------- Twitter ---------------------------- */
#news, #news li
{
	height: 115px;
	font-size: 11px;
	line-height: 17px;
}

span.time
{
	display: block;
	font-weight: bold;
	color: #1275ca;
}

.entry
{
	width: 155px;
	float: left;
	padding: 0 18px 0 7px;
}


/* --------------------------- Maps ---------------------------- */
#maps {
	width: 574px;
	height: 639px;
	background-image: url(images/maps.gif);
	background-repeat: no-repeat;
}




/* ------------------------- Easy slider --------------------------- */
.slider
{
	position: relative;	
}

.slider, .slider li
{ 
	/* 
	  define width and height of container element and list item (slide)
	  list items must be the same size as the slider area
	*/ 
	width: 540px;
	height: 94px;
	overflow: hidden;
}

.slider ul, .slider li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider a img
{
	margin-right: 9px;
	border: 4px solid #505050 !important;
}
.slider a.noborder img
{
	border: none !important;
}
.contentbox .slider a img
{
	border-color: #9e9e9e !important;
}
.slider a img.new_tag { border: none !important; }

.slider a:hover img
{
	border-color: #9e9e9e !important;
}
.contentbox .slider a:hover img
{
	border-color: #505050 !important;
}

span.prevBtn, span.prevBtn2, span.prevBtn3 
{
	position: absolute;
	top: 48px;
	right: 610px;
}

span.nextBtn, span.nextBtn2, span.nextBtn3
{
	position: absolute;
	top: 48px;
	right: 18px;
}

span.prevBtn2, span.nextBtn2
{
	top: 60px;	
}

span.prevBtn3, span.nextBtn3
{
	top: 30px;	
}

span.prevBtn a
{
	background: url(images/white_button_prev.gif) no-repeat;	
}
span.nextBtn a
{
	background: url(images/white_button_next.gif) no-repeat;	
}	

span.prevBtn2 a, span.prevBtn3 a
{
	background: url(images/black_button_prev.gif) no-repeat;
}
span.nextBtn2 a, span.nextBtn3 a
{
	background: url(images/black_button_next.gif) no-repeat;
}

span.prevBtn a, span.nextBtn a, span.prevBtn2 a, span.nextBtn2 a, span.prevBtn3 a, span.nextBtn3 a 
{
	display: block;
	padding: 9px 10px;
}

span.prevBtn a:hover, span.nextBtn a:hover, span.prevBtn2 a:hover, span.nextBtn2 a:hover, span.prevBtn3 a:hover, span.nextBtn3 a:hover
{
	text-decoration: none;
	background-position: 0 -38px;
}