pre {color:#FFFFFF;} /* debugging */
/* colors
h1 (dark blue): #14475C
h2 (light blue): #2F718C
orange: #FD8918
*/

/***** ACCESSIBILITY SKIP LINKS *******/
dl.accessibility, #skip_to_nav, #skip_to_content {text-align:left;position:absolute;top:0;left:-500em;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000;
background:#000;
/*background:#fff url(images/tilebg.gif) repeat;*/
}
/***** LAYOUT **********************/
#wrapper {
position:relative;
width:955px;
margin:0 auto;
}

#header {
width:955px;
margin:0 auto;
height:98px;
background: url(images/main_top.png) bottom no-repeat;
}
#container {
background: url(images/main_tile.png) repeat-y;
width:955px;
}

#logo {
position:absolute;
top:5px;
left:12px;
height:160px;
width:711px;
background:url(images/cycle_progression_logo.png) no-repeat;
text-indent:-1000em;
margin:0;
}
#logo a {
display:block;
border:none;
height:140px;
width:180px;
}
#col_1 {
float:left;
width:195px;
margin:30px 0 0 0;
}
#col_2 {
border:1px solid #000;
background:#fff;
float: left;
width: 728px;
margin:30px 0 0 0;
height: 1%;
}

.col_gal {
display:block;
/*background:pink;*/
width:778px;
margin:0;
padding:10px 20px;
overflow: visible;
}
.col_half_1 {
/*background:pink;*/
float:left;
width:324px;
margin:0;
padding:10px 20px;
}
.col_half_2 {
/*background:yellow;*/
float:left;
width:324px;
margin:0;
padding:10px 20px;
}


