/* 

Kai Brach

brizk design (www.brizk.com)

*/



/* Basics ######################################################### */



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}
html {
	background: url(./_pix/bg.jpg) 0 0 repeat;
}
body {
	text-align: center;
	font-family: Palatino, Georgia, serif;
	font-size: 14px;
	border: 0;
	color: #000;
	line-height: 21px;
}
.wrap {
	margin: 16px auto;
	width: 908px;
	text-align:left;
}
#header {
	height: 164px;
	background: url(./_pix/shadow-header.png) 0 0 no-repeat;
	padding: 4px;
	margin-bottom: 12px;
}
#header #logo {
	background: url(./_pix/logo.jpg) 0 0 no-repeat;
	height: 117px;
	clear: both;
}
#intro {
	background: url(./_pix/shadow-intro.png) 0 0 no-repeat;
	padding: 9px;
	height: 257px;
	margin-bottom: 12px;
}
#popular {
	background: url(./_pix/popular.jpg) 0 0 no-repeat;
	height: 257px;
	float: left;
	width: 260px;
	border-right: 5px solid #fff;
}
#welcome {
	background: #e2ded2 url(./_pix/bg-welcome.jpg) right top no-repeat;
	width: 405px;
	float: right;
	height: 226px;
	padding: 16px 200px 15px 20px;
	color: #57503e;
	line-height: 23px;
	position: relative;
}
#left-col {
	width: 278px;
	float: left;
}
#right-col {
	width: 618px;
	float: right;
}
#left-col .box {
	background: url(./_pix/shadow-left.png) 0 0 repeat-y;
	padding: 0 4px;
}
#left-col .box-top {
	background: url(./_pix/shadow-left-top.png) center 0 no-repeat;
	height: 4px;
	font-size: 1px;
}
#left-col .box-bottom {
	background: url(./_pix/shadow-left-bottom.png) center 0 no-repeat;
	height: 4px;
	font-size: 1px;
	margin-bottom: 16px;
}
#right-col .top {
	background: url(./_pix/shadow-right-top.png) center 0 no-repeat;
	height: 4px;
	font-size: 1px;
}
#right-col .bottom {
	background: url(./_pix/shadow-right-bottom.png) center 0 no-repeat;
	height: 4px;
	font-size: 1px;
	margin-bottom: 16px;
}
#right-col .main {
	background: url(./_pix/shadow-right.png) center 0 repeat-y;
}
#right-col .main .content {
	padding: 25px 30px 30px 30px;
}
#left-col #finder {
	background: #0b4d77;
}
#right-col #finder {
	margin: 0 4px;
	padding: 5px 0;
	background: #0b4d77;
}
#left-col #finder iframe {
	height: 230px;
	margin: 13px 20px 10px 23px;
	width: 230px;
	border: none;
}
#right-col #finder iframe {
	height: 105px;
	margin: 13px 0 10px 23px;
	width: 560px;
	overflow: hidden;
}
#left-col .linklist {
	background: #d3eeff;
	border: 5px solid #fff;
}
.topuni {
	padding: 15px 0;
	border-bottom: 1px dotted #b5c9d6;
}
.topuni div {
	float: right;
	width: 380px;
}
.content .text {
	padding: 15px 0 0 0;
}
#footer {
	border-top: #cbb277;
	border-top-style: double;
	padding: 15px 0;
	clear: both;
	text-align: center;
	display: block;
	overflow: hidden;
}
/* Headlines ######################################################### */		





h1, h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
h1 {
	padding: 0 0 15px 0;
	font-size: 25px;
	line-height: 30px;
}
.content h1 {
	color: #0b4d77;
	text-align: center;
	background: url(./_pix/bg-h1.gif) center center no-repeat;
	border-bottom: 1px solid #b5c9d6;
	padding-left:25px;
	padding-right: 25px;
}
h2 {
	text-align: center;
	font-size: 22px;
	line-height: 27px;
}
#popular h2 {
	color: #a63411;
	padding: 18px 0 0 0;
}
#welcome h1 {
	color: #a63411;
}
#finder h2 {
	color: #a8ddff;
	padding: 10px 10px 7px 10px;
	margin: 0 10px;
	border-bottom: 1px solid #5ca5d4;
}
#right-col #finder h2 {
	background: url(./_pix/bg-h2-finder.gif) center center no-repeat;
	font-size: 25px;
	padding-bottom: 15px;
}
.linklist h2 {
	color: #0b4d77;
	padding: 10px 10px 7px 10px;
	margin: 0 10px;
	border-bottom: 1px solid #91b9d2;
}
/* Links ######################################################### */	



