/* ----- Columbus International screen stylesheet ----------------------------------------- */
/* ----- Simon Kitson 2010 ---------------------------------------------------------------- */
/* ----- enjoy. --------------------------------------------------------------------------- */

/*

----- Background Colours -----

	Main Background: #000
	Secondary Background: #c00

----- Text Colours -----

	Main Heading: #fff
	Sub-Heading: #fff
	Main Body: #fff
	Link Hover: #f00

----- Dimensions -----

	Site Width: 900px
	Column Width: 268px
	Gutter Width: 30px 

*/

/* ----- Global Reset --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
* {
	padding: 0; /* global margin and padding reset */
	margin: 0;
}

/* ----- Tags ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
body {
	background: #000 url(../images/bg_flare.jpg) 50% 0 no-repeat;
	text-align: center; /* centre in IE */
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 20px;
}
a {
	color: #fff;
	outline: none;
}
a:hover {
	
}
a img {
	border: none;
}
ul {
	list-style: none;
}

/* ----- Universal Styles ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.hide {
	display: none;
}
.clear {
	clear: both;
}

/* ----- Main Containers ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#site {
	margin: 0 auto; /* centre in proper browsers */
	width: 900px;
	text-align: left;
}

/* ----- Masthead ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#masthead {
	float: left;
	width: 900px;
	height: 60px;
}
#logo {
	float: left;
	width: 119px;
	height: 60px;
	margin-left: 19px;
	display: inline;
}
#logo a {
	display: block;
	width: 119px;
	height: 60px;
	text-indent: -1000em;
	background: url(../images/columbus_logo.gif) 0 0 no-repeat;
}
#logo a:hover {
	background-position: 0 -200px;
}
#language {
	float: right;
	margin: 25px 30px 0 0;
	display: inline;
}
#language li {
	float: left;
	width: 16px;
	height: 11px;
	margin-left: 6px;
	display: inline;
}
#language li a {
	display: block;
	width: 16px;
	height: 11px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -1000em;
}
#language li a.en {
	background-image: url(../images/languages/en.gif);
}
#language li a.fr {
	background-image: url(../images/languages/fr.gif);
}
#language li a.de {
	background-image: url(../images/languages/de.gif);
}

/* ----- Hero ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#hero {
	clear: both;
	float: left;
	width: 900px;
	height: 466px;
	margin-bottom: 10px;
}
#hero p {
	width: 900px;
	height: 466px;
}

/* ----- Global Navigation ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#global-nav {
	float: left;
	width: 900px;
	margin-bottom: 10px;
	border-left: 1px solid #3b3b3b;
	font: 1.167em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.167=14 */
}
#global-nav li {
	float: left;
	width: 149px;
	height: 30px;
	border-right: 1px solid #3b3b3b;
	text-align: center;
}
#global-nav li a {
	display: block;
	width: 149px;
	height: 30px;
	text-indent: -1000em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#global-nav li a:hover, #global-nav li a.current {
	color: #fff;
	background-position: 0 -200px;
}
#nav1 {
	background-image: url(../images/nav/nav1.gif);
}
#nav2 {
	background-image: url(../images/nav/nav2.gif);
}
#nav3 {
	background-image: url(../images/nav/nav3.gif);
}
#nav4 {
	background-image: url(../images/nav/nav4.gif);
}
#nav5 {
	background-image: url(../images/nav/nav5.gif);
}
#nav6 {
	background-image: url(../images/nav/nav6.gif);
}

