/* From http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm */

.container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
}

.container::before, .container::after {
	display: table;
	content: "";
	zoom: 1;
}

.container::after {
	clear: both;
}

.row {
	zoom: 1;
	margin-left: -20px;
}
.row::before, .row::after {
	display: table;
	content: "";
	zoom: 1;
}
.row::after {
	clear: both;
}

.row > [class*="span"] {
	display: inline;
	float: left;
	margin-left: 20px;
}

.span4 {
	width: 220px;
}

.span-one-third {
	width: 300px;
}

.span-two-thirds {
	width: 620px;
}

html {
	background:#5f5f5f url('/static/stylesheets/html_bg.png') 0 0 repeat-x scroll;
	/*background:#fff;*/
	font-size: 62.5%;
}
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	/*background:#fff;*/
	/*background:#5f5f5f url('/static/stylesheets/html_bg.png') 0 0 repeat-x scroll;*/
	min-width:960px;	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	color: #333;
	/*font:76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;*/
	font: 1.4em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	/* Convert to fixed layout */
	text-align:center;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
img {
	border:0;
	vertical-align:middle;
	margin:0;
}
a {
	/*color:#369;*/
	color:#f44800;
}
/*a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}*/
h1, h2, h3, h4 {
	/*margin:.8em 0 .2em 0;*/
	padding:0;
	line-height: 1;
	font-weight: normal;
}
.home h1 {
	font-size:3em;
}
h1 {
	margin: .5em 0 .5em 0;
	/*font-size: 24px;*/
	font-size: 2em;
	/*font-weight: bold;*/
	text-transform: uppercase;
}
h2 {
	margin: .25em 0 .25em 0;
	/*font-size: 18px;*/
	font-size: 1.5em;
	color: #f44800;
	/*border-bottom:1px solid #f44800;*/
}
h1 + h2 {
	margin-top: -1em;
}
/*.home h1 + h2 {
	font-size:2em;
	margin-top: -.75em;
}*/
h3 {
	margin: .125em 0 .125em 0;
	/*font-size: 14px;*/
	font-size: 1.25em;
	/*font-weight: bold;
	color: #666;*/
	color: #f44800;
}
h4 {
	margin: .125em 0 .125em 0;
	/*font-size: 14px;*/
	font-size: 1.25em;
	color: #000;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
#header img {
	margin: 0 0 0 5px;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	/*margin: 0 auto;
	width: 960px;*/
	/*height:105px;*/
	height:105px;
	/*line-height:100px;*/
	background:#B7B7B7 url(/static/stylesheets/header_background.png) 0 25% repeat;
	/*background:#5f5f5f url('/static/stylesheets/html_bg.png') repeat-x scroll;
	border-bottom:5px solid #f44800;*/
	/*border-bottom:0px solid #000;*/
}

#header-left {
	float:left;
	padding-left: 20px;
	padding-top: 20px;
}
#header-right {
	text-align:right;
	float:right;
	padding-right: 20px;
	padding-top: 40px;
}

/* Footer styles */
#footer {
	clear:both;
	/*float:left;*/
	width:100%;
	/*height:64px;*/
	/*border-top:1px solid #000;*/
	/*background: url('/static/stylesheets/footer_bg.png') no-repeat left top;*/
	/*background: #111;*/
	/*background: #5f5f5f;*/
	color: #999;
}
#footer span {
	/*padding:10px;*/
	margin:0;
}

#side-navi {
	/*padding:1em;
	margin-top:1em;*/
	/*left:-3em;*/
	margin-top:1em;
}

