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

/* ========================== I moved 480 media query to bottom - Les */

/* ========================================================================== */

@font-face {
    font-family: 'lato';
    src: url('/assets/fonts/lato-regular-webfont.eot');
    src: url('/assets/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/lato-regular-webfont.woff') format('woff'),
         url('/assets/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('/assets/fonts/lato-italic-webfont.eot');
    src: url('/assets/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/lato-italicr-webfont.woff') format('woff'),
         url('/assets/fonts/lato-italic-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'lato';
    src: url('/assets/fonts/lato-bold-webfont.eot');
    src: url('/assets/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/lato-bold-webfont.woff') format('woff'),
         url('/assets/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('/assets/fonts/lato-bolditalic-webfont.eot');
    src: url('/assets/fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/lato-bolditalic-webfont.woff') format('woff'),
         url('/assets/fonts/lato-bolditalic-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-bolditalic-webfont.svg#latobolditalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'lato';
    src: url('/assets/fonts/lato-light-webfont.eot');
    src: url('/assets/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/lato-light-webfont.woff') format('woff'),
         url('/assets/fonts/lato-light-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('/assets/fonts/lato-lightitalic-webfont.eot');
    src: url('/assets/fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/lato-lightitalic-webfont.woff') format('woff'),
         url('/assets/fonts/lato-lightitalic-webfont.ttf') format('truetype'),
         url('/assets/fonts/lato-lightitalic-webfont.svg#latolightitalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'aleo';
    src: url('/assets/fonts/aleo-regular.eot');
    src: url('/assets/fonts/aleo-regular.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/aleo-regular.woff') format('woff'),
         url('/assets/fonts/aleo-regular.ttf') format('truetype'),
         url('/assets/fonts/aleo-regular.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleo';
    src: url('/assets/fonts/aleo-italic.eot');
    src: url('/assets/fonts/aleo-italic.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/aleo-italic.woff') format('woff'),
         url('/assets/fonts/aleo-italic.ttf') format('truetype'),
         url('/assets/fonts/aleo-italic.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'aleo';
    src: url('/assets/fonts/aleo-bold.eot');
    src: url('/assets/fonts/aleo-bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/aleo-bold.woff') format('woff'),
         url('/assets/fonts/aleo-bold.ttf') format('truetype'),
         url('/assets/fonts/aleo-bold.svg#aleobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'aleo';
    src: url('/assets/fonts/aleo-bolditalic.eot');
    src: url('/assets/fonts/aleo-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/aleo-bolditalic.woff') format('woff'),
         url('/assets/fonts/aleo-bolditalic.ttf') format('truetype'),
         url('/assets/fonts/aleo-bolditalic.svg#aleobolditalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

html	{
	min-width: 					100%;
}


body	{
	color:					#333;
	margin:					0;
	font-family: 			'lato', 'Century Gothic', Arial, sans-serif;
	background-color: 		#eee;
}


h1	{
	font-family: 			'aleo';
	font-weight: 			normal;
	font-size: 				1.8em;
	text-transform: 		uppercase;
	padding:				10px 0;
}

h2	{
	font-family: 			'aleo';
	font-weight: 			normal;
}

a:link,
a:visited	{
	color:					#40af9e;
	text-decoration: 		none;
}

a:hover		{
	text-decoration: 		underline;
}



/* ============================================================= Header - top */

.header	{
	height:					30px;
	background-color: 		#fff;
}

.region-header	{
	max-width: 				1200px;
	height:					30px;
	margin:					0 auto;
	position:				relative;
	overflow: 				visible;
}


#block-block-1	{
	float: 					right;
}

#block-block-1 a	{
	display:				block;
	float:					left;
}

#block-block-1 img	{
	vertical-align: 		bottom;
}



.header .last	{
	padding-right:20px;
}


/* ============================================================= Boat Menu */

.boat-menu	{
	position: 				relative;
	z-index: 				10;
	height:					100px;
}

.region-boat-menu	{
	max-width: 				1200px;
	overflow:				visible;
	margin: 				0 auto;
	background-image:url('/assets/images/moomba-forum-bg.jpg');
	background-repeat: 		repeat-x;
	height: 				100px;
}

.logo_wrapper	{
	width:					620px;
}

#logo	{
	background-image: 		url('/assets/images/moomba-logo.png');
	background-repeat: 		no-repeat;
	display:				block;
	width:					620px;
	height:					100px;
	margin: 				0 auto;
}

#main_site_link		{
	float: 					right;
	height:					40px;
	padding:				30px 0px 0px 40px;
	background-color:rgba(59, 169, 154, 0.5);
}


#main_site_link a:link, #main_site_link a:visited {
	padding:15px 50px 10px 0px;
}


.dealer_mobile {
	display:none;
	position:absolute;
	right:0px;
	top:0px;	
	height:70px;
	padding:0px 10px;
	background-color:#f23b06;
}

.dealer_mobile img {
	padding-top:23px;	
}

.dealer {
	margin-top:10px;	
}

/* ============================================================= BB Login Area	 */ 

.above_body	{
	background-color: 	#fff;
}

.toplinks	{
	color:				#222;
}

.toplinks ul.isuser li a:hover	{
	color:				#fff;
}

.toplinks ul.nouser li a	{
	color:				#fff;
}

.notifications a.popupctrl:link, 
.notifications a.popupctrl:visited, 
.toplinks a:link, 
.toplinks a:visited	{
	color:				#fff;
}

/* ============================================================= Content Area	 */ 

.mainWrapper1	{
	max-width: 			1200px;
	margin:				0 auto;
}

.content-region {
	background-color:#fff;	
}

.content-wrapper {
	max-width: 				1100px;
	margin:0px auto;
	padding:10px 30px 30px 30px;	
}


a.newcontent_textcontrol {
color:#ffffff;
}

.globalsearch .buttoncontainer span,
.globalsearch .textboxcontainer span {
border-top: 0 none;
}

.navtabs li a.navtab {
border-top:0 none;
}

.doc_header	{
	height:				43px;
}

/* ============================================================= Footer */

.footer-wrapper {
	background-color: #222;
	overflow:auto;
	padding:10px 0px;
}

.region-footer	{
	color:					#757473;
	max-width: 				1100px;
	margin:					0 auto;
	
}

#footer a	{
	color:					#fff;
}


/* ========================================= footer social */

#block-block-3	{
	padding:				5px 20px 10px 20px;
	clear:					both;
	float: 					left;
	border-right: 			1px solid #333;
	margin: 				25px 0;
	font-family: 			'aleo';
	font-size:				.7em;
}

#block-block-phone	{
	padding:				5px 20px 10px 0;
	float: 					left;
	border-right: 			1px solid #333;
	margin: 				25px 0 25px 35px;;
	font-family: 			'aleo';
	font-size:				.7em;
}

#block-block-phone .phone-number	{
	font-size:				1.7em
}

#block-block-4	{
	font-family: 			'aleo';
	font-weight: 			bold;
	font-style: 			italic;
	font-size:				.7em;
	float:					left;
	padding:				40px 0px 20px 20px;
}

