/*
Web and CSS design by Rapidia.se, Per Johansson

_________________________

Colors

Red						#d71921

Yellow				#fff8ab

Black					#333

Grey					#d9d9d9
							#6d6d6d
							#f4f4f4

_________________________

*/


/* Globals */

body {
font:normal 0.8em/1.4 Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
margin-bottom: 1.0em;
color: #6d6d6d;
height:100%;
background: #fff;
/*background: #fff url(gfx/bg_body.jpg) top center no-repeat;*/
}

* {
margin: 0;
padding: 0;
}

p, ul, ol {
font:normal 0.9em/1.4 Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
margin-bottom: 1.0em;
color: #6d6d6d;
}

b, strong {
font-weight: bold;
}

h1 {
font: normal 1.3em/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 0.3em;
color: #6d6d6d;
}

h2 {
font: normal 1.3em/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 0.3em;
color: #6d6d6d;
}

h3 {
font:normal 1.1em/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 0.3em;
color: #6d6d6d;
}

blockquote {
font: italic 1.2em/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #6d6d6d;
padding: 10px 0 0 10px;
}

a, a:visited {
color: #d71921;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

ul, ol {
padding: 0;
}

img {
border: none;
}

/* Background */

#background {
width: 100%; 
height: 100%; 
position: fixed; 
left: 0px; 
top: 0px; 
z-index: -1;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

.fullsize {
width:100%;
height:100%;
}


/* wrapper */

#wrapper {
position: relative;
margin: 0 auto;
width: 822px;
height: 100%;
}

/* Preview */

#alert {
width: 782px;
padding: 20px 20px 10px 20px;
background: #ffd5d6;
}
#alert h1 {
color: #333;
}


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

#main {
width: 822px;
margin: 117px auto 0 auto;
}


/* Left --------------------------------------- */

#left {
float: left;
width: 294px;
background: #fff;
}

#logo {
width: 222px;
height: 121px;
padding: 35px 42px 0 30px;
}

/* Side menu */

#sidemenu {
width: 318px;
margin-left: -12px;
padding-bottom: 20px;
}
#sidemenu ul {
list-style: none;
}
#sidemenu ul li {
background: url(gfx/menu_shadow.png) top center no-repeat;
}
#sidemenu ul li a, #sidemenu ul li a:visited {
display: block;
height: 63px;
line-height: 73px;
color: #6d6d6d;
text-align: center;
text-decoration: none;
font-size: 1.2em;
}
#sidemenu ul li a:hover, #sidemenu ul li a.active {
height: 71px;
margin-bottom: -8px;
/*background: url(gfx/menu_hover.png) bottom center no-repeat;*/
color: #d71921;
}


/* Default side */

#column_side {
float: left;
width: 100%;
}
#column_side ul, #column_side ol {
margin:0;
padding:0.5em 10px 0.5em 0;
}
#column_side ul li {
background:url('gfx/listbullet.gif') no-repeat left 7px;
list-style:none;
padding:0 0 0 15px;
color: #6d6d6d;
}
#column_side ol li {
list-style-position:inside;
color: #6d6d6d;
}


/* Right --------------------------------------- */

#right {
float: right;
width: 510px;
background: #fff;
}

#right ul, #right ol {
margin: 0;
padding: 0.5em 0;
}
#right ul li {
padding-left: 11px;
background: url(gfx/listbullet.gif) no-repeat left 7px;
padding:0 0 0 15px;
list-style: none;
padding-bottom: 0.3em;
color: #6d6d6d;
}
#right ol li {
list-style-position: inside;
padding-bottom: 0.3em;
color: #6d6d6d;
}


/* top image */

#topimg, #slideshow {
height: 300px;
padding: 24px 24px 0 24px ;
}


/* Columns */

#content {
width:510px;
padding-bottom: 24px;
/*background: url(gfx/bg_content.jpg) bottom center no-repeat;*/
}

#column_wide {
width:432px;
padding: 0 39px;
margin-top: 24px;
}
#column_split_container, #contact_info {
float: left;
width:432px;
padding: 0 39px;
margin-top: 24px;
}
#column_left, #contact_left {
float:left;
width:206px;
}
#column_right, #contact_right {
float:right;
width:206px;
}

#news {
float: left;
width:432px;
padding: 24px 39px 0 39px;
margin-top: 24px;
background: url(gfx/main_shadow.jpg) top center no-repeat;
}


/* Gallery */

#gallery {
float:left;
width: 432px;
margin-top: 24px;
padding: 0 39px;
}
#gallery h1 {
margin-bottom: 20px;
}
#gallery ul {
list-style:none;
overflow:hidden;
width:432px;
margin:0 0 0 -10px;
padding:0;
}
#gallery ul li {
display:inline;
float:left;
text-align:center;
width:132px;
height:auto;
margin:0 0 10px 10px;
padding:0;
font-size:1.0em;
background-image:none;
border: #d9d9d9 solid 1px;
}
#gallery p {
margin: 0;
padding: 0;
font:normal 0.8em Arial, Helvetica, sans-serif;
}
#gallery img {
padding: 4px 4px 0 4px;
}


/* Contact page */

#errorbox {
position:relative;
width:186px;
padding:10px;
margin-bottom:10px;
background-color: #ffd5d6;
}
#errorbox h3 {
font:bold 1.0em/1.4 Arial, Helvetica, sans-serif;
margin: 0;
color: #6d6d6d;
}
#errorbox p {
margin: 0;
color: #333;
}

/* Footer */

#footer {
width: 432px;
padding: 10px 39px;
}
#footer_left {
float:left;
width:362px;
}
#footer_right {
float:right;
text-align: right;
width:50px;
}

/* Classes */

.clearfloats {
clear: both;
}

/* Forms */

.textfield {
width:200px;
height:18px;
padding:2px;
line-height:18px;
background:#fff url(gfx/bg_formfield.gif) top repeat-x;
border:#ccc solid 1px;
}
.textarea {
width:200px;
height:150px;
padding:2px;
font-size:inherit;
font-family:inherit;
background:#fff url(gfx/bg_formfield.gif) top repeat-x;
border:#ccc solid 1px;
}