/* CSS Document */
body {
	background: #4b4b4d;
	padding-top: 0;
	margin-top: 8px;
}

p + p  { text-indent: 0; margin-top:0em; }



div.container { padding-top: 0; margin-top: 0; width: 830px!important;}


.main_container {
	background:#0f0f0f!important;
	padding-top:0px;
	float:left;
	clear: both;
}


/*Logo*/
h1#logo{
float:left;
width: 128px;
height: 33px;
margin:0px 0 5px 0px;
}



h1#logo a{
float:left;
width: 128px;
height: 33px;
display: block;
background: url(images/logo2.png);
}




p.info{float: right; margin: 17px 0 0 0px;}
p.info a{color: #fff;text-decoration: none; text-transform: uppercase;}
p.info a:hover{color:#d72f36;}

/*MENY BUTTON*/

p.slider{
float: left;
margin: 13px 0 0 10px;
font-size: 125%;
}

.slider a{
text-decoration: none;
text-transform: uppercase;
color: #fff;

}

.slider a:hover{
color:#d72f36;
}


#menu_overlay{
background: url(images/red_overlay.png);
width: 830px /*950*/;
margin: 0px 0 0 0;
/*position: fixed;*/
position: absolute;
z-index: 99;
/*display: none;*/
}

.off_left{
position: absolute;
left: -9999px!important;
}

#open_menu{
background: url(images/red_overlay.png);
width: 794px /*950*/;
margin: 0px 0 0 0;
padding: 18px;
padding-bottom: 4px;
float: left;
}


.content_box{
width: 830px;
min-height: 248px;
padding-top: 20px;
padding-bottom: 20px;
float: left;
}

.content{
background: url(images/red_overlay.png);
padding: 230px 10px 5px 10px;
height: 100px;
width: 200px;

margin: 0 auto;
font-family: Georgia;
}

.content p{
color: #fff;
margin-bottom: 0;
}
.content p a{color: #fff;}

		




	.coda-slider-wrapper { padding: 0px 0 }
	/*.coda-slider { background: #ebebeb }*/
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 830px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider,
	.coda-slider-wrapper.arrows .coda-slider .panel { width: 830px }
	
	.coda-slider-wrapper.arrows .coda-slider { margin:0 }
	
	/* Arrow styling */
	.coda-nav-left a,
	.coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 18px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	
	/* Miscellaneous */
	/*.coda-slider-wrapper {clear: both; overflow: auto }*/
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left{ float: left }
	.coda-nav-right {float: right;}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }




		

.galleries{
list-style-type: none;
margin: 0;
float: left;
}

.galleries li{
float: left;
margin: 0 14px 14px 0;
background: black;
width: 180px;/*210*/
height: 250px;
max-height: 250px;
display: block;
text-decoration: none;
padding: 4px;
}

.galleries li.last{margin: 0 0px 14px 0;}

.galleries li.hover{
background: #212121;
cursor:pointer;
}

.galleries li.current{
background: #212121;
}











/*.galleries li a{
background: black;
width: 210px;
height: 250px;
max-height: 250px;
display: block;
text-decoration: none;
padding: 4px;
float: left;
}*/


/*.galleries li a:hover,
.galleries li.current a{
background: #212121;
}*/

.galleries li h2{
font-size: 120%;
font-family: Georgia;
margin: 3px 0 0 0;
}


.galleries li h2 a{
color: #fff;
margin: 0;
text-decoration: none;
}

.galleries li h2 .red_heading{
color: #b7282e;
text-transform: uppercase;
}

.gallery_info{
color: #a3a3a3;
font-size: 80%;
margin: -3px 0 3px 0;
font-weight: lighter;
font-stretch: narrower;
}


.gallery_text{
font-family: Georgia;
color: #fff;
font-size: 90%;
margin: 0;
}




#right{
margin: 0 20px 0 20px;
}

.clean_page{
margin-top: 20px;
width: 790px;
float: left;
min-height: 298px;
font-family: Georgia;
}

.content p{
font-size: 130%;
}

.clean_page p,
.clean_page h2,
.clean_page h3,
.clean_page h4,
.clean_page ul,
.clean_page ol,
.clean_page p a{
color: #fff;
}

.center_text{text-align: center;}

#slideshow{
list-style-type: none;
margin: 20px 0 0 0;
float: left;
width: 790px;
overflow: hidden;
height: 550px;
padding: 0;
}

#slideshow li {width: 790px; height: 550px;}

#slideshow li img{
border:1px solid #8c8d90;
margin:0 0 10px 0;
display: block;
margin-left: auto;
margin-right: auto
}


#slideshow li p{
font-size:80%;
color:#d4d4d4;
font-weight:normal;
text-align: center;
}



#nav{
list-style-type: none;
margin: 0 0 6px 0;
float: right;
width: 190px;
}

#nav li{
float: left;
margin: 0 10px 10px 0 ;

}
#nav li.last{
margin-right: 0;
}

#nav li a{
/*background: url(images/11_cyrcle_one_24.gif) top center no-repeat!important;*/

margin: 0;
color: #0f0f0f;

}


#nav li a img{
border:1px solid #8c8d90;
margin: 0;
width: 28px;
height: 28px;

}

#nav li a:hover img,
#nav li a.activeSlide img{
border:1px solid #CCCCCC;
}


/*Next and previous galleries*/

ul#next_prev_gallery{
margin: 0;
list-style-type: none;
float: right;
}

#next_prev_gallery li{
float: left;
margin: 0 5px 0 0;
}

#next_prev_gallery li a{
text-decoration: none;
color: #fff;

}

/*Previous - Next*/

#controls{
list-style-type: none;
margin: 0px 0 0 380px;
float: left;
width: 30px;
height: 12px;
}

#controls li{
float:left;
}

#controls li a{
float:left;
text-decoration: none;
width:5px;
height:10px;
display: block;
background-position: top;
background-repeat: no-repeat;
display:inline;
}


#controls li a#previous{
background-image:url(images/previous.png);
margin-right:20px;
}
#controls li a#next{
background-image:url(images/next.png);
float:left;
margin:0;
}

#controls li a#previous:hover {
background-position: bottom;
}
#controls li a#next:hover {
background-position: bottom;
}



.contact h2{color: #fff; font-size: 140%;}
.contact p{color: #fff;}
.contact{margin: 20px 0 0 0; float: left; width: 100%;}

.noscript_box{background: #fff; float: left; width: 96%; padding: 2%;}