a:link, a:visited, a:active {
	color:#a63411;
	text-decoration: none;
	outline: none
}
a:hover {
	text-decoration: underline
}
.linklist ul li a:link, .linklist ul li a:visited, .linklist ul li a:active {
	color: #0989db;
}
#header #logo a {
	display: block;
	width: 310px;
	height: 112px;
	margin: 0 0 0 70px;
	text-indent: -1111em;
}
#popular a {
	display: block;
	width: 210px;
	height: 70px;
	text-indent: -1111em;
	margin: 18px 0 0 23px;
}
a.button, a.button:link, a.button:active, a.button:visited {
	display: block;
	background: #a63411;
	width: 200px;
	text-align: center;
	color: #ffe8b6;
	line-height: 1;
	font-size: 18px;
	padding: 5px 8px 6px 8px;
	border: 5px solid #be6744;
	margin: 5px 0 0 0;
}
/* Fonts ######################################################### */



.font-grey {
	color:#878787;
}
p {
	padding:0 0 15px 0;
}
/* Navigation ######################################################### */



#centeredmenu {
	float:left;
	width:100%;
	background: #a63411 url(./_pix/bg-nav.gif) 0 0 no-repeat;
	overflow:hidden;
	height: 47px;
	position:relative;
}
#centeredmenu ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#centeredmenu ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#centeredmenu ul li a {
	display:block;
	margin:0 0 0 1px;
	padding: 15px 25px 14px 25px;
	font-size: 18px;
	color:#ffe8b6;
	line-height:1;
}
#centeredmenu ul li a:hover {
}
#centeredmenu ul li a.active,  #centeredmenu ul li a.active:hover {
	color:#fff;
	background:#772309;
}
/* Images ######################################################### */	



img {
	border:0;
}
#welcome img {
	position: absolute;
	top: -14px;
	left: 450px;
}
.topuni img {
	float: left;
}
/* Tables ######################################################### */



	



/* Lists ######################################################### */



.linklist ul {
	margin: 0;
	padding: 10px;
	list-style-type: none;
}
.linklist ul li {
	padding: 2px 0 2px 24px;
	margin: 0;
	background: url(./_pix/bullet.gif) 0 7px no-repeat;
}
.content .text ul {
	margin: 0;
	padding: 0 0 15px 30px;
}
.content .text ol {
	margin: 0;
	padding: 0 0 15px 30px;
}
/* Forms ######################################################### */



form {
	padding: 0;
	margin: 0;
}
/* Misc ######################################################### */		



.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}


/* Widgets ######################################################### */
#dfw-widget1 {background: none repeat scroll 0 0 #0B4D77; margin:0 0 0 4px; padding:0 0 20px 0; width: 270px;}
#dfw-widget1 h3 {border-bottom: 1px solid #5CA5D4; color: #A8DDFF; margin: 0 10px; padding: 10px 10px 7px; text-align: center;}
#dfw-widget1 form {margin-left: 20px; margin-top: 10px;}
#dfw-widget1 label {display: block; color: white;}
#dfw-widget1 select {font-family:Palatino,Georgia,serif; font-size:14px; margin:2px 0 10px; width:220px;}
#dfw-widget1 button {background:none repeat scroll 0 0 #A63411; border:5px solid #BE6744; color:#FFE8B6; display:block; font-size:18px; line-height:1; margin:5px 0 0 15px; padding:5px 8px 6px; text-align:center; text-decoration:none; width:200px;}

#dfw-widget2 {background: none repeat scroll 0 0 #0B4D77; width: 610px; margin: 0 0 0 4px; padding-bottom: 10px;}
#dfw-widget2 form {padding: 10px 0 0 30px;}
#dfw-widget2 h3 {background: url('./_pix/bg-h2-finder.gif') no-repeat scroll center center transparent; border-bottom:1px solid #5CA5D4; color:#A8DDFF; margin:0 10px; padding:10px 10px 10px; font-size:25px; line-height:27px; text-align:center;}
#dfw-widget2 label {color: white; margin-top: 10px;}
#dfw-widget2 select {display: block; width: 170px;}
#dfw-widget2 div {display: inline-block; margin: 0 5px;}
#dfw-widget2 div {!display: inline;}
#dfw-widget2 button {background:none repeat scroll 0 0 #A63411; border:5px solid #BE6744; color:#FFE8B6; display:block; font-size:18px; line-height:1; margin:10px 0 0 175px; padding:5px 8px 6px; text-align:center; text-decoration:none; width:200px;}