/*
Theme Name: Jackson Kayak Theme
Theme URI: N/A
Description: Theme for Jackson Kayak
Version: 1.0
Author: Sean Newby
*/

body{
	margin: 0px;
	background: #000000;
	font-family: Trebuchet MS;
}

a:link,
a:visited{
	text-decoration: none;
	color: #266da5;
}

a:hover,
a:active{
	text-decoration: underline;
	color: #266da5;
}

#mainContainer{
	display: block;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

#mainContainerFloat{
	float: left;
	width: 1100px;
	background: url('images/bodyBackground.jpg') repeat-y;
}

#mainContainerFooter{
	clear: both;
	width: 1100px;
	height: 47px;
	background: url('images/bodyFooterBackground.jpg') no-repeat;
}

.alignleft{
	float: left;
	margin: 5px;
}

.alignright{
	float: right;
	margin: 5px;
}

.aligncenter{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

img{
	border: none;
}

/* Home Styles
---------------*/
#mainContainerHome{
	display: block;
	width: 1030px;
	margin-left: auto;
	margin-right: auto;
}

#mainContainerFloatHome{
	float: left;
	width: 1030px;
}

#homeHeader{
	width: 1030px;
	height: 389px;
	margin: 0px 0px 0px 0px;
	background: url('images/homeHeader.jpg') no-repeat;
}

#wwHome{
	float: left;
	width: 410px;
	margin: 0px 0px 0px 0px;
}

#recHome{
	float: right;
	width: 410px;
	margin: 0px 0px 0px 0px;
}

#wwLinkHome a:link, #wwLinkHome a:visited, #wwLinkHome a:hover, #wwLinkHome a:active{
	position: relative;
	z-index: 4;
	float: left;
	width: 360px;
	height: 215px;
	margin: 0px 0px -180px 0px;
	border: none;
	text-decoration: none;
	background: url('images/wwLinkHome.jpg') no-repeat top left;
}

#recLinkHome a:link, #recLinkHome a:visited, #recLinkHome a:hover, #recLinkHome a:active{
	position: relative;
	z-index: 4;
	float: right;
	width: 360px;
	height: 214px;
	margin: 0px 0px -179px 0px;
	border: none;
	text-decoration: none;
	background: url('images/recLinkHome.jpg') no-repeat;
}

#logoHome a:link, #logoHome a:visited, #logoHome a:hover, #logoHome a:active{
	float: left;
	position: relative;
	z-index: 5;
	width: 323px;
	height: 316px;
	margin: -240px 0px 0px 360px;
	border: none;
	text-decoration: none;
	background: url('images/mainScreenLogo.gif') no-repeat;
}

#logoHome a span, #recLinkHome a span, #wwLinkHome a span{
	visibility: hidden;
}

#homeFooter{
	margin: -66px 0px 0px 65px;
}

/* Left Side
-------------*/
#leftSide{
	float: left;
	width: 646px;
}

#leftHeader{
	float: left;
	width: 646px;
	height: 150px;
	background: url('images/headerBackground.jpg') no-repeat;
}

#defaultLeftHeader{
	float: left;
	width: 646px;
	height: 150px;
	background: url('images/defaultHeaderBackground.jpg') no-repeat;
}

#leftHeaderRec{
	float: left;
	width: 646px;
	height: 150px;
	background: url('images/headerBackgroundRec.jpg') no-repeat;
}

#leftMiddle{
	float: left;
	width: 646px;
	height: 186px;
	background: url('images/flashHeaderBackground.jpg') no-repeat;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active{
	float: left;
	position: relative;
	z-index: 1;
	width: 180px;
	height: 180px;
	margin: 10px 0px 0px 70px;
	text-decoration: none;
	border: none;
}

#logo a span{
	visibility: hidden;
}

/* Boats Nav Container
-----------------------*/
#boatsNavContainer{
	float: left;
	width: 646px;
	background: none;
}

#wwLinks,
#recLinks{
	position: relative;
	/*margin: 46px 0px 0px 46px;*/
	z-index: 99;
}

#boatsNavContainer ul{
	position: relative;
	margin: 107px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
}

#boatsNavContainer ul li{
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
}

#boatsFlashHolder{
	float: right;
	width: 410px;
	height: 179px;
	margin: 0px 0px 0px 0px;	
}

#boatsFlashHolderRec{
	float: right;
	width: 410px;
	height: 179px;
	margin: -175px 0px 0px 0px;	
}

