/* CSS DOCUMENT */

/*------------------------- GENERAL -------------------------*/
body{
	padding:10px 0 0;
	margin:0;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/top-bg.gif) 0 0 repeat-x #BD0000;
	}
div, img, p, a, ul, h1, h2, h3, h4, h5, h6, object{
	padding:0;
	margin:0;
	}
img{ border:none;}
a{ text-decoration:none;
	outline:none;
	}
ul{ list-style-type:none;}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}

/*------------------------- TOP PANEL -------------------------*/
div#topPanel{
	background:url(../images/header-bg.jpg) 50% 0 no-repeat;
	padding-bottom:6px;
	}
div#topPanel p{
	text-align:center;
	padding-bottom:5px;
	}

/*------------------------- TOP PANEL - HEADER -------------------------*/
div#headerArea{
	border-bottom:2px solid #fff;
	padding-bottom:6px;
	margin-bottom:9px;
	}
div#headerArea div.innerHeader{
	width:980px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	padding:6px 0 0 9px;
	}
div#headerArea div.innerHeader img.logo{
	display:block;
	float:left;
	cursor:pointer;
	}
div#headerArea div.innerHeader div.headerContact{
	width:243px;
	float:right;
	}
div#headerArea div.innerHeader div.headerContact ul.topLinkPics{
	font-size:0;
	line-height:0;
	height:25px;
	padding-bottom:10px;
	}
div#headerArea div.innerHeader div.headerContact ul.topLinkPics li{
	float:right;
	padding-left:4px;
	width:auto;
	}
div#headerArea div.innerHeader div.headerContact ul.topLinkPics li img,
div#headerArea div.innerHeader a.headerImgLink img{
	display:block;
	}
div#headerArea div.innerHeader div.headerContact p{
	font-size:14px;
	line-height:16px;
	text-align:right;
	padding-bottom:0;
	}
div#headerArea div.innerHeader div.headerContact p.phNumber{
	background:url(../images/phone-icon.gif) 110px 2px no-repeat;
	}
div#headerArea div.innerHeader div.headerContact p.emailAdd{
	background:url(../images/email-icon.gif) 50px 2px no-repeat;
	}
div#headerArea div.innerHeader div.headerContact p.emailAdd a{
	color:#fff;
	background-color:inherit;
	}
div#headerArea div.innerHeader div.headerContact p.emailAdd a:hover{
	text-decoration:underline;
	}
div#headerArea div.innerHeader a.headerImgLink{
	display:block;
	float:right;
	margin-top:11px;
	width:314px;
	height:50px;
	}

/*------------------------- TOP PANEL - BANER -------------------------*/
div#bannerArea{
	height:350px;
	background:url(../images/banner-bg.gif) 0 0 no-repeat;
	padding-top:22px;
	width:1000px;
	margin:0 auto;
	}
div#bannerArea div{
	width:960px;
	height:320px;
	margin:0 auto;
	}
/*div#bannerArea div img{
	display:block;
	}*/

/*------------------------- MIDDLE PANEL -------------------------*/
div#midPanel{
	padding:15px 0 10px;
	background:url(../images/gal-bg.gif) 0 0 repeat-x #F6F6F6;
	color:#292929;
	}
div#midPanel div.innerMidArea{
	width:962px;
	margin:0 auto;
	}
div#midPanel div.innerMidArea h2{
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:21px;
	}
div#midPanel div.innerMidArea ul.imgList{
	font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	overflow:hidden;
	padding-left:21px;
	}
div#midPanel div.innerMidArea ul.imgList li{
	float:left;
	padding-right:65px;
	width:131px;
	}
div#midPanel div.innerMidArea ul.imgList li.imgListLast{
	padding-right:0;
	}
div#midPanel div.innerMidArea ul.imgList li a{
	display:block;
	color:#292929;
	background-color:inherit;
	}
div#midPanel div.innerMidArea ul.imgList li a img{
	display:block;
	margin-bottom:6px;
	border:4px solid #fff;
	}
div#midPanel div.innerMidArea ul.imgList li a:hover{
	text-decoration:underline;
	}
div#midPanel div.innerMidArea ul.imgList li a:hover img{
	border-color:#BD0000;
	}
div#midPanel div.innerMidArea ul.imgList li a span{
	cursor:pointer;
	display:block;
	padding:0 45px 10px 0;
	}
