/* -------- TEXT -----------*/
a:link {text-decoration:none; color:#252525;}
a:visited {text-decoration:none; color:#252525;  }
a:hover {text-decoration:none; color:#999999; }
a:active {text-decoration:none; color:#F8F8F8; }

.alt a:link {text-decoration:none; color:#252525;}
.alt a:visited {text-decoration:none; color:#252525;  }
.alt a:hover {text-decoration:none; color:#999999; }
.alt a:active {text-decoration:none; color:#F8F8F8; }

a:link img {text-decoration:none; border:none; }
a:visited img {text-decoration:none; border:none; }
a:hover img {background:none;  border:none;}
a:active img {text-decoration:none; border:none; }


h1
	{
	font-family: Helvetica, san-serif;
	font-size: 68px;
	font-weight:700;
	color:#4a4a4a;
	margin-top:18px;
	margin-bottom:6px;
	line-height:22px;
	text-indent:-99999px;
	}
	
h2
	{
	font-family: Helvetica, san-serif;
	font-size: 19px;
	font-weight:100;
	text-indent:-99999px;
	color:#4a4a4a;
	margin-top:34px;
	margin-bottom:6px;
	line-height:22px;
	}
	
p
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:300;
	text-indent: 0px;
	color:#252525;
	margin-top:2px;
	margin-bottom:6px;
	line-height:22px;
	}
	
li
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:300;
	text-indent: 0px;
	color:#333;
	margin-top:2px;
	margin-bottom:6px;
	line-height:11px;
	list-style-type: none
	}

.about
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:400;
	text-indent: 0px;
	color:#333;
	margin-top:2px;
	margin-bottom:6px;
	line-height:22px;
	}
	
	
.about + .about
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:400;
	text-indent:8px;
	color:#333;
	margin-top:-4px;
	margin-bottom:6px;
	line-height:22px;
	}
	
.about + strong
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:700;
	text-indent: 0px;
	color:#333;
	margin-bottom:6px;
	line-height:15px;
	}
	
.p-grey
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:300;
	text-indent: 0px;
	color:#333;
	margin-top:2px;
	margin-bottom:6px;
	line-height:22px;
	}
	
strong
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:700;
	text-indent: 0px;
	color:#333;
	margin-top:6px;
	margin-bottom:6px;
	line-height:11px;
	}

	
bold
	{
	font-family: Helvetica, san-serif;
	font-size: 12px;
	font-weight:700;
	text-indent: 0px;
	color:#333;
	margin-top:2px;
	margin-bottom:6px;
	line-height:22px;
	}


/* --------LAYOUT -----------*/

body
	{
	background-image:url(../includes/images/texture.png);
	background-repeat:none;
	background-color:#252525;
	}
		
#base
	{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:1044px; 
	height:600px;
	background-color:#fff;
	}

#wrapper
	{
	background-image:url(../includes/images/texture_fade.png);
	background-repeat:no-repeat;
	width:1044px;
	height:710px;
	padding-left:20px;
	background-color:#fff;
	border:2px solid #f8f8f8;
	}
	
#wrapper_alt
	{
	background-image:url(../includes/images/texture_fade.png);
	background-repeat:no-repeat;
	width:1044px;
	height:670px;
	background-color:#fff;
	padding-left:20px;
	border:2px solid #f8f8f8;
	}
	
#wrapper_gallery
	{
	background-image:url(../includes/images/texture_fade_gallery.png);
	background-repeat:no-repeat;
	width:1044px;
	height:670px;
	padding-left:20px;
	background-color:#fff;
	border:2px solid #f8f8f8;
	}
	
#header
	{
	width:1024px;
	height:120px;
	background-image:url(../includes/images/header_bkg.png);
	margin-left:6px;
	margin-top:24px;
	padding-top:24px;
	background-repeat:no-repeat;
	}
	
#header_home
	{
	width:1024px;
	height:118px;
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:32px;
	}
	
#nav_holder
	{
	width:1024px;
	height:30px;
	padding-bottom:20px;
	}
	
#nav_sub_holder
	{
	width:1024px;
	height:40px;
	margin-top:-20px;
	padding-bottom:20px;
	}
	
#main_image_picture
	{
	float:left;
	width:1024px;
	height:462px;
	background-image:url(../includes/images/main_image_pictures.jpg);
	}
	
#first-column
	{
	float:left;
	width:162px;
	height:412px;
	padding:10px;
	}
	
#about-column
	{
	float:left;
	width:319px;
	height:412px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	}
	
#about-column-two
	{
	float:left;
	width:160px;
	height:404px;
	margin-top:10px;
	margin-left:5px;
	padding-right:10px;
	padding-top:8px;
	border-right: 1px solid #333;
	}
	
#second-column
	{
	float:left;
	width:160px;
	height:412px;
	padding-left:10px;
	padding-top:10px;
	}
	
#third-column
	{
	float:left;
	width:160px;
	height:412px;
	padding:10px;
	}
	
#link-column
	{
	float:left;
	width:150px;
	height:412px;
	margin-left:510px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	}

#fourth-column
	{
	float:left;
	width:160px;
	height:412px;
	padding:10px;
	}
	
#contact-column
	{
	float:right;
	width:165px;
	height:402px;
	margin-left:5px;
	margin-top:10px;
	padding-top:10px;
	padding-left:7px;
	padding-right:18px;
	border-left: 1px solid #333;
	}
	
#contact_details
	{
	float:left;
	margin-top:10px;
	padding-bottom:6px;
	width:1024px;
	height:20px;
	border-top: 1px solid #252525;
	border-bottom: 1px solid #252525;
	}
	
#contact_details_alt
	{
	float:left;
	margin-top:45px;
	padding-left:10px;
	padding-bottom:6px;
	width:1012px;
	height:20px;
	border-top: 1px solid #252525;
	border-bottom: 1px solid #252525;
	}
	

#gallery_thumbs
	{
	float: left;
	width:290px; 
	height: 400px;
	margin-left:168px;
	margin-top:0px;
	list-style:none;
	}
	
img.floatLeft { 
	float: left;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:10px;
	}
	
html{ font-size:100%; }

/* --------gallery selection -----------*/

#gallery_road
	{
	float: left;
	width:254px; 
	height: 430px;
	margin-left:0px;
	margin-top:0px;
	border: 1px solid #999;
	list-style:none;
	}

#gallery_mountain
	{
	float: left;
	width:254px; 
	height: 430px;
	margin-left:0px;
	margin-top:0px;
	border: 1px solid #999;
	list-style:none;
	}
	
#gallery_people
	{
	float: left;
	width:254px; 
	height: 430px;
	margin-left:0px;
	margin-top:0px;
	border: 1px solid #999;
	list-style:none;
	}
	
#gallery_other
	{
	float: left;
	width:254px; 
	height: 430px;
	margin-left:0px;
	margin-top:0px;
	border: 1px solid #999;
	list-style:none;
	}

	
/* -------MAIN-NAV -----------*/	
a#about {
    float: left;
    width: 170px;
    height: 30px;
    background-image: url(../includes/images/nav/about.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#about:hover {
    background-position: 0 -30px;
    border-style: none;
}

a .alt { display: none; }

a#gallery {
   	float: left;
    width: 170px;
    height: 30px;
    background-image: url(../includes/images/nav/gallery.png);
    background-repeat:no-repeat;
    background-position: 0 0;
  	}
	