.tagline {
display:block;
position:relative;
z-index:98;
padding:15px 0 0 200px;
color:#fff;
font-size:1.1em;
}
.tagline a:link, .tagline a:visited {color:#fff; text-decoration:none; border:none;}
.tagline a:hover {color:#FD8918;}
/***** DEFAULTS **********************/
a:link {color:#2F718C; text-decoration:none; border-bottom:1px solid #CFE6EF;}
a:visited {color:#2F718C; text-decoration:none; border-bottom:1px solid #CFE6EF;}
a:hover {color:#FD8918 !important; border-bottom-color:#FEDDBC;}
p {
font-size:.8em;
line-height:1.7em;
margin:.4em 0 .6em 0;
}
h1 {
z-index:98;
color:#14475C;
font-size:1.3em;
font-weight:normal;
line-height:1.2em;
text-transform:uppercase;
margin:.5em 0 .1em 0;
}
h2 {
color:#2F718C;
font-size:.9em;
font-weight:bold;
text-transform:uppercase;
line-height:1.3em;
margin:.5em 0 .1em 0;
}
h2 a {
color:#2F718C;
text-decoration:none;
}
h3 {
text-transform:uppercase;
font-size:.9em;
margin:0 0 .5em 0;
color:#2F718C;
line-height:1.3em;
}
h3 a:link {
color:#2F718C;
text-decoration:none;
/*padding:2px 0;*/
}

ul {
font-size:.8em;
margin:0; 
padding:0 0 0 2em;
}
li {padding:5px 0;}


strong {font-weight:bold;}
em {font-style:italic;}

/***** NAV *****************/
.nav {background:#000; padding:10px; position:relative; z-index:99;}
.nav li {display:inline; padding:0 3px 0 0;}
.nav a:link, .nav a:visited {
color:#fff;
font-size:1.2em;
font-weight:bold;
padding:7px;
text-decoration:none;
text-transform:uppercase;
border:0;
}
.nav a:hover, .nav a.current {
color:#FD8918;
border-bottom:3px solid #FD8918;
}

/*** BRANDS ***/
ul.brands {
margin:30px 0 0 10px;
}
ul.brands li a {display:block; width:144px; height:106px;text-indent:-999em; border:0;}
.pivot {background:url(images/pivot_logo.png) no-repeat;}
.turner {background:url(images/turner_logo.png) no-repeat;}
.titus {background:url(images/titus_logo.png) no-repeat;}
.intense {background:url(images/intense_logo.png) no-repeat;}
.spot {background:url(images/spot_logo.png) no-repeat;}
.vassago {background:url(images/vassago_logo.png) no-repeat; height:128px;}
.bhbikes {background:url(images/bh_logo.png) no-repeat;}
.lynskey {background:url(images/lynskey_logo.png) no-repeat; height:129px;}
.khs {background:url(images/khs_logo.png) no-repeat;}
.cp30 {background:url(images/cp30_logo.png) no-repeat;;}

/***** HOME *****************/
.home_image {display:block; border-bottom:2px #010101 solid;}
#articles {
width:98%;
background:#010101;
border:1px solid #999999;
padding:5px 5px 5px 5px;
margin:5px auto 0 auto;
}
.article_excerpt {
background:#fff;
margin:0 0 5px 0 !important;
}
.article_excerpt a, .article_excerpt a:visited {
/*background:pink;*/
display:block;
padding:5px;
text-decoration:none;
border:0;
}
.article_excerpt a:hover {background:#eee;}

.article_title {
display:block;
font-size:.9em;
color:#2F718C;
text-transform:uppercase;
font-weight:bold;
}
.article_text {
display:block;
font-size:.8em;
color:#666666;
margin:3px 0 0 0;
}
.article_text em {
font-size:.8em;
color:#14475C;
font-style:normal;
}
.small_light_text {font-size:.7em; color:#999999;}
.viewAll a, .viewAll a:visited {display:block;color:#fff; margin:0 5px 0 0; text-align:right; border:0;}
.viewAll a:hover { color:#FD8918;}

#bike_inventory {
/*background:yellow;*/
padding:10px 20px;
}
.bike {
/*background:pink;*/
width:160px;
float:left;
margin:0 6px 20px 6px;
}
.bike p {font-size:.7em; color:#333333; margin:0;}
.bike h2 a {border:0;font-size:1.1em;}
.bike h3 {margin:.1em 0; font-weight:normal;}
.bike_separator {
display:block;
width:100%;
height:1px;
background-color:#CCCCCC;
clear:both;
margin:0 0 10px 0;}
.bike img {border:1px solid #2F718C;}
a.small_brand_image {border:0;}
/*.bike_brand_name { white-space:nowrap;}*/
/***** FOOTER *****************/
#bottom {
background: url(images/main_bottom.png) bottom no-repeat;
height:35px;
clear: both;
color:#FCEDE0;
font-size:.7em;
}
#bottom span {display:block; padding-top:17px;text-align:center;}
#footer {
color:#fff;
text-align:center;
}
#footer h3 {
margin:10px 0;
color:#fff;
text-align:center;
font-weight:bold;
}
#footer h3 a, #footer h3 a:visited {color:#fff; text-decoration:none; border:0;}
#footer h3 a:hover {color:#FD8918;}
#footer p {text-align:center;}


/***** Global Classes *****************/

.clear         {clear:both;}
.block 		   {display:block;}
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}
.noborder {border:0 !important;}
.nicelist {list-style:disc;}
.link {display:block; font-size:.8em; padding:0 0 3px 0;}

.bike_display {border:0 !important; margin:0 0 10px 0;}

#gallery {margin:0 0 0px 0px;}
#gallery a:link, #gallery a:visited {border:0; padding:0px; text-align:center;}
#gallery img {margin:10px 20px 0px 0;}

table
{
border-collapse:collapse; width:500px;
}
table, td, th
{
border:1px solid black;
}
td, th {
vertical-align:bottom; 
padding:5px;
font-size:80%;
}

th {font-weight:bold; background-color: #DADADA}
td {background-color: #F4F4F4}