#defaultFlashHolder{
	float: right;
	width: 410px;
	height: 179px;
	margin: -123px 0px 0px 0px;	
}

#boatArrows{
	float: left;
	margin: 75px 0px 0px 64px;
	opacity: .45;
	MozOpacity: .45;
	KhtmlOpacity: .45;
	filter: alpha(opacity=45);		
}

/* Left Template Styles 
------------------*/
#leftTemplateHeader{
	float: left;
	width: 646px;
	height: 177px;
	background: url('images/leftTemplateHeaderBackground.jpg') no-repeat;
}

#leftTemplateHeaderFun{
	float: left;
	width: 646px;
	height: 177px;
	background: url('images/leftTemplateHeaderBackground.jpg') no-repeat;	
}

#aboutOurCompany{
	position: relative;
	float: left;
	width: 262px;
	height: 53px;
	margin: 70px 0px 0px 50px;
	background: url('images/aboutOurCompany.gif') no-repeat;
	z-index: 3;
}

#defaultLeftSideMiddle{
	float: left;
	width: 646px;
	height: 363px;
	background: url('images/leftSideMiddleBackground.jpg') no-repeat;
}

#leftTemplateContainer{
	float: left;
	width: 646px;
	min-height: 400px;
	background: url('images/leftTemplateBackground.jpg') repeat-y;
}

#leftTemplate{
	float: left;
	width: 500px;
	min-height: 200px;
	margin: 20px 0px 0px 85px;
	font-size: .8em;
}

#leftTemplateFooter{
	float: left;
	width: 646px;
	height: 47px;
	background: url('images/leftTemplateFooterBackground.jpg') no-repeat;
}

/* Right Side
-------------*/
#rightSide{
	float: right;
	width: 454px;
}

#rightHeader{
	float: left;
	width: 454px;
	height: 274px;
	background: url('images/rightHeaderBackground.jpg') no-repeat;
}
#rightHeader #rightHeaderNav{
	float: left;
	margin: 18px 0px 0px 140px;
}

#rightHeader #wwButton{
	cursor: pointer;
	float: left;
	width: 81px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	background: url('images/whitewaterLink.jpg') no-repeat top left;
}

#rightHeader #wwButtonHover{
	cursor: pointer;
	float: left;
	width: 81px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	background: url('images/whitewaterLink.jpg') no-repeat bottom left;
}

#rightHeader #recButton{
	cursor: pointer;
	float: left;
	width: 135px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	background: url('images/recreationalLink.jpg') no-repeat top left;
}

#rightHeader #recButtonHover{
	cursor: pointer;
	float: left;
	width: 135px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	background: url('images/recreationalLink.jpg') no-repeat bottom left;
}

#rightHeader ul{
	margin: 20px 0px 0px 15px;
	padding: 0px;
}

#rightHeader ul li{
	float: left;
	list-style-type: none;
	padding: 0px 0px 0px 26px;
	background: url('images/lifestyleNavListMarker.jpg') no-repeat center left;
}

#rightHeader ul li.noMarker{
	background: none;
}

#rightTemplateContainer{
	float: left;
	width: 454px;
	min-height: 400px;
	background: url('images/rightTemplateBackground.jpg') repeat-y;
}

#rightTemplate{
	float: left;
	width: 385px;
	margin: 0px 0px 0px 14px;
	font-size: .7em;	
}

#recentPosts{
	float: left;
	width: 280px;
	margin: 0px 0px 20px 0px;
}

.postContainer{
	float: left;
	margin: 0px 0px 10px 0px;
}

.postInfo{
	margin: 0px;
	font-style: italic;
	font-weight: normal;
}

.postTitle{
	clear: both;
	margin: 10px 0px 0px 0px;
}

/*#recentPosts img{
	float: left;
	margin: 5px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #a1a1a1;
}

#recentPosts img:hover{
	background: #a1a1a1;
}*/	

#recentImages{
	float: right;
	width: 85px;
}

.sidebarImg{
	float: left;
	max-width: 100px;
	max-height: 100px;
	margin: 5px;
	padding: 0px;
	border: none;
}
	
#rightFooter{
	float: left;
	width: 545px;
	height: 25px;
	background: url('images/rightTemplateFooterBackground.jpg') no-repeat;
}

