/**********************************************************************************************

	Title	: Website
	Author	: XHTMLized
	Date	: January 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Navigation
			3.4 Sidebar
			3.5 Content
			3.6 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
body#elj {
	background-color: #000000;
	color: white;
}
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	text-align: left;
	color: #fff;
	background: #090c0d;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {color: #ffcf13; text-decoration: none; cursor: pointer;}

a:visited {}

a:hover {text-decoration: underline;}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}
 
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 991px;
	position: relative;
	margin: 0;
	text-align: left;
	
}

#home .container {width: 988px;}


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

h1#header {
	position: absolute;
	left: 0;
	bottom: 45px;
	overflow: hidden;
	width: 991px;
	height: 105px;
}

	h1#header span {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../cmsimages/samsonlogo.gif) no-repeat right top;
	}


/* 3.3	Navigation
-----------------------------------------------------------------------------------------------*/	

#navigation {
	z-index: 20;
	position: absolute;
	left: 0;
	top: 15px;
	width: 990px;
	height: 23px;
	border: 1px solid #bb9d28;
	border-left: none;
	border-right: none;
	background: url(../cmsimages/top_navigation.png) repeat-x left top;
}

	#navigation ul {
		/*padding: 0 0 0 30px;
		width: 960px;*/
		padding: 0 0 0 0;
		width: 990px;
		margin-left: 0;
		
		
	}
	
		#navigation ul li {
			display: inline;
		}
		
			#navigation ul li a {
				position: relative;
				overflow: hidden;
				display: block;
				float: left;
				margin-left: 19px;
				height: 23px;
				line-height: 23px;
				text-indent: -2000px;
				
			}
			
			/*#navigation ul li#mn-wakeboard  a{width: 201px;}
			#navigation ul li#mn-fishing a{width: 159px;}
			#navigation ul li#mn-offroad a{width: 87px;}
			#navigation ul li#mn-faq a{width: 35px;}
			#navigation ul li#mn-testimonials a{width: 137px;}
			#navigation ul li#mn-about a{width: 95px;}*/
			
			#navigation ul li.mn-home a{width: 52px;background: url(../cmsimages/nav_home.png); margin-left: 24px !important; margin-left: 12px;}
			#navigation ul li.mn-wakeboard  a{width: 201px;background: url(../cmsimages/nav_wakeboard_towers.png);}
			#navigation ul li.mn-fishing a{width: 159px;background: url(../cmsimages/nav_fishing_towers.png);}
			#navigation ul li.mn-offroad a{width: 141px;background: url(../cmsimages/nav_offroad.png);}
			#navigation ul li.mn-faq a{width: 35px;background: url(../cmsimages/nav_faq.png);}
			#navigation ul li.mn-testimonials a{width: 137px;background: url(../cmsimages/nav_testimonials.png);}
			#navigation ul li.mn-about a{width: 95px;background: url(../cmsimages/nav_about_us.png);}
			
				#navigation ul li a span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 200%;
					background-repeat: no-repeat;
					background-position: center top;
				}
				
				/*#navigation ul li a#mn-wakeboard span {background: url(../cmsimages/nav_wakeboard_towers.png);}
				#navigation ul li a#mn-fishing span {background: url(../cmsimages/nav_fishing_towers.png);}
				#navigation ul li a#mn-offroad span {background: url(../cmsimages/nav_offroad.png);}
				#navigation ul li a#mn-faq span {background: url(../cmsimages/nav_faq.png);}
				#navigation ul li a#mn-testimonials span {background: url(../cmsimages/nav_testimonials.png);}
				#navigation ul li a#mn-about span {background: url(../cmsimages/nav_about_us.png);}*/
				
				/*#navigation ul li.mn-wakeboard a span {background: url(../cmsimages/nav_wakeboard_towers.png);}*/
				/*#navigation ul li.mn-fishing a span {background: url(../cmsimages/nav_fishing_towers.png);}
				#navigation ul li.mn-offroad a span {background: url(../cmsimages/nav_offroad.png);}
				#navigation ul li.mn-faq a span {background: url(../cmsimages/nav_faq.png);}
				#navigation ul li.mn-testimonials a span {background: url(../cmsimages/nav_testimonials.png);}
				#navigation ul li.mn-about a span {background: url(../cmsimages/nav_about_us.png);}*/
				
				#navigation ul li a:hover {background-position: bottom left;}
				#navigation ul li a:hover span, #navigation ul li a.active span {margin-top: -23px;}

