/*	CSS "Styles" Document
	E4 Media Group	*/
	
/*	Always Include:	
	
	These styles do the following:
		* - Removes padding and margin from ALL elements, must be added back
				for elements that normally have it included, such as 'p' or
				'h1' tags.  Note: Standard padding can generally be substituted
				for 1em or 10-12 pixels, top and bottom for normal text, sides
				as well for lists.
		img - Removes IE spacing around images.  Images must be returned to inline
				in situations where they are required to fit in with text.
		a: - Fixes a problem in FF3 where a small dot appears at the top left corner
				of an image on a page.
		a - Removes underlining from all links on a page, can be added back in in
				specific instances where it is needed. 
		.clear - Used in every document with a float for IE6 compatibility, added 
				here because it is so ubiquitous.*/

	* {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}

	blockquote {
		margin-left: 40px;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
		color: #686868;
	}
	.clear {
		clear: both;
	}

/*	End Always Include	*/

/*	Base Tags	*/

	body {
		background: #1e2f39 url('images/pngs/bg.png') repeat-x;
		font: 14px Arial, sans-serif;
		line-height: 1.2;
		/*color: #686868;*/
	}

	h1, h2, h3, h4 {
		color: #026331;
	}

/*	End Base Tags	*/

/*	Structure	*/
	#container {
		width: 911px;
		margin: 0 auto;
	}
		#header {
				margin-top: 15px;
				height: 170px;
				background: url('images/pngs/logo.png');
		}
			.nav {
				height: 38px;
				background: url('images/pngs/navbg.png');
			}
			.nav a, .nav span{
				color: #fff;
				display: block;
				float: left;
				padding: 0px 10px;
				height: 38px;
				line-height: 38px;
			}
			.nav a:hover {
				background: transparent url(images/pngs/menuover.png) repeat-x;
			}

			#page {
				background: #fff;
			}
			#main {
				padding-top: 15px;
				padding-bottom: 15px;
			}
			#leftbar{
				float: left;
				padding: 0 20px;
				width: 183px;
			}
				#picbox{
					width: 182px;
					height: 138px;
					/*background: url('images/pngs/kayakbox.png');*/
					margin-bottom: 10px;
				}
				#locationtop {
					width: 183px;
					height: 34px;
					background: url(images/pngs/locations.png) no-repeat;
				}
				#locationbox{
					color: #fff;
					width: 183px;
					background: #124b82 url('images/pngs/locationbg.png') repeat-x;
					text-align: center;
				}

				#locationbox hr {
					border: none;
					height: 1px;
					background-color: #fff;
					margin: 5px auto;
					width: 80%;
				}
				#locationbottom {
					width: 183px;
					height: 11px;
					background: url(images/pngs/locationsbot.png) no-repeat;
				}
			#content{
				float: left;
				width: 440px;
				padding-top: 10px;
			}
				#content p{
					margin: 1em 0;
				}
			#rightbar{
				float: right;
				padding: 0 10px;
			}
				#searchbox{
					width: 188px;
					height: 77px;
					background: url('images/pngs/searchbox2.png');
				}

				#searchbox .search {
					background: transparent url(images/pngs/searchbg.png) no-repeat;
					height: 20px;
					width: 147px;
					margin-left: 10px;
				}

				#searchbox .left {
					margin-top: 50px;
				}

				.search input {
					border: none;
					background: transparent;
					line-height: 20px;
					display: inline;
					margin-left: 5px;
				}
				
				#newsbox{
					width: 178px;
					height: 258px;
					padding-top: 34px;
					padding-left: 5px;
					color: white;
					background: url('images/pngs/recentnews.png');
					margin-top: 10px;
					margin-bottom: 10px;
				}

				#newbox{
					width: 208px;
					height: 164px;
					background: url('images/pngs/newbox.png');
					margin-bottom: 10px;
					color: #026331;
				}

				#newbox .left {
					width: 94px;
					padding: 0px 5px;
					text-align: center;
					font-size: 10px;
					margin-top: 23px;
				}

				#newbox .left img {
					display: inline;
				}

				#newbox a {
					color: #026331;
					font-weight: bold;
				}
				#emailbox{
					width: 151px;
					height: 139px;
					color: #fff;
					padding: 60px 29px 0px 29px;
					background: url('images/pngs/emailbox.png');
				}

				#emailbox .signmeup {
					width: 130px;
					height: 30px;
					margin-top: 10px;
					margin-left: 28px;
				}

				#emailbox input[type=text] {
					border: 1px solid #ccc;
				}
			#blurp{
				padding: 15px;
				text-align: center;
			}
			#categorybox{
				background: #1e2f39 url('images/pngs/itemsbg.png') repeat-x;
				padding-top: 5px;
				width: 100%;
				color: #fff;
				font-size: 11px;
			}

			.catbox .left {
				width: 160px;
				padding: 0px 10px;
				
			}

			.catbox h3 {
				color: #0d2a88;
				text-align: center;
			}
			
			#footer{
				background: url('images/pngs/footerbg.png');
				margin-bottom: 25px;
				position: relative;
				height: 114px;
			}

			#footer div {
				height: 1em;
				left: 253px;
				position: absolute;
				top: 13px;
				width: 50px;
				cursor: pointer;
			}


			#bottomnav a, #bottomnav span {
				margin: 0px 20px;
			}

/*	End Structure	*/

/*	Important Elements	*/


	h2, h3{
		font: 18px "Myriad Pro", Helvetica, sans-serif;
		font-weight: bold;
	}
	h3{
		color: #760a0a;
	}

	/*	Contact	*/
		#contact a {
			color: #24384b;
			padding: 2px 5px;
		}

/*	End Important Elements	*/

/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
	
/*	End Classes	*/