@import "reset.css";



body {
font-family: 'colaborate-regularregular', Arial, Helvetica, sans-serif;
font-size:18px;
background-color:#73c9f1;
color:#333;
line-height:122%;
text-rendering: optimizeLegibility;
}


header, footer, section, aside {
display:block;
}

#bacleft {
position:absolute;
left:0px;
background-color:#73c9f1;
margin-top:100px;
top:14px;
width:53%;
height:103px;
z-index:0;
}

#bacright {
position:absolute;
right:0px;
background-color:#73c9f1;
margin-top:100px;
top:-1px;
width:50%;
height:118px;
z-index:2;
}

#buttomDot {
background-image: url('images/dot.png');
width:100%;
height:6px;
position:absolute;
z-index:12;
right:0px;
top:136px;
margin-top:83px;
}

header {
background-image: url('images/header.png');
width: 940px;
height:184px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
position:relative;
z-index:10;
padding-top:50px;
}

#background {
width:100%;
height:auto;
background-color:#fff;
position:relative;
z-index:1;
/*border-bottom:6px;
border-style: solid;
border-color: #71c9f1;*/
}

#background_ride {
width:100%;
height:auto;
background-color:#fff;
position:relative;
z-index:4;
border-bottom:6px;
border-style: solid;
border-color: #71c9f1;
}

#wrapper {
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:940px;
height:auto;
position:relative;
/*background-color: red;*/
/*border:1px solid red;*/
z-index:19;
}


nav {
float:right;
margin-top:80px;
position: relative;
top:42px;
right:30px;
}


nav ul li {
margin-right:4px;
font-size:0.938em;
display:inline;
list-style-type:none;
position:relative;
right:4px;
z-index:30;
color:#308;
}

nav a:link {
text-decoration:none;
color:#308;
}

nav a:visited {
text-decoration:none;
color:#308;
}

nav a:hover {
text-decoration:none;
color:#fff;
}

.logo {
float:left;
width:293px;
margin-top:0px;
position:relative;
left:73px;
z-index:2;
top:-65px;
}

#topconey {
width:940px;
margin-left:auto;
margin-right:auto;
}

figcaption {
font-size:0.750em;
font-family: 'colaboratelightregular', Arial, Helvetica, sans-serif;
float:right;
color:#9fa3a3;
position:relative;
right:2px;
}

h1 {
font-size:2.313em;
font-family: 'colaborate-thinregular', Arial, Helvetica, sans-serif;
color:#f71;
padding-top:25px;
float:left;
font-weight:normal;
display:block;
width:100%;
line-height:90%;
}

h2 {
font-size:1.375em;
font-family: 'colaboratelightregular', Arial, Helvetica, sans-serif;
color:#308;
margin-top:19px;
margin-bottom:11px;
float:left;
font-weight:normal;
display:block;
width:100%;
}

.subtitle {
font-size:1.375em;
font-family: 'colaboratelightregular', Arial, Helvetica, sans-serif;
color:#308;
margin-top:19px;
margin-bottom:11px;
float:left;
font-weight:normal;
display:block;
width:100%;
}

.leftHome {
font-family: 'colaborate-regularregular', Arial, Helvetica, sans-serif;
font-size:0.938em;
width:38%;
float:left;
margin-top:23px;
margin-right:95px;
margin-left:34px;
position:relative;
left:40px;
}

.space {
margin-left:46px;
position:relative;
left:80px;
color:#F27723;

}

.rightHome {
font-size:0.938em;
width:36%;
float:left;
position:relative;
left:70px;
margin-top:1px;
padding-bottom:10%;
}

.leftbottom {
font-family: 'colaborate-regularregular', Arial, Helvetica, sans-serif;
font-size:0.938em;
width:38%;
float:left;
margin-right:95px;
margin-left:34px;
margin-top:23px;
position:relative;
left:40px;
}

#scrolltop {
position:relative;
left:10px;
bottom:38px;
right:30px;
float:right;
font-size:0.875em;
margin-bottom:10px;
}

