@charset "utf-8";
@import url('style-reset.css');

/*   
Template Name:  
Author: Dieter Schneider
Author URI: http://www.csstemplateheaven.com/
*/

/*-----------------------------------------------*/
/*--------------- SITE STRUCTURE ---------------*/
/*---------------------------------------------*/

body {font-size: 100%; background:#414141; font-family: Arial, Helvetica, sans-serif;}

#container {margin: auto; width: 960px; font-size: .875em; color: #a1a1a1}

#header {position: relative; height: 94px}

#logo {
	width: 240px;
	height: 68px;
	position: absolute;
	top: 60px;
	left: 1px;
}

#screen {height: 410px; background: url(images/screen.jpg) no-repeat; margin: 10px 0; padding: 30px 0 0}

#left {float: left; width: 300px}

#right {float: right; width: 300px;}

#middle {margin-left: 330px; margin-right: 330px;}

#left, #right, #middle {margin-bottom: 40px;}

#footer {clear:both; width: 900px; margin: auto; font-size: .8em; padding: 30px; background: #373737 url(images/dark_gradient.jpg) repeat-x;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

/* pages */

#page_wrap {width: 960px; margin: auto}

#page_top {height: 54px; background: #1b1b1b;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

#page {background: #1b1b1b; padding: 0 54px;}

#page_bottom {height: 54px; background: #1b1b1b;
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

/* contact info */

#contact_info {float: left; width: 450px; margin-top: 15px}

#contact_info ul {margin: 20px}

#contact_info ul li {background: url(images/arrow.gif) no-repeat center left; padding-left: 15px; font-size: .9em; line-height: 1.8em}

/*-----------------------------------------------*/
/*-------   TYPOGRAPHY, IMG and LISTS   --------*/
/*---------------------------------------------*/

a {color: #ebbb49}

p {padding: 15px 0; line-height: 1.6em; font-size: .9em;}

p.frontpage_text {text-align:justify}

#btn_fb {position: absolute; bottom: -27px; right: 40px}

h1.pagetitle {color: #FFF; text-align: right; font-size: 1.8em; font-weight: normal; letter-spacing: .25em;}

h2 {clear: both; padding: 15px 0 0;}

h3.frontpage_heading {background: #1b1b1b; padding:30px 10px 5px; text-align: right; font-size: 1.8em; font-weight: normal; letter-spacing: .25em; color: #fff; margin-bottom: 15px;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#footer a, #footer p {color: #666}

.float_left { float: left; margin-right: 12px; padding: 8px; background: #F7F7F7; border: 1px solid #CCC;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

/**************************** Gallery *****************************/

#gallery {
	width: 852px;
	margin: auto;
	overflow: auto;
	padding-bottom: 18px;
	position:static;
}

.float_left_thumb {
	float: left;
	height: 164px;
	width: 152px;
	margin: 8px 10px 2px 8px;
	background: url(images/gallery_thumb.png) no-repeat;
	padding-top: 6px;
	text-align: center;
}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}


/*-----------------------------------------------*/
/*---------------   NAVIGATION   ---------------*/
/*---------------------------------------------*/

/* gallery menu ---------------*/

#g_navcontainer {
     clear: both;
	 margin-bottom: 18px;
	 width: 100%;
	 background: #1b1b1b;
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

#g_navcontainer ul {
     color: White;
     width: 100%;
	 padding: 0px 24px 24px 30px
}

#g_navcontainer ul li {display: inline}

#g_navcontainer ul li a {
     padding: 0.2em 1em;
     color: #CCC;
     text-decoration: none;
	 letter-spacing: .14em
}

#g_navcontainer ul li a:hover {
     background: #eaeaea;
     color: #000;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

/* horizontal menu ---------------*/

#h_navcontainer {
     width: 100%;
	 height: 40px
}

#h_navcontainer ul {
     color: White;
     width: 100%;
}

#h_navcontainer ul li {display: inline;}

#h_navcontainer ul li a {
     padding: 0.2em 1em;
     color: #999999;
     text-decoration: none;
     float: right;
	 letter-spacing: .14em
}

#h_navcontainer ul li a:hover {
     background: #eaeaea;
     color: #000;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

a#current {
     background: #000;
     color: #000;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

/* footer menu ---------------*/

#footer h4 {font-weight: bold; margin-bottom: 8px; padding: 5px; background: #1D1D1D; color: #CCC;
    -moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#footer_left {float: left; width: 540px; border: 0px solid red}

#footer_left ul {float: left; margin-right: 40px; width: 120px; background: #373838; padding: 10px;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

#footer_left li {background: url(images/seperator_footer.png) repeat-x bottom; padding: 5px 0}

#footer_left ul li a {color: #999; text-decoration: none;}

#footer_right {width: 350px; float: right;}

#footer_right ul {margin-bottom: 10px}

#footer_right ul li {display: inline; margin-right: 10px;}

#footer_right img {border: 1px solid #646464; padding: 6px; background: #000000;
    -moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

/*-----------------------------------------------*/
/*---------------      FORMS     ---------------*/
/*---------------------------------------------*/

#form_container {border: 1px solid #5d5d5d; width: 290px; margin-top: 30px; padding: 20px 20px 20px; background: #333333; float: right; margin-left: 20px;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}


/*-----------------------------------------------*/
/*----------  Frontpage gallery    -------------*/
/*---------------------------------------------*/

		
		#frontpage_gallery {background: #1b1b1b; padding-top:32px; padding-left: 32px; padding-bottom: 30px;
		position: relative;
		-moz-border-radius-topleft: 8px;
		-khtml-border-radius-topleft: 8px;
		-webkit-border-top-left-radius: 8px;
		-moz-border-radius-topright: 8px;
		-khtml-border-radius-topright: 8px;
		-webkit-border-top-right-radius: 5px;
         }
		
		#frontpage_gallery img {
			border: none;
		}

		#frontpage_gallery_nav {
			float: left;
			width: 200px;
			margin-right: 6px;
			text-align: center;
		}
		
		#frontpage_gallery_nav img {
			margin-bottom: 6px;
		}

		#frontpage_gallery_output {
			float: left;
			width: 694px;
			height: 432px;
			overflow: hidden;
			border: 0px solid gray
		}

		#frontpage_gallery_output img {
			display: block;
			margin: 0px auto;
		}