/* home */

#home #navigation {width: 987px; border-right: 1px solid #bb9d28;}
		#home #navigation ul {
		padding: 0 0 0 2 7px;
		width: 960px;
	}		
				
/* 3.4	Sidebar
-----------------------------------------------------------------------------------------------*/	

#sidebar {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	padding: 75px 0 0 0;
	width: 207px;
	background: url(../cmsimages/sidebar.png) repeat-y left top;
}

	#sidebar #wrapper-sidebar {
		padding-bottom: 35px;
		background: url(../cmsimages/sidebar_wrapper.png) no-repeat left bottom;
	}
	
		#sidebar #wrapper-sidebar ul#sidebar-nav {
			padding-bottom: 30px;
			min-height: 200px;
		}
		
		* html #sidebar #wrapper-sidebar ul#sidebar-nav {height: 170px;}
		
			#sidebar #wrapper-sidebar ul#sidebar-nav li {
				margin-bottom: 5px;
				position: relative;
			}
			
				#sidebar #wrapper-sidebar ul#sidebar-nav li a {
					position: relative;
					padding-left: 25px;
					line-height: 20px;
					text-transform: uppercase;
					font-size: 14px;
					color: #fff;
				}
				
				#sidebar #wrapper-sidebar ul#sidebar-nav li a:hover, #sidebar #wrapper-sidebar ul#sidebar-nav li.selected a {text-decoration: none; color: #ffcf13;}
				/*added styles */
				#sidebar #wrapper-sidebar ul#sidebar-nav li.selected li a {text-decoration: none; color: #fff;}#sidebar #wrapper-sidebar ul#sidebar-nav li.selected li.selected a {text-decoration: none; color: #ffcf13;}
				#sidebar #wrapper-sidebar ul#sidebar-nav li ul{display: none;}
				#sidebar #wrapper-sidebar ul#sidebar-nav li.selected ul{ display: block;}
				#sidebar #wrapper-sidebar ul#sidebar-nav li.selected{background: url(../cmsimages/subnav-arrow.gif) 13px 5px no-repeat;}
				#sidebar #wrapper-sidebar ul#sidebar-nav li.selected li.selected{background-image: none;}
					
					#sidebar #wrapper-sidebar ul#sidebar-nav li ul li {margin-bottom: 0;}
					#sidebar #wrapper-sidebar ul#sidebar-nav li ul li a {font-size: 12px; padding-left: 40px;}
					
		#sidebar #wrapper-sidebar ul#handy-links {
			width: 300;
			border-top: 1px solid #bb9d28;
		}
		
			#sidebar #wrapper-sidebar ul#handy-links li {
				margin-top: 15px;
				width: 154px;
				text-transform: uppercase;
				text-align: center;
				font-size: 9px;
			}
			
				#sidebar #wrapper-sidebar ul#handy-links li a {
					position: relative;
					overflow: hidden;
					display: block;
					width: 154px;
					height: 8px;
				}
				
				#sidebar #wrapper-sidebar ul#handy-links li a#hl-meet {height: 20px;}
				
					#sidebar #wrapper-sidebar ul#handy-links li a span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-repeat: no-repeat;
						background-position: left top;
					}
					
					#sidebar #wrapper-sidebar ul#handy-links li a#hl-contact {background: url(../cmsimages/handy-links_contact.gif);}
					#sidebar #wrapper-sidebar ul#handy-links li a#hl-meet {background: url(../cmsimages/handy-links_meet.gif)}
					#sidebar #wrapper-sidebar ul#handy-links li a#hl-request  {background: url(../cmsimages/handy-links_request.gif);}
					
/* FAQ */

