/* for sticky footer */
*
{
margin: 0;
}


/* ~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~*/

body 
{
text-align: center;
color: #000;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 100%;
line-height: 100%;
}

a:link,
a:visited
{
color: #e98214;
}

a:hover,
a:active
{
color: #e98214;
}

img
{
border: 0;
}

.alignright
{
float: right;
}

img.alignright
{
visibility: hidden;
height: 0;
}

.clear
{
clear: both;
}


/* ~~~~~~~~~~~~~~~~~ TYPOGRAPHY~~~~~~~~~~~~~~~~~*/

h2
{
color: #5b94b4;
font-weight: bold;
font-size: 130%;
}

ul.bullet
{
list-style-image: url('../images/bullet.gif')
}

.small
{
font-size: 80%;
line-height: 130%;
color: #8996a3;
}

.pop
{
font-weight: bold;
color: #295b73;
}

p
{
margin-bottom: 1em;
}

.hide
{
visibility: hidden;
height: 0;
}



/* ~~~~~~~~~~~~~~~~~ STRUCTURAL ~~~~~~~~~~~~~~~~~*/

.stage
{
position: relative;
text-align: left;
}

.push
{
clear:both;
}

/* ~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~*/

.contactbutton
{
position: absolute;
top: 0;
right: 0;
}

.contactbutton img
{
width: 200px;
}

/* ~~~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~~~ */


.linkbar
{
visibility: hidden;
height: 0;
}


/* ~~~~~~~~~~~~~~~~~ MAIN SECTION ~~~~~~~~~~~~~~~~~*/


.mainsect .containerhome
{
margin-top: 0;
font-size: 85%;
line-height: 170%;
}

.mainsect .container
{
margin-top: 0;
font-size: 85%;
line-height: 170%;
}

.mainleft
{
margin-right: 50%;
}

.mainright
{
clear: both;
float: right;
width: 50%;
}

.mainleft34
{
margin-right: 330px;
}

.mainright14
{
clear: both;
float: right;
width: 302px;
}

img.bikes
{
margin: 10px 0 5px 0;
}


/* ~~~~~~~~~~~~~~~~~ SMALL PICS ~~~~~~~~~~~~~~~~~*/

.smallpics
{
margin-top: 16px;
position: relative;
}


.smallpics .column1, 
.smallpics .column2, 
.smallpics .column3, 
.smallpics .column4
{
width: 159px;
}

.smallpics .column5
{
width: 113px;
}

.smallpics .column1, 
.smallpics .column3, 
.smallpics .column4, 
.smallpics .column5
{
position: absolute;
top: 0;
}

.smallpics .column1
{
left: 0;
}

.smallpics .column2
{
position: relative; /* Sets column2 to push the footer down where it should be */
top: 0;
left: 159px;
}

.smallpics .column3
{
left: 318px;
}

.smallpics .column4
{
left: 477px;
}

.smallpics .column5
{
left: 636px;
text-align: right;
padding-top: 26px;
}

.smallpics .column1 p, 
.smallpics .column2 p, 
.smallpics .column3 p, 
.smallpics .column4 p
{
font-size: 70%;
line-height: 130%;
color: #8996a3;
margin: 5px 10px 0 0;
}




/* ~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~*/

.footerbar
{
position: relative;
height: 4em;

clear: both;
text-align: center;
}

.footer
{
width: 100%;
}

.footerleft
{
font-size: 0.85em;
text-align: left;
}

.footerleft a,
.footerleft a:link,
.footerleft a:visited,
.footerleft a:hover,
.footerleft a:active
{
color: #fff;
}

.footerleft .legal
{
font-size: 0.8em;
line-height: 2em;
}


.footerright
{
clear:both;
font-size: 0.7em;
text-align: right;
color: #b3bb95;
}

.footerright a,
.footerright a:link,
.footerright a:visited,
.footerright a:hover,
.footerright a:active
{
color: #b3bb95;
}