/*
River Guide Kayaks
*/	

}
html {
height: 100%;
}


img {
border:0;
}

@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */

.wrapper {
	position: relative;
	width: 960px;
	
}

body { font-family: arial, sans-serif; background-color: #fff; color: #000; line-height: 20px; font-size: 14px;}
h1 { font-family: 'Karla', sans-serif; font-size: 24px; letter-spacing: -2px; margin: 0 0 20px 0; color:#687819; }
h2 { font-family: 'Karla', sans-serif; font-size: 24px; letter-spacing: 0px; margin: 20px 0 20px 0; color:#687819; }
h3 { font-family: 'Karla', sans-serif; font-size: 20px; letter-spacing: -1px; margin: 0px 0 10px 0; font-style: italic; }
h4 { font-family: 'Karla', sans-serif; font-size: 18px; letter-spacing: -2px; margin: 30px 0 15px 0;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { margin: 0 0 10px 0; }
a { text-decoration: none; color: #004e57; font-style:bold; }
a:hover { color: #007d8c; cursor: pointer; font-style:bold;  }
em { font-style: italic; }
.hide { display: none; }
.title { margin-top: 0; }

.right {float:right; margin: 0px 0px 10px 10px;}
.more-details { display: block; margin: 5px 0 0 0; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { padding: 0; height: 180px;}
#headerBG {position: absolute; top: 0px; width: 100%; height: 190px; border: none;}
#headerBG img{width:100%; height:100%; }
/* ------------------ */
/* -- SOCIAL ICONS -- */
/* ------------------ */
.socialIcons { width: 960px; float: top; position:absolute; top:0px; padding: 10px;
}
.fbIcon {width: 45px; height:35px; float: right;}
.twitIcon{width: 45px; height:35px; float: right;}

/* --------- */
/* -- Nav -- */
/* --------- */
#nav{
  display: block;
  border-width:1px 0;
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;


}
#nav li{
  display:inline;
  vertical-align:middle;
}

#nav a {
  display:inline-block;
    vertical-align:middle;
  padding:10px;
  color:#687819;
  font-family: 'Karla', sans-serif;
  font-size: 20px;
  padding: 10px;
  font-style:bold;
  margin-top:0px;
}
#nav a:hover {
  color:#8fa139;
}

#nav a img {

}
a.RiverFalls {

}


/* ---------------------- */
/* -- Featured Section -- */
/* ---------------------- */
#featured-section { float: left; margin: 0 0 0 0; overflow: hidden; padding: 20px 0 50px 0; border-bottom: 1px #ddd dotted; }
#featured-section h2 { clear: both; color: #888; letter-spacing: -1px; font-size: 30px; padding: 30px 0 15px 0; margin: 0; text-align: center; }
#featured-section h2 span { color: #555; }
#circles { margin: 30px 0 0 0; }
#circles .circle { float: left; margin: 0 0 0 36px; width: 183px; height: 205px; text-align: center; color: #eee; padding: 0 15px; }
.circle h3 { margin-top: 45px; }
#featured-section .red-circle { background: url(images/circle-red.png) no-repeat; }
#featured-section .pink-circle { background: url(images/circle-pink.png) no-repeat; }
#featured-section .orange-circle { background: url(images/circle-orange.png) no-repeat; }
#featured-section .yellow-circle { background: url(images/circle-yellow.png) no-repeat; }
#featured-section .first { margin-left: 0; }


/* ------------- */
/* -- Content -- */
/* ------------- */
#main { float: left; margin: 5px 0 50px 0; width: 960px;}
#content { float: left;  padding: 30px 20px 0px 80px;}
.contentBlock {position: relative;
left:-80px;
	display: block;
	width: 960px;
	float: left;
	padding: 0px;
	margin-bottom:15px;
	border: none;
	height: auto;
	background: rgba(65, 74, 18, 0.6); 
}

.pageTitle { color:#CBD59A;  font-size: 24px; letter-spacing: 0px; margin: 0px 0 10px 0; font-style: Bold;padding:10px 0px 0px 20px;
}

.col {
	display: block;
	width: 180px;
	float: left;
	padding: 10px;
	margin: 0px 10px 30px 0px;
	border: 1px solid #687819;
	background: #dcdfcc;
	height: 400px;
}

.leftRow {
	display: block;
	width: 930px;
	float: left;
	padding: 15px 15px 25px 15px;
	margin: 0px;
	border: none;
	background:rgba(244, 249, 220, 0.6);
	height: auto;
}

.row {
	display: block;
	width: 810px;
	float: left;
	padding: 15px 75px 25px 75px;
	margin: 0px;
	border: none;
	background:rgba(244, 249, 220, 0.6);
	height: auto;
}

.row p {
	font-family: arial, sans-serif;color: #000; line-height: 20px; font-size: 14px;
}

.openRow {
	position: relative;
	display: block;
	width: 900px;
	float: left;
	padding: 10px;
	margin: 0px 10px 15px 15px;
	border: none;
	height: auto;
}
.openRow p {
	line-height: 24px; font-size: 15px;color:white;letter-spacing: 1px;
}

.openRow h2{
	 font-family: 'Karla', sans-serif; font-size: 22px; letter-spacing: 0px; line-height: 20px; margin: 0px 0 10px 0; font-style: italic; color:white; 
}

.tripImage {
	background: #555;
	top:0px;
	width: 960px;
	height: 300px;
	border: none;
	z-index:25;
	display: block;
	position: relative;
	float: left;
	left:0px;
}

.tripImage img{
	margin: 0;
	padding: 0;
}

.homeImage {
	background: #555;
	top:00px;
	width: 960px;
	height: 400px;
	border: none;
	z-index:25;
	display: block;
	position: relative;
	float: left;
	left:0px;
}

.homeImage img{
	margin: 0;
	padding: 0;
}

/* ------------------ */
/* -- Contact Form -- */
/* ------------------ */
#contact-details { float: left; width: 340px; padding: 25px 20px 25px 20px; }
#contact-details .title { margin-top: 0;padding:25px;}
#contact-details h4 { margin: 0 0 5px 0; }
#contact-form { float: left; width: 450px; margin-bottom: 50px;padding:15px;  }
#contact-form input { background: #ffffff url(../../images/textinput-bg.png) repeat-x; border: 1px #ddd solid; padding: 10px; width: 250px; margin: 0 0 10px 0; font-size: 12px; color: #555; font-family: arial, sans-serif; }
#contact-form textarea { background: #ffffff url(../../images/textarea-bg.png) repeat-x; border: 1px #ddd solid; padding: 10px; width: 350px; margin: 0 0 10px 0; font-size: 12px; color: #555; line-height: 18px; height: 100px; font-family: arial, sans-serif; }
#contact-form .submit { display: block; background: url(../../images/blue-button-bg.png) no-repeat; width: 141px; height: 34px; color: #fff; text-align: center; padding: 5px 0; margin: 25px 0 0 0; border: none; cursor: pointer; font-size: 14px; margin: 0 0 0 0; }
#contact-form .submit:hover { background: url(../../images/red-button-bg.png) no-repeat; color: #fff; }
#response { background-color: #eee; border: 1px #ddd solid; padding: 10px; color: #cc0000; margin-top: 10px; }
fieldset { 
margin-top:40px;
border: 0px;
}
/* ------------ */
/* -- Footer -- */
/* ------------ */
.footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 154px;
	background: url(../../images/enjoytheadventure.png) no-repeat center;
	
}
.footer a {
	color: #fff;
}
.footer img {
padding: 3px 10px 3px 0px;
float: right;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	padding: 15px 0px 0px 0px;
	margin-bottom: 0;
	color: #687819;
	background: #b4bc8b;
	font: 1.2em helvetica,arial,sans-serif;
	font-weight: bold;
	text-align: center;
}


/* ------------ */
/* -- Buttons -- */
/* ------------ */


.bookButton {
	background-color:#a4b161;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:2px solid #7a9411;
	display:inline-block;
	color:#566b04;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 30px;
	text-decoration:none;
}.bookButton:hover {
	background-color:#bac770;
}.bookButton:active {
	position:relative;
	top:1px;
}