/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
html, body {height: 100%; margin: 0 auto; } 
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------------------------------------------- */
h1 {
	font-size: 22px;
	font-weight: 700;
	color: #e64185;
	float: left;
	margin-right: 5px;
}
h2 {
	font-size: 18px;
	font-weight: 500;
	color: #59595a;
}
h3 {
	color: #59595a;
	font-size: 22px;
	margin: 10px 0;
}
h4 {
	color: #59595a;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	padding-top: 5px;
}
.fleft{
	float: left;	
}
.fright {
	float: right;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}


body{
	font-family: 'Roboto', sans-serif;
	background-image:url(../img/bg.jpg);
	min-height: 100%;
}

#wrapper{
	background-image: url(../img/gradient.png);
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 100%;
}

#header-wrapper {
	height: 230px;
	background-image:url(../img/header-bg.png);
	background-repeat:repeat-x;
}

#header {
	height: 190px;
	width: 996px;
	margin: auto;
	padding-top: 15px;
}

#header-top {
	margin: 0 13px;
	width: 970px;	
	height: 91px;
}
#logo {
	width: 365px;
	height: 91px;
	float: left;
	background-image:url(../img/logo.jpg);
}
ul#menu {
	font-size: 13px;
	font-weight: 500;
	height: 33px;
	width: 540px;
	float: left;
	display: block;
	margin: 48px 0 0 65px;
}
ul#menu li {
	display: block;
	height: 33px;
	width: 86px;
	margin: 0 2px;
	float: left;
}
ul#menu li.selected {
	background-image:url(../img/meny-selected-bg.jpg);
}
ul#menu li a{
	text-decoration:none;
	color: #000;
	display: block;	
	padding-top: 10px;
	height: 23px;
	width: 86px;
	text-align: center;
}
ul#menu li a:hover{
	background-image:url(../img/meny-selected-bg.jpg);
}

#header-bottom {
	width: 996px;
	height: 99px;
	clear: both;
	background-image:url(../img/header-bottom-frame-bg.jpg);
}

#main-wrapper {
	width: 996px;
	margin: 0 auto;
	background-image:url(../img/main-bg.png);
	background-repeat:repeat-y;
	position: relative;
	top: -25px;
}

#main {
	width: 970px;
	background-color: #fff;
	margin: 0 auto;
	/* [disabled]padding: 0 13px; */
}
#main-top-wrapper {
	width: 950px;
	margin: 0 auto;
	height: 280px;
	position: relative;
	top: -76px;	
}
#main-top {
	background-image:url(../img/main-top-bg.jpg);
	background-repeat: no-repeat;
	background-position:bottom;	
	position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	height: 356px;
}
#main-photo-mask {
	width: 620px;
	height: 330px;
	background-image:url(../img/main-photo-1.png);
	background-repeat: no-repeat;
	background-position:bottom;
	position: absolute;
	top: 0px;
	
}
#main-photo {
	width: 620px;
	height: 330px;	
	float: left;
}
#main-top-right {
	background-image:url(../img/main-top-right-bg.jpg);
	background-repeat: no-repeat;
	width: 260px;
	height: 270px;
	margin-left: 10px;	
	padding: 30px;
	float: left;
	color: #59595a;
	font-weight: bold;
	font-size: 18px;
	
}
#breadcrumbs {
	height: 35px;
	width: 950px;
}
#sidebar {
	width: 200px;
	float: left;
	margin-left: 40px;		
}
#sidebar ul {
	width: 200px;
}
#sidebar ul li{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px 5px;
	background-color: #e6e6e6;
	width: 200px;
	min-height: 50px;
	margin: 2px 0;
	display: block;
	color: #59595a;	
}
#sidebar ul li:hover {
	background-color: #e64185;	
}
#sidebar ul li.selected {
	background-color: #e64185;	
	color: #FFF;
}
#sidebar ul li a{
	width: 200px;
	min-height: 14px;
	display: block;
	text-align:center;
	padding: 17px 0;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: #59595a;
	line-height: 18px;
}
#sidebar ul li.selected a {
	color: #fff;	
}
#sidebar ul li:hover a {
	color: #fff;	
}
#content {
	width: 950px;
	height: auto;
	margin: 0 auto;
}
#content ol{
	list-style:decimal;
	font-size: 12px;
	padding: 20px 40px;
}
#content ul{
	list-style:disc;
	font-size: 12px;
	padding: 5px 20px;
}
#content ol li{
	margin-left: 15px;
	color: #59595A;
	line-height: 20px;
}
#content h1{
	padding: 0px 40px;
}
#content-right {
	float: left;
	width: 650px;
	height: auto;
	padding: 20px 40px;
}
#content-right a{
	color: #59595a;
	font-weight: bold;
	text-decoration: none;
}
#content-right p{
	color: #59595a;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 0;
}
#content-right ul{
	list-style:disc;
	margin: 10px 0;
	font-size: 12px;
}
#content-right ul li{
	margin-left: 15px;
	color: #59595A;
	line-height: 20px;
}
.separator {
	height: 2px;
	border-bottom-color: #59595a;
	border-bottom-style:dashed;
	border-bottom-width:thin;
	margin: 5px 0;
}

#price-list {
	list-style: none;
	
	
}
#price-list li {
	min-height: 14px;
	font-size: 12px;
	padding: 13px 13px;	
	margin: 2px 0 !important;
	display: block;
	background-color: #e6e6e6;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px 5px;
}
#price-list li.alt-bg {
	background-color: #f5f5f5;
}
#price-list li .col1 {
	width: 550px;
	display: table-cell;
	vertical-align: central;
}
#price-list li .col2 {
	width: 70px;
	display: table-cell;
	vertical-align: central;
}
#gallery a {
	display: block;
	height: 190px;
	width: 190px;
	margin: 8px;
	float: left;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px 5px;
	border-color: #e6e6e6;
	border-width: 5px;
	padding: 5px;
	background-color: #e6e6e6;
	
}

.last {
	margin: 0;
}

.box {
	width: 200px;
	height: auto;
	float: left;
	color: #59595a;
	margin-top: 4px;
	margin-left: 30px;
}
.box-inner {
	width: 194px;
	height: 290px;
	background-color: #e6e6e6;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px 5px;
	padding: 3px;
}
.box .photo {
	width: 190px;
	height: 190px;
	margin: 0 auto;
}
.box .title {
	font-size: 14px;
	font-weight: 700;
	height: 35px;
	text-align: center;
	padding-top: 10px;
}
.box .desc {
	font-size: 14px;
	margin: 5px 0;
}
.box .button {
	display: block;
	background-image:url(../img/more-button.png);
	width: 67px;
	height: 19px;
	color: #FFF;
	text-align:center;
	padding-top: 8px;
	float: right;
	text-decoration: none;
	font-size: 11px;	
}

#footer {
	width: 970px;
	height: 32px;
	margin: 0 auto;
	color: #59595a;
	font-size: 12px;
	background-image:url(../img/footer-bg.png);
	background-repeat: no-repeat;
	padding: 20px 13px 0 13px;
	position: relative;
	top: -25px;
	
}

#footer-content{
	width: 950px;
	height: 12px;
	padding: 10px 10px;
}
#footer-content a {
	text-decoration: none;	
	color: #000;
}