/*	
	French Canal Connection
*/

/* RESET
/////////////////////////////*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
a, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	word-wrap: break-word;
}

a, a:visited {
	color: #692f00;
}

/* LAYOUT
/////////////////////////////*/
 
body {
	font: 62.5%/20px Arial, sans-serif;
	color: #575e64;
	background:#2c1c20 url(img/bg.jpg) repeat;
	margin: 10px;
}

#wrapper {
	width: 950px;
	margin: 20px auto 0 auto;
}

#header * {
	margin: 0;
	height: 146px;
}

#navw {
background: white;
overflow: hidden;
}

ul#navigation {	
	width:938px;
	list-style:none;
	height:30px;
	margin: 0 auto;
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:30px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:188px;
	background:url(img/nav.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -30px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px 0px -30px
}

ul#navigation li#navigation-2 a {
	width:164px;
	background:url(img/nav.jpg) no-repeat -188px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-188px -30px
}
ul#navigation li#navigation-2 a.current {
	background-position:-188px -188px -30px
}

ul#navigation li#navigation-3 a {
	width:204px;
	background:url(img/nav.jpg) no-repeat -354px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-354px -30px
}
ul#navigation li#navigation-3 a.current {
	background-position:-354px -353px -30px
}

ul#navigation li#navigation-4 a {
	width:146px;
	background:url(img/nav.jpg) no-repeat -556px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-556px -30px
}
ul#navigation li#navigation-4 a.current {
	background-position:-556px -556px -30px
}

ul#navigation li#navigation-5 a {
	width:236px;
	background:url(img/nav.jpg) no-repeat -702px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-702px -30px
}
ul#navigation li#navigation-5 a.current {
	background-position:-702px -702px -30px
}

#slidew {
	position: relative;
	width: 950px;
	height: 238px;
}


#slideframe {
	position: absolute;
	top:0;
	z-index: 100;
}


#slides {
 overflow: hidden;
 width: 902px;
 height: 202px;
 position: relative;
 top:17px;
 left: 24px; 
 }


#contentw {
	background: white;
	overflow: hidden;
	background: white;
}

#contentf {
	width: 938px;
	margin: 0 auto;
	overflow: hidden;
	background: #d2caa4 url(img/bg-content.jpg) repeat-x;

}

#members {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 25px auto;
	display: block;
	clear: both;
	overflow:hidden;
}

#members ul {
	overflow: hidden;
}

#members ul li {
	display: inline;
	margin: 0;
}

#members li a{
	margin-left: -3px;
}


#members h4 {
	font-size: 1.3em;
	font-weight: normal;
	text-shadow: #e9e5cd 0 1px;
}

#bottomnav {
	font-family: "Times New Roman", Georgia, serif;
	font-size: 1.5em;
	text-align: center;
	margin: 15px auto 0 auto;
	border-bottom: 1px solid #a0977b;
	padding-bottom: 5px;
}

#bottomnav li {
	display: inline;
	margin-right: 20px;
}

#bottomnav a {
text-decoration: none; color: #231417; text-shadow: #e9e5cd 0 1px;}


#contacts {
	padding-top: 10px;
	width: 950px;
	text-align: center;
	height: 
	color:#524e38;
	background: url(img/bg-footer.png) no-repeat center bottom;
	font-size: 1.3em;
	overflow: hidden;
	padding-bottom: 10px;
	text-shadow: #d1cba9 0 1px;
}

.square {
	width: 688px;
	background: url(img/square.gif) no-repeat top center;
	overflow: hidden;
	display: block;
	margin-bottom: none;
	padding-bottom: none;
}

#home-top-left, #content-top-left {
	width: 688px;
	overflow: hidden;
	float: left;
}

#home-top-right, #content-top-right {
	float: right;
	text-align: center;
	font-size: 1.1em;
}

content-top-right {
	width: 235px;
	float: right;
	overflow: hidden;
}

#home-top , #content-top{
	margin:0 4px;
	display: block;
	overflow: hidden;
	width: 930px;
	clear: both;
}

.square h2 {
	margin:10px auto 0 auto;
	background:transparent url(img/bg-sh2.gif) repeat-x left center;
	width: 670px;
	display: block;
		font-family: "Trajan Pro", Georgia, serif;
	font-size: 1.7em;
	color: #690000; text-shadow: #e9e5cd 0 1px;
	text-transform: uppercase;

}

.post a:active, #bottomnav a:active {
	top:1px;
	position: relative;
}

#player:active {
	top:0;
}

.square h2 span {
	padding: 5px 10px;
	margin-left: 10px;
	background: url(img/sh2s.jpg) repeat-x left center;
}

.post {
	margin: 5px  15px;
	font-size: 1.2em;
	color: #000;
	margin-bottom: 0;
	padding-bottom: 15px;
	display: block;
	overflow: hidden;
}

.post p {
	margin-bottom: 5px;
	line-height: 1.3em;
}

img.sb { clear: both; }

.post a { font-weight: bold;}


.col { width: 302px; float: left; background: url(img/bg-col.png) no-repeat center bottom; }

#home-bottom {
	margin: 5px auto;
	width: 926px;
}

.col1, .col2 { margin-right: 10px;}