/* Lifestyles Nav Styles
-------------------------*/
#lifestyleNavContainer{
	position: relative;
	float: left;
	width: 385px;
	height: 156px;
	margin: -148px 0px 0px 14px;
	padding: 0px 6px 0px 6px;
	font-size: 8pt;
	color: #ffffff;
	background: url('images/lifestyleBackground.jpg') no-repeat;
}

#lifestyleNavContainer p{
	width: 360px;
	margin: 5px 0px 7px 5px;
	font-style: italic;
	font-weight: bold;
}

#lifestylesNavTable tr td{
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-align: center;
	background: url('images/lifestylesNavBackground.jpg') no-repeat top left;
	cursor: pointer;
}

/* Community Nav Styles
-------------------------*/
#communityNavContainer{
	position: relative;
	float: left;
	width: 385px;
	height: 66px;
	margin: 10px 0px 10px 14px;
	padding: 50px 6px 0px 20px;
	font-size: 8pt;
	color: #FFDB03;
	background: url('images/communityMenuBackground.jpg') no-repeat;
}

#communityNavContainer span{
	float: right;
	margin: 11px 15px 0px 0px;
	font-size: 1.38em;
	font-weight: bold;
	font-style: italic;
	color: #FFDB03;
}

#communityNavContainer a:link,
#communityNavContainer a:visited{
	text-decoration: none;
	color: #FFDB03;
}

#communityNavContainer a:hover,
#communityNavContainer a:active{
	text-decoration: underline;
	color: #FFDB03;
}

#communityNavTable{
	margin: 40px 0px 0px 0px;
}

#communityNavTable tr td{
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-align: center;
	background: url('images/lifestylesNavBackground.jpg') no-repeat top left;
	cursor: pointer;
}

#communityNavContainer #login{
	float: left;
}

#communityNavContainer #login p{
	font-weight: bold;
	color: #FFDB03;
	margin: 5px 0px 10px 15px;
}

#communityNavContainer #login .input {
	float: right;
    font-size: 13px;
	margin: 0px 0px 0px 10px;
	color: #000000;
    border: solid 1px #FEDA00;
    width: 120px;
    background-color: #F8F4D9;
}

#communityNavContainer #login input[type="submit"] {
	float: left;
	color: #000000;
    border: solid 1px #FEDA00;
    background-color: #F8F4D9;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

/* HomeTab Styles
------------------*/
#templateTab{
	width: 500px;
	font-size: .9em;
}

#templateTab ul#tabMenuUL{
	margin: 0px;
	padding: 0px;
}

#templateTab ul#tabMenuUL li{
	float: left;
	width: 98px;
	height: 20px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	background: url('images/homeTabBackground.jpg') no-repeat bottom left;
}

/* store-sidebar
-----------------*/
#store-sidebar{

}

	#store-sidebar ul{
		float: right;
		margin: 10px 30px 0px 0px;
		padding: 0px;
	}
	
		#store-sidebar ul li{
			list-style-type: none;
			float: left;
			margin: 0px;
			padding: 0px 10px 0px 15px;
			font-weight: bold;
			background: url('images/listMarker-store.jpg') no-repeat left center;
		}
		
		#store-sidebar ul li.first{
			background: none;
		}
		

/* Misc Styles
---------------*/
.catImage{
	max-width: 65px;
	max-height: 50px;
	padding: 3px;
	margin: 2px 0px 2px 0px;
	background: #ffffff;
	border: solid 1px #a1a1a1;
}

.catImage:hover{
	background: #a1a1a1;
}

.datatable { color: #6e6e6e; font-size: 11px; font-family: Verdana, Arial, Helvetica; background-color: #efefef;}
.datatableheader {background-color: #000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #FFF;}
.datatablerow {background-color: #eaeaea; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #000; height: 15px;}
.datatablecell {background-color: #FFF; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #000; }

.jkStaff{
	float: left;
	margin: 10px;
	width: 100px;
	text-align: center;
}

.jkStaff img{
	max-width: 100px;
	border: none;
}

.jkStaff span{
	clear: both;
}

.imgContainer img{
	padding: 3px;
	margin: 5px;
	background: #ffffff;
	border: solid 1px #a1a1a1;
}

.imgContainer img:hover{
	background: #a1a1a1;
}

#hiResGallery a img{
	float: left;
	padding: 3px;
	margin: 5px;
	background: #ffffff;
	border: solid 1px #a1a1a1;
}

#hiResGallery a img:hover{
	background: #a1a1a1;
}

#kayakSelector{
	float: left;
	margin: 55px 0px 0px 80px;
}