/*
This CSS file contains all markup related to the layout markup of the page.
All markup of elements and text markup should be specified in Basic.css and
all markup of classes should be specified inside LayoutClasses.css
*/

/**
 * Base layout
 */

body
{
	background: #4C534C url(../images/background.png) repeat-y center top;
}

#dark-spot
{
	/* background: #3D433F; */
	position: absolute;
	height: 330px;
	left: 0;
	right: 0;
	top: 100px;
	z-index: 1;
	background-color: #353a36;
}

#wrapper
{
	width: 920px;
	padding: 0 12px;
	background: #fff;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	position:relative;
}

#header-wrapper
{
	position: relative;
	top: 0;
	left: 0;
	width: 920px;
	height: 100px;
}
#logo, #slogan
{
	position: absolute;
	top: 50%;
}
#logo
{
	left: 15px;
	height: 60px;
	margin-top: -30px;
}
#logo img
{
	display: block;
}
#slogan
{
	right: 24px;
	height: 24px;
	margin-top: -12px;
}
#slogan p
{
	margin: 0;
	line-height: 24px;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#menu
{
	margin: 25px 15px;
	*padding-bottom: 26px;
}
#menu ul
{
	text-align: justify;
	-text-justify: distribute-all-lines;
	/*#text-align: center;*/
}
#menu li
{
	display: inline-block;
	float: left;
	/*#display: inline;
	#margin: 0 8px;*/
	
	padding: 0px 11.5px;
}
#menu li.first {
	#margin-left: 0;
	padding-left: 0;
}
#menu li.last {
	#margin-right: 0;
}
#menu li a
{
	font-size: 15px;
	text-decoration: none;
	color: #000;
}
#outlet a.outlet{
	padding-left: 12px;
	text-decoration: none;
	font-weight: bold;
	/* The gold color 
	color: #B48D00; */
	color: #b38762;
}
#menu #justify-fix
{
	width: 100%;
	//display: none;
}

#google_map
{
	width: 100%;
	height: 300px;
}

#footer
{
	margin-top: 35px;
}

#footer-logo
{
	background: url(../images/footer.png) no-repeat center right;
	height: 44px;
}
#footer-logo img
{
	margin: 17px 0;
}
#footer-text
{
	text-align: center;
	padding: 0 0 20px 0;
	font-size: 12px;
}
#footer-text p
{
	margin: 0;
}

/**
 * Home
 */

#header-image
{
	position: relative;
}
	#header-image.small img {
		height: 275px !important;
		width: 920px !important;
	}
	
	#header-image a.editButton img {
		width: auto !important;
		height: auto !important;
	}

#header #header-image .editButton
{
	position: absolute;
}

#years
{
	background: url(../images/25_years.gif) no-repeat top center;
	width: 100%;
	height: 148px;
	position: absolute;
	left: 0;
	top: -76px;
}

/**
 * Other & contact
 */

#sidebar, #main
{
	float: left;
}

#sidebar
{
	width: 240px;
	padding: 0 35px 1px 35px;
}

#main
{
	width: 545px;
	padding-right: 65px;
}

/**
 * Other
 */

#sidebar-image
{
	display: block;
	padding-bottom: 1px;
	margin-top: 20px;
}

#sidebar-image .mod_images_image img
{
	max-width: 240px;
	width: expression(this.width > 240 ? 240 : true);
}

div.mod_services div.sortable
{
	position: static !important;
}

/**Newsletter module**/

.label{
	color:#B48D00;
	font-weight:bold;
	text-size:14px;
}

/**Slider**/

#header-image .mod_slider, 
#header-image .mod_slider_container, 
#header-image .mod_slider_slides li {
	width:920px;
	height: 310px;
}
#header-image .mod_slider_slides li {
	background-color: white;
}
body #header-image .mod_slider_slides li img {
	max-width:920px;
	max-height: 310px;
}
#header-image .mod_slider_arrow_back,
#header-image .mod_slider_arrow_forward {
	width: 17px;
	height: 27px;
	background-color: none;
	background-image: url(/Websites/martkleppe/images/arrows_martkleppe.png	);
	opacity:0.75;filter:alpha(opacity=75);
	z-index: 103;
	cursor: pointer;
	margin-top: 0px;
	bottom: 20px;
}
#header-image .mod_slider_arrow_back:hover,
#header-image .mod_slider_arrow_forward:hover {
	opacity:1;filter:alpha(opacity=100);
}
#header-image .mod_slider_arrow_back {
	position: absolute;
	left: 20px;
}
#header-image .mod_slider_arrow_forward {
	position: absolute;
	background-position: 17px;
	right: 20px;
}
#header-image .mod_slider_paging li {
	width: 10px;
	height: 10px;
	background-image: url(/Websites/martkleppe/images/bullets.png	);
}
#header-image .mod_slider_paging .active {
	background-image: url(/Websites/martkleppe/images/bullets.png	);
	background-position: 10px;
}
#header-image .mod_slider_title {
	background-color: inherit;
	width:356px;
	background:url("/Websites/martkleppe/images/featuredbg2.png");
	background-position: right bottom;
	font-size: 15px;
	padding: 12px 17px 22px;
	bottom:105px;
}
#header-image .mod_slider_title p {
	margin: 0;
	text-align: left;
	font-size: 16px;
}
#header-image .mod_slider_title strong {
	font-weight: bold;
	color: white;
}
#header-image .mod_slider_title a {
	color: white;
	text-decoration: none;
}
.mod-slider .editButton {
	z-index: 104;
}
#element_5871 .radiogroup
{
	padding: 5px;
}
#element_5871 .radiogroup .radiobutton
{
	width: 50px;
	float: left;
}