@charset "utf-8";
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&                                               && */
/* &&               STYLE INFORMATION               && */
/* &&                                               && */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&                                               && */
/* &&           Styes: FONTS                        && */
/* &&           Author: MSI Communications          && */
/* &&           Dev: Greg Whitworth                 && */
/* &&           Phone: 907-569-7070                 && */
/* &&           Email: greg@msialaska.com           && */
/* &&                                               && */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */



/* /////////////////////////////////////////////////// */
/* //                                               // */
/* //                   IMPORTS                     // */
/* //                                               // */
/* /////////////////////////////////////////////////// */

@import url(reset.css);
@import url(fonts.css);
@import url(classes.css);


/* /////////////////////////////////////////////////// */
/* //                                               // */
/* //                LAYOUT HIERARCHY               // */
/* //                                               // */
/* /////////////////////////////////////////////////// */

html {
	padding-bottom: 25px;}

body {
	background: url(../images/mainBack.jpg) top left repeat-x #887445;
	margin: 0 0 25px 0; 
	padding: 0 0 25px 0;}
	
	#rockWrapper {
		background: url(../images/rockBack.jpg) top center no-repeat;
		min-height: 752px;
		padding-top: 45px;
		width: 1280px;
		margin: 0 auto;}		
		
		#wrapper {
			width: 960px;
			border: 10px solid #c8b079;
			background: url(../../images/backs/fisherman.jpg) top left no-repeat;
			min-height: 632px;
			position: absolute;
			z-index: 2;
			left: 50%;
			margin-left: -490px;}
			
			#logo {
				float: left;
				margin: -50px 0 0 -25px;
				border: none;}
			
			#nav {
				list-style-type: none;
				margin: -35px 0 0 0;
				padding: 0;
				float: right;}
				
				#nav li {
					float: left;		
					margin: 0;
					margin-right: 5px;}
					
					#nav li a {
						display: block;
						padding: 5px 8px;
						background: #c8b079;
						border-top: 2px solid #c8b079}
						
					#nav li a:hover {
						border-top: 2px solid #56492d;}
			
			#content {
				background: url(../images/tan_trans_back.png) top left repeat;
				margin: 0 0 25px 50px;
				border-bottom: 5px solid #554829;
				padding: 10px;
				position: absolute;
				top: 85px;
				left: 23px;}
				
			#testimonyBlock {
				background: url(../images/blk_trans_back.png) top left repeat;
				margin: 0 0 0 50px;
				padding: 0 10px;
				position: absolute;
				width: 350px;
				top: 85px;
				right: 55px;}
				
				#testimonyBlock span {
					font-size: .9em;}
				
				#test {
					list-style-type: none;
					margin: 0;
					padding: 20px 10px 10px 5px;}
					
					#test li {
						display: none;
						margin: 0;
						padding: 0;}
				
				#test span {
					float: right;
					margin-top: 5px;
					margin-bottom: 10px;}
				
			#reserveNow {
				width: 280px;
				position: absolute;
				left: 150px;
				bottom: 25px;
				background: url(../images/reserveToday.png) top left no-repeat;
				height: 113px;}
				
				#reserveNow:hover {
					background: url(../images/reserveToday.png) -282px top no-repeat;
					cursor: pointer;}
				
			#content.main {
				width: 420px;}
				
#ratings {
	width: 590px;}
	
	#ratings td {
		padding: 5px;}
				
		#ratings td small {}
			