a#gallery:hover {
    background-position: 0 -30px;
	}
	
a .alt { display: none; }

a#links {
  	float: left;
    width: 170px;
    height: 30px;
    background-image: url(../includes/images/nav/links.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#links:hover {
    background-position: 0 -30px;
	}
	
a .alt { display: none; }

a#contact {
  	float: left;
    width: 172px;
    height: 30px;
    background-image: url(../includes/images/nav/contact.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#contact:hover {
    background-position: 0 -30px;
	}
	
a .alt { display: none; }

a#tearsheets {
  	float: left;
    width: 170px;
    height: 30px;
    background-image: url(../includes/images/nav/tearsheets.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#tearsheets:hover {
    background-position: 0 -30px;
	}
	
a .alt { display: none; }

a#blog {
  	float: left;
    width: 172px;
    height: 30px;
    background-image: url(../includes/images/nav/blog.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#blog:hover {
    background-position: 0 -30px;
	}
	
a .alt { display: none; }



/* --------CURRENT NAV -----------*/	

a#current-about {
	float: left;
    width: 170px;
    height: 30px;
	background-image: url(../includes/images/nav/current_about.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
	}
	
a#current-gallery {
	float: left;
    width: 170px;
    height: 30px;
	background-image: url(../includes/images/nav/current_gallery.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
	}
	
a#current-links{
	float: left;
    width: 170px;
    height: 30px;
	background-image: url(../includes/images/nav/current_links.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
	}
	
a#current-contact {
	float: left;
    width: 170px;
    height: 30px;
	background-image: url(../includes/images/nav/current_contact.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
	}

a#current-tearsheets {
	float: left;
    width: 170px;
    height: 30px;
	background-image: url(../includes/images/nav/current_tearsheet.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
	}

/* --------GALLERY NAV -----------*/	


	
a#bike {
    float: left;
    width: 254px;
    height: 430px;
    background-image: url(../includes/images/mountain_bike.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#bike:hover {
    background-position: -254px;
    border-style: none;
}

a .bike { display: none; }

a#road {
    float: left;
    width: 254px;
    height: 430px;
    background-image: url(../includes/images/road_bike.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#road:hover {
    background-position: -254px;
    border-style: none;
}

a .road { display: none; }

a#people {
    float: left;
    width: 254px;
    height: 430px;
    background-image: url(../includes/images/people.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#people:hover {
    background-position: -254px;
    border-style: none;
}

a .people { display: none; }

a#other {
    float: left;
    width: 254px;
    height: 430px;
    background-image: url(../includes/images/other.jpg);
    background-repeat:no-repeat;
    background-position: 0 0;
    }
	
a#other:hover {
    background-position: -254px;
    border-style: none;
}

a .other { display: none; }