/* ----- Content -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#content {
	clear: both;
	float: left;
	width: 864px;
	margin-bottom: 10px;
	padding: 20px 18px 20px 19px;
	background: transparent url(../images/tiles/tile_ffffff_06.png) 0 0 repeat !important;
	background: #0f0f0f;
}
.col-864 {
	float: left;
	width: 864px;
}
.col-566 {
	float: left;
	width: 566px;
}
.col-566.alt {
	float: right;
	width: 536px;
	margin: 10px 0 15px 0;
	padding: 15px 15px 0 15px;
	background: transparent url(../images/tiles/tile_ffffff_06.png) 0 0 repeat !important;
	background: #1d1d1d;
}
.col-432 {
	float: left;
	width: 432px;
	margin-bottom: 15px;
}
.col-268 {
	float: right;
	width: 238px;
	padding: 15px;
	background: transparent url(../images/tiles/tile_ffffff_06.png) 0 0 repeat !important;
	background: #1d1d1d;
}
.col-268.alt {
	float: left;
	margin: 10px 0 15px 0;
	padding: 15px 15px 0 15px;
}
.row-864 {
	clear: both;
	float: left;
	width: 894px;
	margin: 10px 0 0 -30px;
	display: inline;
}
.row-864.col-3 {
	margin-bottom: 20px;
	background: url(../images/panels/panel_268_col_3.gif) 30px 0 repeat-y;
}

/* ----- Footer --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	float: left;
	width: 900px;
	padding: 10px 0;
	border-top: 1px solid #3b3b3b;
	font-size: 0.917em; /* 12*0.917=11 */
	color: #999;
}
#footer ul {
	float: left;
	margin-top: 30px;
}
#footer ul li {
	float: left;
	margin-right: 20px;
}
#footer ul li a {
	color: #999;
	text-decoration: underline;
}
#footer ul li a:hover {
	color: #fff;
}
#footer .logo {
	float: right;
	margin-left: 10px;
}
#footer .copyright {
	float: right;
	margin-top: 30px;
}
.footer-terms {
	width: 566px;
	margin-bottom: 0;
	padding-top: 10px;
	border-top: 1px solid #3b3b3b;
	text-align: right;
}

/* ----- Social --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#social {
	clear: both;
	float: left;
	margin: 0 0 24px 0;
}
#social ul {
	float: left;
	margin-top: -30px;
}
#social li {
	float: left;
	margin-right: 12px;
}
#social li.like {
	margin-top: -2px;
}

/* ----- Typography ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
h1 {
	margin-bottom: 10px;
	font: normal 1.667em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.667=20 */
}
.col-566 h2, .col-864 h2 {
	margin-bottom: 6px;
	font-size: 1.167em; /* 12*1.167=14 */
	font-weight: bold;
}
.col-566 h2.alt, .col-864 h2.alt {
	margin-bottom: 2px;
	font-size: 1em;
	font-weight: normal;
	color: #666;
}
content-main-tab-terms-1 h2, content-main-tab-terms-2 h2 {
	font-family: optima, "Lucida Grande", "Lucida Sans", arial, sans-serif;
}
.col-864 p, .col-566 p, .col-268.alt p {
	margin-bottom: 15px;
	font-size: 1em;
	line-height: 1.5em; /* 12*1.5=18 */
}
.col-268 blockquote {
	clear: both;
	float: left;
	margin-bottom: 10px;
	font-size: 0.917em; /* 12*0.917=11 */
}
.col-268 blockquote p {
	margin-bottom: 10px;
}
.col-268 blockquote p cite {
	font-style: italic;
}
.col-864 ul.list, .col-566 ul.list, .col-432 ul.list {
	margin: 0 0 15px 20px;
	list-style: outside disc;
}
.col-864 ul.list ul {
	margin: 6px 0 15px 20px;
	list-style: outside disc;
}
.col-864 ul.list li, .col-566 ul.list li, .col-432 ul.list li {
	margin-bottom: 4px;
}

/* ----- Bikes List ----- */
/* ------------------------------------------------------------ */
#bikes {
	clear: both;
	float: left;
	width: 864px;
	padding-top: 15px;
}
#bikes li {
	clear: both;
	float: left;
	width: 581px;
	margin-bottom: 15px;
	padding-left: 283px;
}
#bikes li.alt {
	padding: 0 283px 0 0;
}
#bikes li p {
	margin: 0 0 6px 0;
}
#bikes li p.img {
	float: left;
	margin: 0 0 0 -283px;
	display: inline;
}
#bikes li.alt p.img {
	float: right;
	margin: 0 -283px 0 0;
}
#bikes li h2 {
	margin-bottom: 6px;
	font: normal 1.667em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.667=20 */
}
#bikes li p.price {
	margin-bottom: 0;
	color: #f00;
}
#bikes li.alt h2, #bikes li.alt p {
	text-align: right;
}