#content-top {
	line-height: 24px; 
}

#content-top p {
	margin-bottom: 15px;
}

#content-top .post img {
	margin: 15px auto;
	border: 5px solid #e3dfbf;
	display: block;
	clear: both;	
}
#content-top .square {
	padding-bottom: 15px;
}

/* FOOTER
/////////////////////////////*/

#copy {
width: 950px; margin: 10px auto; display: block; overflow: hidden; font-size: 1.2em; color: white;}

#copy a {
	color:#ccc;
}


/* HELPERS
/////////////////////////////*/

.float-left   { float:left }
.float-right  { float:right }
.alignleft,
.align-left   { float:left; margin: 0 15px 15px 0 }
.alignright,
.align-right  { float:right; margin: 0 0 15px 15px }
div.aligncenter,
.aligncenter  { display: block; margin-left: auto; margin-right: auto }
.center       { margin: 0 auto }
.margins      { margin:15px }
.push-top     { margin-top:15px }
.push-right   { margin-right:15px }
.push-bottom  { margin-bottom:15px }
.push-left    { margin-left:15px }
.border       { border:10px solid #eee }
.text-left    { text-align:left }
.text-right   { text-align:right }
.text-center  { text-align:center }
.text-justify { text-align:justify }
.underline    { text-decoration:underline }
.highlight    { background-color:#ffc }
.indent       { text-indent:15px }
.no-indent    { text-indent:0 }
.clear { overflow: hidden; width: 100%; }

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

#player, #clips {
	float:left;
	margin-right:20px;
}

#clips a {
	display:block;
	margin-bottom:20px;
}


/* MESSAGE BOXES 
/////////////////////////////*/ 
 
.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; } 
 
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/* WORDPRESS CAPTIONS
/////////////////////////////*/

.wp-caption 					{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px }
.wp-caption img 				{ margin: 0; padding: 0; border: 0 none }
.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; margin-top:5px }
.wp-caption  a, .wp-caption 	{ color:#666 }

/* FORM
/////////////////////////////*/

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
	font-size:12px;
}

#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #9cbab1;
	padding-bottom:10px;
}

#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}

#stylized .small{
	color:#214645;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #9cbab1;
	width:200px;
	margin:2px 0 20px 10px;
}

#stylized textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #9cbab1;
	width:400px;
	margin:2px 0 20px 10px;
}

#stylized button{ 
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#a98548;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	border:none;
}


.cleanform {
font-size:1em;
width:44em;
text-align:left;
position:relative;
margin:1em auto
}

/* Elements */

.cleanform  label,.cleanform legend{  
padding:0;
margin:0.3em 0;
}

.cleanform fieldset{ 

border:none;
margin:0 0 0.5em 0;
}

.cleanform label {
font-weight:bold;
}

.cleanform fieldset input {
width:70%;
line-height:1.5em;
padding:0.15em;
}

.cleanform .radio input,
.cleanform .checkbox input {
width:auto;
border:none;
}

.cleanform input, .cleanform textarea, .cleanform select {
display:block;
margin-bottom:1em;
font-size:1em;
border:1px solid #bbb;
padding:0.15em;
margin-right:1em
}

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input{
display:inline;
margin:0 1.5em 0 0
}


.cleanform .radio input, .cleanform .checkbox input{
margin:0 0.3em 0 0
}

/* Button */

.cleanform.mini button {
text-align:center;
border:none;
background:url(images/buttonrequest.jpg) repeat-x top left;
cursor:pointer;
font-weight:bold;
width:95px;
height:28px;
clear:both;
margin-left:35px;
}

.cleanform.mini button:hover, .cleanform button.submit:hover {
background-position:0 -28px;
}

.cleanform button.submit {
text-align:center;
border:1px solid #5b0000;
cursor:pointer;
background-color: #58262d;
color: white;
font-weight:bold;
width:95px;
height:28px;
clear:both;
margin:10px auto;
}

.cleanform img {
	margin-bottom:10px;
}



.first img {
	margin-bottom:10px;
}

/* information */

.cleanform .formInfo {
margin-bottom:1em;
padding-bottom:0.5em;
border-bottom:0.1em solid #ddd;
}

.cleanform .formInfo h2 {
color:#00889e;
font-weight:bold;
font-size:1.2em;
margin-bottom:1em
}

.cleanform  p{
text-align:justify
}

.cleanform .required {
color:red;
font-weight:bold;
font-size:0.8em;
}

.cleanform.mini {
	width:240px;
	margin:0 auto;
}

.cleanform.mini input {
	width:65%;
}

#ac li a {
	color:#fea93e;
}

#ac li {
	margin:0px 0 15px 0;
}

.post h3 {
	text-transform: uppercase;
	font-size: 1.6em;
	color: #28191c;
}

.post h4 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 20px;
}

h4 small {
font-size: 0.7em;
}

hr {
	border: none;
	border-top:1px solid #a0977b;
	margin-bottom: 25px;
	clear: both;
}


.titl {
font-size: 1.6em; color: #333856; text-transform: uppercase; text-shadow: #e9e5cd 0 1px;}


#attractions b{
	font-size: 1em; 
	text-transform:uppercase;
	font-style: italic;
	text-align: center;
}