/* 

Paddlebound River Outfitters
May 1, 2010
Version 0.1

*/



/* MAIN STYLES
-------------------------------------------*/
/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

* { margin: 0; padding: 0; }

body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2c3232;
	margin:0;
	padding:0;
	height:100%;
	background:url(../images/bkg.gif);
	line-height:130%; }

a:focus { 
	outline-style: none; }

ul { 
	list-style: none;
	margin-bottom:5px; }

a { color:#2c3232; text-decoration:none; }	

a:hover {
	text-decoration:underline; }


@font-face {
	font-family: "Chunkfive";
	src: url('Chunkfive.ttf');
}

h1 {
	font-family:"Chunkfive", Arial, Helvetica, sans-serif; 
	font-size:18px; color:#000000; }

h2 {
	font-family:"Chunkfive", Arial, Helvetica, sans-serif; 
	font-size:12px; text-transform:uppercase; color:#000000;}	

h3 {
	font-size:24px;
	letter-spacing:0.5px;
	font-weight:bold;
	padding:0 0 10px 0;
	color:#000000;
	font-weight:bold;
	font-style:oblique; }

img{
	border:none; }

strong {
	color:#2c3232;
	font-size:15px;
	letter-spacing:0.5px;
	line-height:24px;
	font-weight:600; }
		
.dblSpace { height:25px; }
.hours { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	position:relative; left:5px; bottom:2px; 
	font-weight:normal; }
.black {color:#000000;}

/* LAYOUT STRUCTURE
--------------------------------------------------*/

#wrapper {
	background:url(../images/bk_mainwrapper.gif) 0 0 repeat-x; 
	margin:0 auto;
	width:1000px;
	min-height:100%;
	position:relative;
}

#header {
	height:290px;
	position:relative;
}

#container {
	padding-bottom:70px;
}

#content {
	padding:0 25px;
	padding-bottom:60px; 
}


/* HEADER ELEMENTS 
--------------------------------------------------*/

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/logo.gif) 0 0 no-repeat;
	width:1000px;
	height:250px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}


#Menu {
	background-color:#000000;
	height:27px;
	padding-top:13px;
	padding-left:21px;
	width:979px; 
}

#Menu li {
	float:left;
	padding:0 15px 0 27px;
	list-style:none;
	background:url(../images/seperator.gif) 0px 1px no-repeat;
}

#Menu li a {
	color:#c6c0af;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1.0px;
}

#Menu li a:hover {
	color:#fff;
}

#Menu li.first {
	background:none;
}

#Menu li.linkpad {
	background:none;
	margin-left:112px;
}



/*CONTENT ELEMENTS
--------------------------------------------*/

#colLeft {
	float:left;
	width:538px;
	min-height:510px;
	background-color:#d7d3c7; }

#colLeft .content {
	color:#2c3232;
	margin:50px 70px 0 50px; }

#colLeft .content p {
	margin-top:27px;
	line-height:18px; }

#colLeft .content ul {
	margin:27px 0 27px 35px; }
		
#colLeft .content em {	
	font-size:11px;
	padding-left:7px; }


	
#colRight {
	float:left;
	width:462px;
	min-height:510px;
	max-height:510px;
	background-color:#c6c0af;
	font-size:12px; }

#colRight .content {
	margin:55px; }	

#colRight .content p {
	margin-top:27px;
	line-height:18px; }
	
#colRight .content div {
	margin-top:10px;
	line-height:18px; }
	
#colRight a img {
	padding-bottom:20px;
	opacity:0.5;
	filter:alpha(opacity=50); /* for IE */ }
	
#colRight a:hover img {
	opacity:1.0;
	filter:alpha(opacity=100); /* for IE */ }

table tr td div {
	padding-top:4px; 
	margin-top:0px !important; }
	
.price {
	font-size:15px;
	font-weight:bold; 
	
} 


/* FORMS
-------------------------------------------------*/
.form_contact div {
	margin:12px; padding:0px; }
.form_contact strong {
	font-size:12px; position:relative; top:-3px;}
	
.form_contact label{
	float: left; display:block;
	margin-left: -25px;
	text-align:right;
	color:#000000; font-size:10px;
	padding:2px 15px 0 0px; margin:0; 
	margin-left: -1px; width: 120px;
}

.field2 {
	color:#000000; font-size:10px;
	border:1px solid #afa790;
	padding:3px 10px 2px 3px;
	width: 207px;
}
	
.form_contact input, .form_contact textarea {
	border:1px solid #afa790;
	padding:2px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000; letter-spacing:0.5px;
	width:300px; 
}

textarea {
	width:300px; border:1px solid #afa790;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#000; padding:3px 10px 2px 3px;
}

.content input.submit {
	background:none;
	border:none;
	font-family:"Chunkfive", Arial, Helvetica, sans-serif; 
	font-size:12px; text-transform:uppercase; color:#000000;
	cursor:pointer;
}


.form_contact input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}

.register_review p {
	float:left;
	margin-top:0 !important;
}

.register_review p.rev_left {
	width:92px;
	text-align:right;
	margin-right:15px;
	font-size:10px;
}

.register_review p.rev_right {
	width:240px;
	font-weight:bold;
	font-size:12px;
	color:#2c3232;
}

.register_review p.rev_space {
	margin-bottom:14px;
}

.LV_validation_message{
   float:left;
}

.LV_valid {
    
}
	
.LV_invalid {
    
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/* FOOTER
--------------------------------------------------*/
#footer {
	position:absolute;
	bottom:0px;
	margin:0 auto;
	width:1000px;
	height:60px;
	background:#fff;
}

#innerFooter {
	position:relative;
	margin:0 auto;
	width:991px;
	height:30px;
	padding-top:6px;
	padding-left:9px;
	font-size:10px;
	text-transform:uppercase;
	color:#d0cdc1;
}

#innerFooter a { 
	color:#d0cdc1;
	text-decoration:underline; }
#innerFooter a:hover { 
	text-decoration:none; }

#innerFooter .footerLinks {
	float: left;
	width: 425px;
	color:#ffffff;
}
	
#innerFooter .footerBy {
	float: right;
	width: 400px;
	text-align: right;
	margin-right:9px;
}	

#colRight .content p.class_desc {
	clear:both;	
	margin-top:0;
	line-height:15px;
}
.float_right {
	float:right;	
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}