/*-----------------------------------------------------------------------------
Fat Free Design Style Sheet

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2008
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Site Wide Rules
----------------------------------------------------------------------------- */
* {
  	margin: 0;
	padding: 0;}

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background: #000 url(../images/background_dot.gif) repeat 0 0;
	color: #00ff00;
	text-align: center; /* for IE + auto margins */
	font-size: 68.75%;
	line-height: 1.7em;}
	
.worldmap {
	background: #000 url(../images/bg_worldmap.gif) no-repeat top center;
	width: 630px;
	height: 419px;}
	
a img {
	text-decoration: none;
	border: none;
	border: 0;}
	
#col_L #main_nav .on a, #climb #sub_nav .on a, #climber #sub_nav .on a, #climbingUSA #sub_nav .on a, #friction #sub_nav .on a, #mensfitness #sub_nav .on a, #ote #sub_nav .on a, #summit #sub_nav .on a, #urban #sub_nav .on a {
	color: #00ff00;
	cursor: default;}

/* =Container
----------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 824px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: transparent;}
	
html, body {
    height: 100%;}
    
/* =Logo
----------------------------------------------------------------------------- */
#logo {
	float: left;
	display: block;
	height: 50px;
	width: 824px;
	margin: 20px 0 0 0;}
	
#logo p {
	text-indent: -5000px;}
	
#logo img.none, #col_R img.none {
	border: 0;
	text-decoration: none;}
	
/* =LEFT COLUMN
----------------------------------------------------------------------------- */
#col_L {
	float: left;
	width: 144px;
	margin: 20px 0 20px 0;
	padding: 0;
	background: transparent;}
    

/* =MAIN NAV left column
---------------------------------------------------------------------------------------------------- */
#main_nav {
	width: 144px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #000;}

#main_nav ul {
	list-style-type: none;
	padding: 10px;}
	
#main_nav li a:link, #main_nav li a:visited {
	color: #fff;
	text-decoration: none;}
	
#main_nav li a:hover {
	color: #00ff00;}
	
#main_nav li {
	padding-bottom: 5px;}
	
#col_L #main_nav .off a {
	color: #444;
	cursor: default;}
	
	
/* =SUB NAV left column
---------------------------------------------------------------------------------------------------- */
#sub_nav {
	width: 144px;
	margin: 20px 0 20px 0;
	padding: 0;
	background: #000;}
	
#sub_nav ul {
	list-style-type: none;
	padding: 10px;}
	
#sub_nav li a:link, #sub_nav li a:visited {
	color: #fff;
	text-decoration: none;}
	
#sub_nav li a:hover {
	color: #00ff00;}
	
#sub_nav li {
	padding-bottom: 5px;}
	
#sub_nav h1 {
	font-weight: normal;
	color: #00ff00;
	font-size: 1.4em;
	padding: 10px 0 10px 0;}

	
/* =Sub Content right column
---------------------------------------------------------------------------------------------------- */
#col_R {
	float: right;
	position: relative;
	width: 630px;
	margin: 20px 0 40px 0;
	padding: 0;
	background-color: #000;}
	
#col_R h1 {
	font-weight: normal;
	color: #00ff00;
	font-size: 1.6em;
	padding: 10px 0 10px 0;}

#col_R p {
	text-align: left;
	padding: 5px 0;
	font-size: 1em;
	color: #ccc;}
	
#col_R img {
	border: 1px solid #fff;
	margin-bottom: 20px;}
	
#col_R img.imgR {
	margin-left: 20px;
	border: 0;
	text-decoration: none;}
	
#col_R ul {
	padding: 20px 10px;
	font-size: 1.1em;
	list-style: none;
	color: #666;}

#col_R li {
	padding-bottom: 8px;}
		
#col_R a:link, #col_R a:visited {
	text-decoration: none;
	color: #666;
	border-bottom: 1px dotted #666;
	padding-bottom: 1px;}
	
#col_R a:hover {
	color: #fff;
	background-color: #333;}
	
#col_R a:link img, #col_R a:hover img {
	border: 0;
	text-decoration: none;}
	
#col_R a.no_decoration {
	border: 0;}
	
#col_R a:hover.no_decoration { /* this decleration eliminates the link state from the image - see sponsors */
	background-color: #000;}
	
#col_R a.slideshowThumbnail { /* this decleration eliminates the link state from the SLIDESHOW images - see climbing */
	border: 0;}
	
#col_R p.credit {
	margin: 20px 10px 0 0;
	text-align: right;
	color: #444;}


#col_R  img.pin_belgium {
	border: none;
	position: absolute;
	left: 300px;
	top: 110px;}
	
#col_R  img.pin_canada {
	border: none;
	position: absolute;
	left: 80px;
	top: 80px;}
	
#col_R  img.pin_france {
	border: none;
	position: absolute;
	left: 290px;
	top: 130px;}
	
#col_R  img.pin_greece {
	border: none;
	position: absolute;
	left: 330px;
	top: 160px;}
	
#col_R  img.pin_italy {
	border: none;
	position: absolute;
	left: 310px;
	top: 155px;}
	
#col_R  img.pin_japan {
	border: none;
	position: absolute;
	left: 540px;
	top: 150px;}
	
#col_R  img.pin_morocco {
	border: none;
	position: absolute;
	left: 260px;
	top: 170px;}
	
#col_R  img.pin_spain {
	border: none;
	position: absolute;
	left: 270px;
	top: 145px;}
	
#col_R  img.pin_switzerland {
	border: none;
	position: absolute;
	left: 310px;
	top: 135px;}
	
#col_R  img.pin_thai {
	border: none;
	position: absolute;
	left: 480px;
	top: 200px;}
	
#col_R  img.pin_uk {
	border: none;
	position: absolute;
	left: 280px;
	top: 100px;}
	
#col_R  img.pin_usa {
	border: none;
	position: absolute;
	left: 70px;
	top: 140px;}
	
	

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 824px;
	padding: 10px;
	background-color: #000;
	font-size: 0.9em;
	color: #444;
	line-height: 1.5em;
	text-align: center;}
	
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #666;}
	
#footer a:hover {
	color: #fff;
	background-color: #333;}
	
#footer img { /* for centre aligning the fatfree logo */
	vertical-align: text-bottom;
	padding-left: 3px;}
	
	
/**************************************************************

SlideShow v 1.3

**************************************************************/

.slideshowContainer {
	border: 1px solid #fff;
	width: 480px;
	height: 320px;
	margin-bottom: 5px;}

.loading {
	background: url(images/loading.gif) center no-repeat;}

.slideshowThumbnail {
	outline: none;}

.slideshowThumbnail img {
	border: 1px solid #fff;}
	
.current img {
	padding: 5px;}

.outline {
	border: 1px solid #00ff00;
	z-index: 0;
	position: absolute;}

#thumbnails {
	/*width: 130px;
	float: left;*/}
	
#thumbnails img {
	margin: 5px 5px 0 0;}

#thumbnails a:link, #thumbnails a:visited {
	color: #fff;
	text-decoration: none;}
	
#thumbnails a:hover {
	color: #00ff00;
	background-color: #000;}