#side-navi ul {
	list-style-type:none;
	padding:0;
	margin:0;
	/*margin-left:-2em;*/
}
#side-navi li {
	list-style-type:none;
	margin-left: 1em;
}
#side-navi ul li a.active,
#side-navi ul li a.active:hover {
	color:#000;
    text-decoration: none;
	/*color:#fff;
	background:#000;*/
	font-weight:bold;
}
/*#side-navi ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#side-navi ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#side-navi ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#side-navi ul li a:hover {
	background:#369;
	color:#fff;
}
#side-navi ul li a.active,
#side-navi ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#side-navi ul li a span {
	display:block;
}*/
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#fff;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
    /*margin-top:1em;*/
}
/* holy grail 3 column settings */
.holygrail {
    background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-10em; 		/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:24em;         		/* Left column width + right column width */
    background:#eee;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:15em;        		/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    /*margin:0 15em;     		/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
	margin-left: 16em;
	margin-right: 10em;
    position:relative;
    left:200%;
    overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:13em;        		/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:1em;         		/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	/*display:none;*/
    float:left;
    float:right;			/* This overrides the float:left above */
    width:7em;        		/* Width of right column content (right column width minus left and right padding) */
    margin-right:3em;  		/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* -------------------------------------------------- */
/* From http://matthewjamestaylor.com/centered-menus/ */
/* -------------------------------------------------- */
/*#main-navi {
	clear:left;
	float:left;
	width:100%;
	background:#B7B7B7 url(main-navi.gif) 0 25% repeat;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	border-bottom:1px solid #A8A8A8;
	overflow:hidden;
}
#main-navi ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#main-navi ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#main-navi ul li.first {
	border-left:1px solid #A8A8A8;
}
#main-navi ul li.last {
	border-right:1px solid #C8C8C8;
}
#main-navi ul li a {
	display:block;
	margin:0;
	padding:.4em .8em;
	color:#000;
	text-decoration:none;
	border-left:1px solid #C8C8C8;
	border-right:1px solid #A8A8A8;
	line-height:1.3em;
}
#main-navi ul li a span {
	display:block;
}
#main-navi ul li.active a {
	background:url(/static/stylesheets/main-navi-funkton.gif) 0 75% repeat;
	font-weight:bold;
}
#main-navi ul li a:hover {
	background:url(/static/stylesheets/main-navi-funkton.gif) 0 75% repeat;
}*/

/* -------------------------------------------------- */

#main-navi {
	clear:left;
	float:left;
	width:100%;
	background:#B7B7B7 url(/static/stylesheets/main-navi.gif) 0 75% repeat;
	font-size:1.2em;
	/*font-family:Trebuchet MS, Helvetica, sans-serif;*/
	/*border-bottom:1px solid #A8A8A8;*/
	/*border-bottom:1px solid #f44800;*/
	overflow:hidden;
}
#main-navi ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#main-navi ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#main-navi ul li.first {
	border-left:1px solid #A8A8A8;
	/*border-left:1px solid #f27b00;*/
	-moz-box-shadow: -4px 4px 11px #666;
	-webkit-box-shadow: -4px 4px 11px #666;
}
#main-navi ul li.last {
	/*border-right:1px solid #C8C8C8;*/
	/*border-right:1px solid #f27b00;*/
	-moz-box-shadow: 4px 4px 11px #666;
	-webkit-box-shadow: 4px 4px 11px #666;
}
#main-navi ul li a {
	display:block;
	margin:0;
	padding:.4em .8em;
	color:#000;
	text-decoration:none;
	border-left:1px solid #C8C8C8;
	border-right:1px solid #A8A8A8;
	/*border-left:1px solid #f27b00;
	/*border-right:1px solid #f27b00;*/
	line-height:1.3em;
	color: #333;
}
#main-navi ul li a span {
	display:block;
}
#main-navi ul li a {
	background:url(/static/stylesheets/main-navi.gif) 0 0 repeat;
}
#main-navi ul li.active a {
	/*background:url(/static/stylesheets/main-navi-funkton.gif) right top repeat;*/
	background: #fefefe;
	font-weight:bold;
	color: #333;
}
#main-navi ul li a:hover {
	/*background: #f27b00 url(/static/stylesheets/main-navi-funkton.gif) right top repeat;*/
	background: #f27b00;
	color: #fff;
}

/* -------------------------------------------------- */

.content-wrap {
	clear:both;
	margin: 0 auto;
	padding:0;
	width: 100%;
	text-align:left;
	/*padding-top: 20px;
	background:#5f5f5f url('/static/stylesheets/html_bg.png') 0 0 repeat-x scroll;*/
	background:#fff;
}

.body {
	clear:both;
	margin: 0 auto;
	width: 960px;
	text-align:left;
	/*margin-top: 30px;*/
	/*background:#5f5f5f url('/static/stylesheets/html_bg.png') 0 0 repeat-x scroll;*/
	background:#fff;
	/*padding: 15px;*/
}

.column3 {
	padding: 15px;
	float: left;
	width: 290px;
}

.highlight {
	color: #f44800;
}

.infobox {
	border:1px solid #f44800;
	/*width:20%;*/
	/*width:240px;*/
	margin:10px;
	padding:10px;
	background:#dedede;
}

#gallery h1 {
	padding-left:20px;
}

.home .intro {
	background: url(/static/stylesheets/landing_bg.jpg) repeat-x bottom #fff;
}
/*.slogan {
	font-size: 14px;
}*/
blockquote {
	/*width: 400px;*/
	margin: 15px 0 0px 0px;
	padding: 0px 0 0px 30px;
	background: url(/static/stylesheets/quote-open.png) no-repeat top left;
	font-style: italic;
	font-size: 14px;
}
.author {
	color:#666;
	/*float:right;*/
	display:block;
	font-style: normal;
	font-size: 12px;
}

.zoomTarget:hover {
	cursor: url(/static/images/zoom.png),auto;
}
	
#header {
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
}

/* accordion header */
#accordion h2 {
	color: #333;
    background:#ccc url(/media/img/gradient/h30.png);
    line-height: 14px;
    margin: 2px 0;
    padding:5px 15px;
    font-size:14px;
    font-weight:normal;
    /*border:1px solid #fff;
    border-bottom:1px solid #ddd;*/
    cursor:pointer;
}

/* currently active header */
#accordion h2.current {
    cursor:default;
    background-color:#eee;
}

/* accordion pane */
#accordion .pane {
    /*border:1px solid #fff;
    border-width:0 2px;*/
    display:none;
    /*height:180px;*/
    padding:15px;
    padding-right:0px;
    /*color:#fff;*/
    font-size:12px;
}

/* root element for tabs  */
ul.tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
}

/* single tab */
ul.tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 30px;
    text-decoration:none;
    border:1px solid #666;
    border-bottom:0px;
    height:18px;
    background-color:#efefef;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}

ul.tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}

/* selected tab */
ul.tabs a.current {
    background-color:#fff;
    border-bottom:1px solid #fff;
    color:#000;
    cursor:default;
}

/* tab pane */
.tab-panes div {
    display:none;
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:15px 20px;
    background-color:#ddd;
}