@charset "UTF-8";
/* CSS Document */

body {
	background-color: #333;
	color: #ccc;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	margin: 0px;
	padding: 25px 0px;
}



/* wrapper */

#wrapper {
	margin: 0px auto;
	width: 960px;
}

#wrapper #left, #wrapper #main, #wrapper #right {
	float: left;
	margin: 0px;
	padding: 0px;
}

#wrapper #main {width: 910px;}
#wrapper #left, #wrapper #right {width: 25px; min-height: 500px;}
#wrapper #left {background: url("images/shadow_left.gif") top right no-repeat;}
#wrapper #right {background: url("images/shadow_right.gif") top left no-repeat;}



/* header + navigation */

#header {
	background: url("images/highlight_top.gif") top left repeat-x;
	width: 870px;
	padding: 25px 20px 15px 20px;
	float: left;
}

#header #logo, #header #navigation, #header #navigation li {float: left;}
#header #logo {
	background: url("images/logo.gif") no-repeat;
	width: 196px;
	min-height: 70px;
	/* for IE */
	filter: alpha(opacity=80);
	/* CSS3 standard */
	opacity: 0.8;
}

#header #navigation {
	border-top: 30px solid #333;
	padding-left: 15px;
}
#header #navigation li {
	list-style-type: none;
	height: 33px;
	line-height: 33px;
	margin-left: 10px;
	padding-left: 2px;
	padding-right: 30px;
}
#header #navigation li a {
	font-size: 13px;
	text-decoration: none;
	border-bottom: 2px solid #333;
}
#header #navigation li:hover {
	border-bottom: 2px solid #fff;
	cursor: pointer;
}



/* content */

#content {
	width: 850px;
	height: auto !important;
	min-height: 400px;
	padding: 0 30px;
	float: left;
}

#content a {border-bottom:1px dotted #ccc; color: #ccc; text-decoration: none;}
#content a:hover {color: #fff; text-decoration: none;}

#content h1, #content .class_h1 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

#content .head {font-size: 14px; font-weight: bold; color: #fff;}
#content .sub-head {font-size: 12px; color: #fff;}

#content #left-col {
	width: 380px;
	border-right: 1px dotted #999;
	float: left;
	padding-right: 35px;
}

#content #right-col {
	width: 380px;
	float: left;
	position: relative;
	padding-left: 30px;
}

#button-links a {display: block; height: 40px; line-height: 40px; float: left; margin-right: 10px; margin-top: 5px; border-bottom: none;}
#button-links a span {display: none;}

#button-links a#donate:hover,#button-links a#slideshow:hover, #button-links a#pricelist:hover, #button-links a#facebook:hover {background-position: 0 -40px;}
#button-links a#donate {width: 120px; height: 40px; background:url("images/button_donatenow.jpg") no-repeat;}
#button-links a#slideshow {width: 120px; height: 40px; background:url("images/button_slideshow.jpg") no-repeat;}
#button-links a#pricelist {width: 230px; height: 40px; background:url("images/button_downloadpkg.jpg") no-repeat;}
#button-links a#facebook {width: 180px; height: 40px; background:url("images/facebook.jpg") no-repeat; margin-top:-10px;}


#content img.team {border: 1px solid #666; margin-right: 12px;}

#content #clear {
	clear: both;
	padding-top: 20px;
}



/* gallery */

table, td, tr {padding: 0; margin: 0;}
span.exe {
	padding: 0;
	padding-bottom: 30px;
	margin: 0 0 0 10px;
	font: 120% Garamond, Georgia, serif;
}

.gallery-title {font-size: 12px;}
.gallery-img-name {font-size: 12px; font-weight: bold; color: #fff;}

#gallery a {border-bottom: none; text-decoration: none;}
#gallery img.link {border: 1px solid #666;}
#gallery img.link:hover {border: 1px solid #fff;}

#content a.no {border-bottom: none; text-decoration: none;}
#content a.link, #content a.no, #content font.no-select {border: 1px solid #666; padding: 3px 5px;}
#content a.link:hover, #content a.no:hover, #content font.no-select {background: #fff; color: #333;}
#content a.link:hover, #content a.no:hover {cursor: pointer;}



/* footer */

#footer {
	color: #999;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	padding-bottom: 20px;
}

#footer a {color: #999; text-decoration: none;}
#footer a:hover {color: #fff;}