#wallpainting {
width:938px;
position:relative;
margin-left:0px;
margin-top:5px;
margin-top:0px;
/*border: 1px solid red;*/
}

footer {
width:100%;
clear:both;
/*background-color:#73c9f1;*/
position:relative;
padding-bottom: 10px;
z-index:80;
/*border: 1px solid red;*/
}

#wrapperfooter {
margin-left:auto;
margin-right:auto;
margin-top:0px;
width:940px;
height:300px;
position:relative;
/*border:1px solid red;*/
}

#footerDot {
background-image: url('images/dot.png');
width:100%;
height:6px;
position:absolute;
top:-42px;
right:0px;
margin-top:0px;
/*border:1px solid red;*/
}

.footersection {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox01.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;

}

.footersectiontwo {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
position: relative;
width: 201px;
height: 220px;
margin-left:70px;
padding-bottom:3px;
margin-top:4%;
background-image: url(images/bluebox02.png);
overflow: hidden;
float:left;
margin-right:4%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersectionthree {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 204px;
height: 223px;
margin-left:70px;
padding-bottom:3px;
margin-top:4%;
background-image: url(images/bluebox03.png);
overflow: hidden;
float:left;
margin-right:4%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersection_ride {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox04.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;

}

.footersectiontwo_ride {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox05.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersectionthree_ride {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 204px;
height: 223px;
margin-left:70px;
padding-bottom:3px;
margin-top:4%;
background-image: url(images/bluebox06.png);
overflow: hidden;
float:left;
margin-right:4%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersection_contact {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox07.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;

}

.footersectiontwo_contact {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox08.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersectionthree_contact {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 204px;
height: 223px;
margin-left:70px;
padding-bottom:3px;
margin-top:4%;
background-image: url(images/bluebox03.png);
overflow: hidden;
float:left;
margin-right:4%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersection_reply {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox10.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;

}

.footersectiontwo_reply {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 201px;
height: 220px;
margin-left:70px;
margin-top:4%;
padding-bottom:3px;
background-image: url(images/bluebox11.png);
overflow: hidden;
float:left;
margin-right:3%;
text-align:center;
font-size:1.125em;
color:#308;
}

.footersectionthree_reply {
font-family: 'colaborate-mediumregular', Arial, Helvetica, sans-serif;
width: 204px;
height: 223px;
margin-left:70px;
padding-bottom:3px;
margin-top:4%;
background-image: url(images/bluebox06.png);
overflow: hidden;
float:left;
margin-right:4%;
text-align:center;
font-size:1.125em;
color:#308;
}


.footerinfo {
float:left;
margin-right:44px;
margin-top: 0px;
-webkit-transition: all 5s ease-out;
-moz-transition: all 5s ease-out;
-o-transition: all 5s ease-out;
-ms-transition: all 5s ease-out;
transition: all 5s ease-out;
}

.footerinfo:hover {
-moz-transform:translate(0px,400px);
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transform:translate(0px,400px);
-webkit-transition-timing-function:ease;
-webkit-transition-duration: 1s;
-ms-transform:translate(0px,400px);
-ms-transition-timing-function:ease;
-ms-transition-duration: 1s;
-o-transform:translate(0px,400px);
-o-transition-timing-function:ease ;
-o-transition-duration: 1s;
transform:translate(0px,400px);
transition-timing-function:ease ;
transition-duration: 1s;
}

.footercontent {
text-align:center;
position:relative;
left:6%;
margin-right:6%;
float:left;
font-size:0.875em;
color:#308;
line-height:125%;
}

#copyright {
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:44%;
position:relative;
left:16px;
font-size:0.750em;
font-family: 'colaborate-thinregular', Arial, Helvetica, sans-serif;
color:#ffffff;
/*border:1px solid red;*/
}

#footernav {
text-align:center;
position:relative;
top:0px;
left:14px;
}


#footernav ul li {
margin-right:4px;
font-family: 'colaborate-regularregular', Arial, Helvetica, sans-serif;
font-size:0.814em;
display:inline;
list-style-type:none;
position:relative;
right:4px;
z-index:30;
color:#308;
}

#footernav a:link {
text-decoration:none;
color:#308;
}

#footernav a:visited {
text-decoration:none;
color:#308;
}

#footernav a:hover {
text-decoration:none;
color:#fff;
}

