/*CSS*/

/*
   http://www.markusspiske.com/
   css styles
   
   Copyright 2010, Markus Spiske
   http://www.temporausch.com

*/

/*----------------links----------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {margin: 0; padding: 0; color: #4e4e4e; text-transform: uppercase;}
body {font: 11px/175% Arial, Helvetica, Verdana, sans-serif; /*background: url(../img/bg_global.gif) repeat-y;*/}

/*----------------links----------------*/
a {outline: none;}
a:link, a:visited, a:active {text-decoration: none; color: #4e4e4e;}
a:hover {text-decoration: underline; color: #4e4e4e;}

a.new:link, a.new:visited, a.new:active {text-decoration: none; background-color: #4e4e4e; color: #fff;}
a.new:hover {text-decoration: none; color: #4e4e4e;}

a.footer:link, a.footer:visited, a.footer:active {text-decoration: none; font-weight:bold;}
a.footer:hover {text-decoration: none;  font-weight:bold;}

/*----------------classes----------------*/
.clearing {clear: both;}
img {border: none;}

/*----------------container----------------*/
#wrapper {width:720px; margin: 0 auto;}
#container {float:left; width:720px;}
#header {float:left; width: 720px;}
#logo {float:left; margin: 90px 0px 0px 0px;}
#image {float:left; width: 720px; margin: 0px 0px 0px 0px;}
#box {float:left; width: 720px; margin: 23px 0px 0px 0px;}

#footer {float:left; width: 720px; margin: 30px 0px 0px 0px; border-top: 1px solid #eaeaea; padding-top:5px; font-size:10px;}
#footer_left {float:left; margin: 0px 0px 0px 0px;}
#footer_right {float:right; margin: 0px 0px 0px 0px;}

/*------------------navigation------------------*/
#navigation {float:left; width: 720px; margin: 40px 0px 0px 0px;}
#vertical-navigation {float:left; list-style: none; margin: 0; padding: 0;}
/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative;}
#vertical-navigation li a {float: left; display: block; padding: 0px; text-decoration: none; color: #666; text-transform: uppercase; margin-right: 20px;}
/*Change background color and font color of parent items when mouse hover*/
#vertical-navigation li:hover a, #vertical-navigation li a:hover {background: none; color: #4e4e4e;}
/*Applie to group of Child Items Each Child Item will be invisible by default*/
#vertical-navigation ul {display: none;}
/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul {display: block;}
#vertical-navigation ul{float: none; position: absolute; list-style: none; margin: 0; padding: 0; top: 1.7em; left: 0;}
#vertical-navigation ul li {float: none; clear: none; margin: 0; padding: 0; width: 175px; color: #999;}
/*Reset and re style link of each child item*/
#vertical-navigation li:hover ul li a, #vertical-navigation ul li a {display: block; padding: 0 6px 2px 10px; float: none; text-transform: lowercase; color: #999; background: #fff;}
#vertical-navigation li:hover ul li a:hover, #vertical-navigation ul li a:hover {background: #fff; color: #000;}

/*------------------greyscale------------------*/

img {border: none;}
ul.gallery {
	width: 750px;
	list-style: none;
	margin: 0px auto; padding: 0px;
}
ul.gallery li {
	float: left;
	margin: 0px; padding-right: 30px;
	text-align: center;
	/*border: 1px solid #ccc;
	-moz-border-radius: 3px; --CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 220px;
	height: 90px;
	padding: 0px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 220px;
	height: 90px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 5px;
	background: #e0e0e0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #4e4e4e; display: block;}