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


/* force right scrollbar in non-ie browsers to prevent horizontal jumping */
html
{
height: 100%;
margin-bottom: 1px;
}


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

body 
{
height: 100%;
background: #fff;
text-align: center;
margin: 0;
padding: 0;
color: #000;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
line-height: 1em;
}

a:link,
a:visited
{
color: #e98214;
text-decoration: none;
}

a:hover,
a:active
{
color: #e98214;
text-decoration: underline;
}

img
{
border: 0;
}

.alignright
{
float: right;
}

.clear
{
clear: both;
}


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

h2
{
margin-top: 1em;
color: #5b94b4;
font-weight: bold;
font-size: 1.3em;
}

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

.small
{
font-size: 0.8em;
line-height: 1.3em;
color: #8996a3;
}

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

p
{
margin-bottom: 1em;
}




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

.stage
{
position: relative;
width: 772px; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
padding: 0;
text-align: left;
background: #fff;
}

.push
{
clear:both;
height: 4em;
}

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

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

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


.linkbar
{
position: relative;
width: 772px;
height: 44px;
background: #5d91b1 url("../images/nav_bg.gif") 0 0 repeat-x;
text-align: left;
margin: 0;
padding: 0;
}

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


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

.mainsect
{
margin-top: 15px;
padding-bottom: 4em; /* for sticky footer */
background: url("../images/bg_intro.gif") 0 0 repeat-x;
}

.mainsect .containerhome
{
margin: 0 23px 0 15px;
font-size: 0.85em;
line-height: 1.7em;
}

.mainsect .container
{
margin: 0 23px;
font-size: 0.85em;
line-height: 1.7em;
}

.mainleft
{
margin-right: 357px;
}

.mainright
{
clear: both;
float: right;
width: 357px;
}

.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: 0.7em;
line-height: 1.3em;
color: #8996a3;
margin: 5px 10px 0 0;
}




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

.footerbar
{
position: relative;
background: #90a058 url("../images/bg_footer.gif") 0 0 repeat-x;
height: 4em;
clear: both;
text-align: center;
}

.footer
{
padding-top: 10px;
margin: 0 auto;
width: 772px;
}

.footerleft
{
margin-right: 222px;
font-size: 0.85em;
text-align: left;
color: #fff;
}

.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
{
float: right;
width: 222px;
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;
}

.footerright a:link,
.footerright a:visited
{
text-decoration:none;
}

.footerright a:hover,
.footerright a:active
{
text-decoration:underline;
}