.footerlink a:link {
text-decoration:none;
color:#308;
font-size:0.875em;
line-height:125%;
position:relative;
right:20px;
text-align:center;
}

.footerlink a:visited {
text-decoration:none;
color:#308;
}

.footerlink a:hover {
text-decoration:none;
color:#f26122;
}

.clearFloat {
clear:both;
}

.space {
position:relative;
left:3px;
}

.small {
font-size:0.63em;
}

#infographicChart {
margin-left:auto;
margin-right:auto;
margin-top:0;
width:940px;
}

.ridepicture {
width: 440px;
margin-top:40px;
margin-right: 30px;
margin-bottom: 40px;
position: relative;
top: 20px;
float: left;
/*border: 1px solid red;*/
left: 26px;

}

.leftride {
font-family: 'colaborate-regularregular', Arial, Helvetica, sans-serif;
font-size:0.938em;
width:43%;
float:left;
margin-top:0px;
margin-right:35px;
margin-left:28px;
margin-bottom:80px;
position:relative;
top:-8px;
}

.threecolumn {
font-family: 'colaborate-regularregular', Arial, Helvetica, sans-serif;
font-size:0.875em;
width:30%;
margin-right:2.3%;
padding-left:1%;
position:relative;
float:left;
margin-bottom:5%;
}

#ridetable {
width:940px;
margin-left:25px;
position:relative;
clear:both;
float:left;
}

table {
width:97%;
border-collapse: collapse;
margin-left:2px;
position:relative;
top:-7px;
}

tr {
border-left:2px;
border-right:2px;
border-style: solid;
border-color:#f71;
display: table-row;
vertical-align: inherit;
}

th {
border-width:2px;
border-style: solid;
border-color:#f71;
font-size:0.750em;
text-align:center;
font-weight:bold;
padding-top:10px;
padding-bottom:5px;
padding-left:3px;
color:#fff;
line-height:100%;
background-color:#f71;
}

td {
font-size:0.750em;
line-height:100%;
display:table-cell;
padding-top:8px;
padding-left:18px;
padding-bottom:8px;
text-align:left;
border-right: 2px;
border-left: 2px;
border-color:#f71;
border-style: solid;
}

table2 {

float:left;
display:inline;

margin-left:1%;
margin-top:1%;
margin-bottom:20%;
position:relative;
font-family: 'colaborate-thinregular';
color:#000;
}

tr2 {
width:100%;
padding-left:40%;
display: table-row;
vertical-align: inherit;
}

th2 {
font-size:1em;
text-align:center;
color:#fff;
background-color:#73c9f1;
padding-right:46%;
padding-left:46%;
padding-top:2%;
padding-bottom:2%;
}


#hour {
color:#f63;
font-size:0.8em;
text-align:right;
}

td2 {
line-height:100%;
font-size:1em;
display:table-cell;
padding-right:10%;
padding-left:1%;
padding-top:2%;
padding-bottom:2%;

/*padding-left:1%;
padding-right:12%;
padding-top:5%;
padding-bottom:1%;*/

border-bottom: 1px;
border-left: 0px;
border-top: 0px;
border-right: 0px;
border-color:#73c9f1;
border-style:solid;
}

#subway {
float:left;
width:98%;
padding-top:3%;
padding-right:8%;
}

.subwaySection {
display:block;
float:left;
width:41%;
padding-top:1%;
padding-left:2%;
margin-right:7%;
font-size: 0.938em;
/*border:1px solid red;*/
}


#contactSection {
font-size:0.938em;
width:45%;
float:left;
position:relative;
left:1%;
margin-top:1px;
margin-right:15px;
line-height:134%;
}

