@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */


/*	-------------------------------------------------------------
	STYLES FOR RECREATION TEMPLATE SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background: #dbdbdb url(/images/template/bg.gif) repeat-x;}
	
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
h1, h2, h3, h4, h5, h6 { 
	color: #054f95;	 }
	
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
.content-images-title {
	background: url(/images/design/recreation/recreation-images-title.png) no-repeat;}
.content-title-top {
	background: url(/images/template/recreation-standard-title-bg-top.png) no-repeat;}
.content-title {
	background: #054f95;
	color:#fff;}
.content-title h1{
	color: #FFF;}
.content-title-bottom {
	background: url(/images/template/recreation-standard-title-bg-bottom.png) no-repeat;}
.header .top-nav {
	background: #054f95 url(/images/template/menu/recreation-main-menu.jpg) no-repeat top left; }
	
/* Menu */
#menu ul {list-style: url(/images/template/menu/menu-plus.jpg) outside;}
#menu li a span {background:url(/images/template/menu/recreation-drop-arrow.gif) no-repeat bottom center; }
#menu a:hover {background:url(/images/template/menu/recreation-tab-off.gif) no-repeat right top; color:#054f95;}
#menu a:hover b {background:url(/images/template/menu/recreation-tab-off.gif) no-repeat left top; }
#menu a.sub:hover {background: url(/images/template/menu/recreation-tab-off.gif) no-repeat right center;}
#menu li:hover > a {background:url(/images/template/menu/recreation-tab-off.gif) no-repeat right top; color:#054f95; }
#menu li:hover > a b {background:url(/images/template/menu/recreation-tab-off.gif) no-repeat left top; }
#menu li:hover > a.sub {background: url(/images/template/menu/recreation-tab-off.gif) no-repeat right top;}
#menu li:hover > a span {padding:15px 0 0 15px; background:url(/images/template/menu/recreation-drop-arrow-on.gif) no-repeat bottom center; }
#menu :hover ul li a { background:#fff; color:#054f95; border:1px solid #fff; background: url(/images/template/menu/home-menu-plus.jpg) no-repeat left center; }
#menu :hover ul li a:hover {color:#054f95; background: url(/images/template/menu/recreation-menu-plus.jpg) no-repeat left center;}
#menu li:hover ul li:hover > a {color:#054f95; background: url(/images/template/menu/recreation-menu-plus.jpg) no-repeat left center;}


.products-rib61m-box .rib61m-title {
	background: url(/images/design/recreation/recreation-title-bg.png) no-repeat;}
.products-rib71m-box .rib71m-title {
	background: url(/images/design/recreation/recreation-title-bg.png) no-repeat;}
.products-dtube61m-box .dtube61m-title {
	background: url(/images/design/recreation/recreation-title-bg.png) no-repeat;}
.recreation-news-box .recreation-news-title {
	background: url(/images/design/recreation/recreation-news-title.png) no-repeat;}
.recreation-news-box .recreation-events-title {
	background: url(/images/design/recreation/recreation-events-title.png);}
	
.home-content .news ul li span,.home-content .news ul li span a{color:#a4c8fe;}