#faq #sidebar #wrapper-sidebar ul#handy-links {margin-top: -10px;}
#faq #sidebar #wrapper-sidebar ul#handy-links {border-top: none;}

/* testimonials */

#testimonials #sidebar #wrapper-sidebar ul#handy-links {margin-top: -10px;}
#testimonials #sidebar #wrapper-sidebar ul#handy-links {border-top: none;}

/* wakeboard styles */

#wakeboard-styles #sidebar #wrapper-sidebar ul#sidebar-nav li ul li a, #wakeboard-edge #sidebar #wrapper-sidebar ul#sidebar-nav li ul li a {color: #ffcf13;}
#wakeboard-styles #sidebar #wrapper-sidebar ul#sidebar-nav li ul li a:hover, #wakeboard-edge #sidebar #wrapper-sidebar ul#sidebar-nav li ul li a:hover {color: #fff;}
			

/* 3.5	Content
-----------------------------------------------------------------------------------------------*/	

#contentHolder {
	overflow: hidden;
	clear: both;
	padding: 20px 0 135px 240px;
	width: 750px;	
	background: url(../cmsimages/bg/top_banner.jpg) no-repeat right top;
}

	#contentHolder img.right {
		float: right;
		margin: 0 50px 0 0;
	}
	
	#contentHolder h2 {
		padding-bottom: 5px;
		font-weight: 700; 
		font-size: 18px;
	}
	
	#contentHolder p {
		padding-bottom: 20px;
		line-height: 14px;
	}
	
	#contentHolder p.narrow {width: 385px;}
	
/* home */

#home #navigation {top: 402px}

#home #contentHolder {background: none; padding: 0 0 135px 0; width: 988px;}

		#home #contentHolder #flash-placeholder {width: 990px; height: 402px; overflow: hidden; clear: both;}
		#home #contentHolder #flash {width: 990px;}
		
		#home #contentHolder #inside-content-home {
			float: left;
			margin-top: 32px;
			padding: 12px 0 0 25px;
			width: 645px;
			line-height: 22px;
			text-align: center;
		}
		
			#home #contentHolder #inside-content-home span {padding: 0 5px; font-size: 18px;}
			#home #contentHolder #inside-content-home span a {color: #fff;}
			#home #contentHolder #inside-content-home span a:hover {text-decoration: none; color: #ffcf13;}
		
		#home #contentHolder #wrapper-handy-links {
			float: right;
			margin-top: 45px;
			width: 300;
			text-align: center;
			border: 1px solid #bb9d28;
			background: #000;
		}
			
			#home #contentHolder #wrapper-handy-links p {padding-bottom: 0; font-size: 11px;}
		
			#home #contentHolder #wrapper-handy-links ul#handy-links {
				margin: 0 auto;
				width: 218px;
			}
			
				#home #contentHolder #wrapper-handy-links ul#handy-links li {
					margin-top: 10px;
					width: 218px;
					text-transform: uppercase;
					text-align: center;
					font-size: 9px;
				}
				
					#home #contentHolder #wrapper-handy-links ul#handy-links li a {
						position: relative;
						overflow: hidden;
						display: block;
						width: 218px;
						height: 8px;
					}
					
						#home #contentHolder #wrapper-handy-links ul#handy-links li a span {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
							background-repeat: no-repeat;
							background-position: left top;
						}
						
						#home #contentHolder #wrapper-handy-links ul#handy-links li a#hl-contact {background: url(../cmsimages/handy-links_contact_2.gif);}
						#home #contentHolder #wrapper-handy-links ul#handy-links li a#hl-meet {background: url(../cmsimages/handy-links_meet_2.gif)}
						#home #contentHolder #wrapper-handy-links ul#handy-links li a#hl-request  {background: url(../cmsimages/handy-links_request_2.gif);}
	
/* FAQ */

#faq #contentHolder h3, #faq #contentHolder p {width: 550px;}

/* testimonials */

#testimonials #contentHolder p {width: 550px;}