div#midPanel div.innerMidArea ul.imgList li a span.urban{
	background:url(../images/pic-icon1.gif) 100% 3px no-repeat;
	}
div#midPanel div.innerMidArea ul.imgList li a span.family{
	background:url(../images/pic-icon2.gif) 100% 1px no-repeat;
	}
div#midPanel div.innerMidArea ul.imgList li a span.road{
	background:url(../images/pic-icon3.gif) 100% 3px no-repeat;
	}
div#midPanel div.innerMidArea ul.imgList li a span.mountain{
	background:url(../images/pic-icon4.gif) 100% 0 no-repeat;
	}
div#midPanel div.innerMidArea ul.imgList li a span.workshop{
	background:url(../images/pic-icon5.gif) 100% 0 no-repeat;
	}

/*------------------------- BOTTOM PANEL -------------------------*/
div#botPanel{
	background:url(../images/bot-panel-bg.gif) 0 0 repeat-x #252525;
	color:#fff;
	}
div#botPanel div.innerBotPanel{
	width:962px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	}

/*------------------------- BOTTOM PANEL - BOTTOM PANEL LEFT -------------------------*/
div.botPanelLeft{
	width:550px;
	float:left;
	background:url(../images/hello-bg.jpg) 7px 38px no-repeat;
	padding:60px 0 25px 17px;
	}
div.botPanelLeft h2{
	text-indent:-20000px;
	font-size:0;
	line-height:0;
	display:none;
	}
div.botPanelLeft p{
	font-size:24px;
	line-height:32px;
	padding-bottom:18px;
	}
div.botPanelLeft a{
	font-size:18px;
	line-height:20px;
	background-color:inherit;
	color:#BD0000;
	}
div.botPanelLeft a:hover{
	text-decoration:underline;
	}

/*------------------------- BOTTOM PANEL - BOTTOM PANEL RIGHT -------------------------*/
div.botPanelRight{
	width:360px;
	float:right;
	background:url(../images/divider.jpg) 0 50% no-repeat;
	padding:41px 0 27px 17px;
	height:100%;
	overflow:hidden;
	}
div.botPanelRight img{
	display:block;
	float:right;
	}
div.botPanelRight div.flashTextArea{
	width:195px;
	float:right;
	position:relative;
	}
div.botPanelRight div.flashTextArea a.upArrow{
	display:block;
	width:11px;
	height:6px;
	background:url(../images/up-down-arrow.gif) 0 0 no-repeat;
	position:absolute;
	left:170px;
	top:60px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	z-index:100;
	}
div.botPanelRight div.flashTextArea a.downArrow{
	display:block;
	width:11px;
	height:6px;
	background:url(../images/up-down-arrow.gif) 0 100% no-repeat;
	position:absolute;
	left:170px;
	top:90px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	z-index:105;
	}
div.botPanelRight div.flashTextArea h4{
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	padding-bottom:10px;
	background-color:inherit;
	color:#fff;
	}
div.botPanelRight div.flashTextArea p{
	padding:0 0 14px 0;
	font-size:12px;
	line-height:16px;
	background-color:inherit;
	color:#fff;
	width:165px;
	/*height:98px;
	overflow:hidden;*/
	}
div.botPanelRight div.flashTextArea div.innerFlashText{
	/*width:129px;*/
	height:122px;
	padding-right:30px;
	margin-bottom:12px;
	}
div.botPanelRight div.flashTextArea a.moreNews{
	font-size:12px;
	line-height:14px;
	background-color:inherit;
	color:#BD0000;
	}
div.botPanelRight div.flashTextArea a.moreNews:hover{
	text-decoration:underline;
	}
/*div.botPanelRight div.flashTextArea img{
	display:block;
	}*/

/*------------------------- FOOTER AREA -------------------------*/
div#footerArea{
	padding:15px 0;
	}
div#footerArea div.innerFooter{
	width:940px;
	margin:0 auto;
	}
div#footerArea div.innerFooter p{
	text-align:center;
	font-size:14px;
	line-height:16px;
	}
div#footerArea div.innerFooter p.validator{
	text-align:right;
	margin-top:-16px;
	}
div#footerArea div.innerFooter p.validator a{
	color:#fff;
	background-color:inherit;
	}
div#footerArea div.innerFooter p.validator a:hover{
	text-decoration:underline;
	}