#contactForm {
font-size:0.938em;
width:42%;
margin-top:-29%;
margin-bottom:6%;
float:right;
position:relative;
z-index:14;
background-color:#73c9f1;
/*border:1px solid red;*/
padding-left:7%;
padding-top:4%;
}

#contactBox {
font-size:0.938em;
width:100%;
margin-left:2%;
float:right;
position:relative;
z-index:13;
line-height:250%;
background-image:url('images/contactForm.png');
background-repeat:no-repeat;
padding-left:11%;
padding-top:15%;
padding-bottom:4%;
}

#mapbox {
margin-top:2%;


}

#rideDirection {
width:100%;
height:150px;
border-style:solid;
border-width:1px;
border-color:#
background-color:#73c9f1;
margin-top:35px;
}


blockquote {
text-align:center;
}


q {
font-size:1em;
font-family: 'droid_serifregular', Roman New Times, serif;
color:#73c9f1;
width:100%;
line-height:120%;
font-size:1.75em;
text-align:center;
}

q:before {
content:'\201c';
font-family: 'droid_serifregular', Roman New Times, serif;
}

q:after {
content:'\201d';
font-family: 'droid_serifregular', Roman New Times, serif;
}

cite {
color:#73c9f1;
}

#contactRide {
width:419px;
position:relative;
top:0px;
}

#resourceSite {
margin-top:2%;
margin-bottom:13%;
font-size:0.938em;
color:#308;
}

#resourceSite ul li {
float:left;
margin-right:6%;
display:inline;
list-style-type:none;
color:#308;
}

#resourceSite a:link {
text-decoration:none;
color:#308;
}

#resourceSite a:visited {
text-decoration:none;
color:#308;
}

#resourceSite a:hover {
text-decoration:none;
color:#73c9f1;
}

#thumnailSection {
float:left;
display:block;
margin-right:4%;
margin-top:3%;
color:#333;
font-size:0.750em;
font-family: 'colaboratelightregular', Arial, Helvetica, sans-serif;
color:#9fa3a3;
}

#thumnailSection2 {
float:left;
margin-right:4%;
margin-top:3%;
margin-left:4.5%;
display:block;
color:#333;
}

#thumnailSection3 {
float:left;
margin-right:4%;
margin-top:3%;
margin-left:3.6%;
display:block;
color:#333;
}

input {
width:80%;
font-size: .8em;
padding: 0.5em;
border: 0px none;
background-color:#fc6;

moz-border-radius: 10px;
webkit-border-radius: 10px;
ms-border-radius: 10px;
o-border-radius: 10px;
border-radius: 10px;
}

textarea {
font-size: 0.8em;
padding: 0.5em;
border: 0px none;
margin-left:1%;
width:80%;
padding-left:1%;
background-color:#fc6;

moz-border-radius: 10px;
webkit-border-radius: 10px;
ms-border-radius: 10px;
o-border-radius: 10px;
border-radius: 10px;
font-size: .938em;
}

#spam {
width:20%;
}

#submit {
width:20%;
background-color:#f71;
color:#fff;
}

#thankYou {
color:#f63;
font-size: 1.7em;
text-align:center;
color:#009;
font-family: 'colaborate-thinregular';
line-height:2em;
margin-bottom:2%;
margin-top:1%;
}

#subTitle {
line-height:1.08em;
font-size: 0.7em;
color:#333;
margin-top:8%;
}

.price {
float:left;
margin-top:3%;
display:block;
}


#replybeach {
margin-bottom:3%;
}

.replyphoto {
width:32%;
float:left;
margin-right:1.3%;
margin-top:8%;
margin-bottom:12%;


-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}      

.replyphoto:hover{
-moz-transform: scale(1.5);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transform:scale(1.5);	
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1s; 
	
-ms-transform:scale(1.5);	
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 1s; 
	
-o-transform:scale(1.5);	
-o-transition-timing-function: ease-out;
-o-transition-duration: 1s;

transform:scale(1.5);
transition-timing-function: ease-out;
transition-duration: 1s;
}

#contactMap {
margin-top:5%;
/*border:1px solid red;*/
}

#credit {
margin-top:4%;
}