#block-block-5	{
	float:					right;
	margin: 				20px 20px 20px 20px;
}

/* =========================================================================================== 480 */

@media only screen and (max-width : 630px) {
	
	#main_site_link {
		margin-top:70px;
		background-color: rgba(59, 169, 154, .5)!important;
		padding: 5px 0px 6px 0px!important;
    	text-align: center;
    	width: 100%;	
		height:32px!important;
	}
	
	#main_site_link a:link, #main_site_link a:visited {
	padding:15px 20px 0px 0px !important;
}
	
	#main_site_link img {
		width:156px !important;
		height:auto;	
	}
	
	.logo_wrapper {
		width:auto!important;
		padding:10px 0px 0px 0px !important;	
	}
	
	#logo {
		/*background-size:209px auto*/
	}
	
	.boat-menu {
		height:100px;	
	}
	
	.dealer_mobile {
	display:block!important;	
	
}

	.dealer {
	display:none;
}

	#block-block-3 {
		float:none !important;
		border-right:0!important;
		margin-bottom:0px !important;
		padding-bottom:0px !important;	
	}
	
	#block-block-phone,
	#block-block-5 {
		float:none !important;
		border-right:0!important;
		margin: 10px 0px 10px 20px !important; 		
	}
	
	#block-block-4 {
		float:none !important;
		border-right:0!important;
		padding: 10px 0 20px 20px!important;		
	}
}