/* ----- Events List ----- */
/* ------------------------------------------------------------ */
#events-list dl {
	display: none;
}
.col-566 dl {
	float: left;
	width: 536px;
}
.col-566 dt {
	clear: left;
	float: left;
	width: 130px;
}
.col-566 dd {
	float: left;
	width: 386px;
	margin: 0 0 10px 20px;
	display: inline;
}
.col-566 .none dd {
	width: 536px;
	margin-left: 0;
}
.col-566 dd p {
	margin-bottom: 5px;
}
.col-566 dd p a {
	color: #666;
}
.col-566 dd p a:hover {
	color: #fff;
}

/* ----- Panels --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* ----- Panel 268 ----- */
/* ------------------------------------------------------------ */
.panel-268 {
	float: left;
	width: 268px;
	margin-left: 30px;
	display: inline;
}
.panel-268 p {
	width: 268px;
	background: #666;
}
.panel-268 p a {
	text-decoration: none;
}
.panel-268 p a:hover {
	color: #fff;
}
.panel-268 p a span {
	display: block;
	width: 238px;
	height: 19px;
	padding: 5px 15px 0 15px;
	font-weight: bold;
	text-decoration: none;
	text-indent: -1000em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.panel-268 p a span.motorbikes {
	background-image: url(../images/cta/h_motorbikes.gif);
}
.panel-268 p a span.columbus-club {
	background-image: url(../images/cta/h_columbus_club.gif);
}
.panel-268 p a span.tours {
	background-image: url(../images/cta/h_tours.gif);
}
.panel-268 p a span.prices-and-booking {
	background-image: url(../images/cta/h_prices_and_booking.gif);
}
/*
.panel-268 p a span {
	display: block;
	padding: 6px 15px 6px 15px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}
*/

/* ----- Panel 268 Column ----- */
/* ------------------------------------------------------------ */
.panel-268-col {
	float: left;
	width: 238px;
	margin-left: 30px;
	padding: 15px 15px 5px 15px;
	display: inline;
	background: #1d1d1d;
}
.panel-268-col h2 {
	width: 238px;
	margin: -15px -15px 15px -15px;
	padding: 6px 15px 5px 15px;
	background: url(../images/panels/title_tab.gif) 0 0 no-repeat;
	border-bottom: 1px solid #252525;
	font: normal 1.167em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.167=14 */
}
.panel-268-col ul li {
	margin-bottom: 10px;
}
.panel-268-col ul li a {
	color: #666;
}
.panel-268-col ul li a:hover {
	color: #fff;
}

/* ----- Panel 864 ----- */
/* ------------------------------------------------------------ */
.panel-864 {
	float: left;
	width: 834px;
	margin-bottom: 20px;
	padding: 15px 15px 5px 15px;
	display: inline;
	background: #1d1d1d;
}
.panel-864 h2 {
	width: 834px;
	margin: -15px -15px 15px -15px;
	padding: 6px 15px 5px 15px;
	background: url(../images/panels/title_tab_2.gif) 0 0 no-repeat;
	border-bottom: 1px solid #252525;
	font: normal 1.167em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.167=14 */
}
.panel-864 ul {
	margin-bottom: 0;
}
.panel-864 ul li {
	margin-bottom: 10px;
}
.panel-864 ul li a {
	color: #666;
	text-decoration: none;
}
.panel-864 ul li a:hover {
	color: #ff0;
}
.panel-864 ul li em {
	color: #666;
}

/* ----- Panel 268 Tabbed ----- */
/* ------------------------------------------------------------ */
.panel-268-tabbed {
	float: right;
	width: 268px;
}
.panel-268-tabbed ul.tabs, .panel-268-tabbed ul.tabs-terms {
	float: left;
	width: 270px;
	margin-left: -2px;
	display: inline;
}
.panel-268-tabbed ul.tabs li, .panel-268-tabbed ul.tabs-terms li {
	float: left;
	width: 88px;
	margin-left: 2px;
	display: inline;
}
.panel-268-tabbed ul.tabs li a, .panel-268-tabbed ul.tabs-terms li a {
	display: block;
	width: 88px;
	padding: 5px 0;
	background: url(../images/panels/nav_tab.png) -88px 0 no-repeat !important;
	background-image: url(../images/panels/nav_tab.gif);
	text-align: center;
	text-decoration: none;
	font: normal 1.167em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.167=14 */
	color: #8b8b8b;
}
.panel-268-tabbed ul.tabs li a:hover, .panel-268-tabbed ul.tabs li a.current, .panel-268-tabbed ul.tabs-terms li a:hover, .panel-268-tabbed ul.tabs-terms li a.current {
	background-position: 0 0 !important;
	color: #fff;
}
.panel-268-tabbed ul.tabs li a.current, .panel-268-tabbed ul.tabs-terms li a.current {
	color: #fff;
}
.panel-268-tabbed .tabbed-content {
	clear: both;
	float: left;
	width: 238px;
	padding: 15px 15px 5px 15px;
	background: transparent url(../images/tiles/tile_ffffff_06.png) 0 0 repeat !important;
	background: #1d1d1d;
}
.panel-268-tabbed .tabbed-content ul li {
	margin-bottom: 10px;
}
.panel-268-tabbed .tabbed-content ul li a {
	color: #ccc;
}
.panel-268-tabbed .tabbed-content ul li a:hover {
	color: #fff;
}

/* ----- Overlays ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#overlay {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 20;
	width: 100%;
}
#overlay #terms {
	width: 900px;
	margin: 0 auto;
}
#overlay #terms .frame {
	float: left;
	width: 844px;
	margin-bottom: 30px;
	padding: 20px;
	border: 8px solid #999;
	background: #0f0f0f;
	text-align: left;
}

/* ----- Calendar ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.calendar {
	margin-bottom: 15px;
}
.jcalendar-selects {
	margin-bottom: 10px;
	text-align: center;
}
.calendar table {
	width: 239px;
	margin: 0 0 10px -1px;
	border-top: 1px solid #313131;
	border-left: 1px solid #313131;
}
.calendar table th, .calendar table td {
	width: 33px;
	padding: 5px 0;
	border-right: 1px solid #313131;
	border-bottom: 1px solid #313131;
	text-align: center;
}
.calendar table th {
	font: normal 1.333em optima, "Lucida Grande", "Lucida Sans", arial, sans-serif; /* 12*1.333=16 */
	color: #fff;
}
.calendar table td {
	padding: 0;
	background: #222;
}
.calendar table td a {
	display: block;
	width: 33px;
	padding: 7px 0;
	background: #1d1d1d;
	text-decoration: none;
}
.calendar table td.today a {
	width: 31px;
	padding: 6px 0;
	border: 1px solid #f00;
}
.calendar table td a:hover {
	background: #999;
	color: #1d1d1d;
}
.calendar table td.today a:hover {
	border-color: #999;
}
.jcalendar-links {
	text-align: center;
}
.jcalendar-links .link-today {
	margin: 0 10px;
}

/* ----- Tables --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
table.contact td {
	padding-right: 20px;
	text-align: left;
}
table.gen {
	width: 532px;
	margin-bottom: 18px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}
table.gen th, table.gen td {
	height: 14px;
	padding: 6px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
table.gen td {
	text-align: center;
	font-weight: normal;
}
table.gen th.centre {
	text-align: center;
}
table.gen .magnesium th {
	width: 112px;
	background: url(../images/panels/table_magnesium.gif) 0 0 no-repeat;
}
table.gen .titanium th {
	width: 112px;
	background: url(../images/panels/table_titanium.gif) 0 0 no-repeat;
}
table.gen .carbon th {
	width: 112px;
	background: url(../images/panels/table_carbon.gif) 0 0 no-repeat;
}