#testimonials #contentHolder .testimonials {
	overflow: hidden;
	clear: both;
	padding: 20px 0 0;
	width: 550px;
	border-top: 1px dashed #848686;
}
	
	#testimonials #contentHolder .testimonials h3 {padding-bottom: 20px; font-style: italic; color: #ffcf13;}
	#testimonials #contentHolder .testimonials img {float: left; margin: 0 20px 0 0; padding-bottom: 25px;}
	#testimonials #contentHolder .testimonials p.narrow {float: left; width: 380px;}
	
/* wakeboard styles */

#wakeboard-styles #contentHolder p {width: 715px;} 

	#wakeboard-styles #contentHolder ul.wakeboard-styles li, #wakeboard-edge ul.wakeboard-edge li {
		float: left;
		width: 191px;
		height: 115px;
		margin: 0 20px 20px 0;
	}
	
		#wakeboard-styles #contentHolder ul.wakeboard-styles li a, #wrapper-list-features .features-color a, #wakeboard-edge ul.wakeboard-edge li a {
			display: block;
			padding-top: 5px;
			width: 191px;
			height: 14px;
			text-align: center;
			text-transform: uppercase;
		}
		
		#wakeboard-styles #contentHolder ul.wakeboard-styles li a:hover, #wrapper-list-features .features-color a:hover {text-decoration: none; color: #fff;}
	
#wakeboard-styles #contentHolder #wrapper-list-photo-gallery { clear: both;}
	
	#wakeboard-styles #contentHolder #wrapper-list-photo-gallery ul.list-photo-gallery {float: left; margin-right: 55px;}
	
		#wakeboard-styles #contentHolder #wrapper-list-photo-gallery ul.list-photo-gallery li {margin-bottom: 10px;}
		
			#wakeboard-styles #contentHolder #wrapper-list-photo-gallery ul.list-photo-gallery li a:hover {text-decoration: none; color: #fff;}
			
#wrapper-list-features {overflow: hidden; clear: both;}

	#wrapper-list-features .features-color {float: left; margin-right: 21px;}
		
	#wrapper-list-features ul.wakeboard-styles {padding: 0 !important;}
	
		#wrapper-list-features ul.wakeboard-styles li {margin-bottom: 11px !important;}
		
		* html #wrapper-list-features ul.wakeboard-styles li {margin-bottom: 8px !important;}
		
/* wakeboard edge */

#wakeboard-edge #contentHolder p {width: 715px;}

#wakeboard-edge ul.wakeboard-edge {display: inline; float: left; width: 425px;}
#wakeboard-edge ul.wakeboard-edge li {margin-bottom: 12px;}
* html #wakeboard-edge ul.wakeboard-edge li {display: inline; margin-bottom: 8px;}

#wakeboard-edge #flash-holder {
	float: left;
	width: 312px; 
	height: 222px;
}

/* wakeboard */

#wakeboard #sidebar #wrapper-sidebar ul#sidebar-nav {min-height: 180px;}

#wakeboard #contentHolder img {
	/*float: left;
	margin: -90px 0 30px -70px;*/
	border-bottom: 1px solid #bb9d28;
}

#wakeboard #contentImage
{
	
	padding-left: 170px;
	border-bottom: 1px solid #bb9d28;
	clear: both;
}

#wakeboard #contentImage img
{
	
}

#wakeboard #contentHolder p {width: 715px;}

/* index */

#index #contentHolder ul li {margin-top: 10px;}
#index #contentHolder ul li a:hover {text-decoration: none; color: #fff;}

/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	

#footer {
	clear: both;
	overflow: hidden;
	padding: 0 5px 10px 15px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	border-top: 1px solid #bb9d28;
}

	#footer ul {float: right;}
	#footer ul li {float: left; margin-left: 30px;}
	#footer ul li a {color: #fff;}
	#footer p span {padding: 0 10px;}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------*/


/* 5. EDITOR
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body#editor p
{
	margin-bottom: 20px;
}

body#editor h2
{
	padding-bottom: 5px;
	font-weight: 700; 
	font-size: 18px;
}

body#editor a
{
	text-decoration: none;
	color: #ffcf13;
}