/* Global structure
---------------------------------------------------------------*/
body {
	margin: 0px 0px 0px 0px;
	font-size: 62.5%;
	background-image: url(../images/45s.gif);
}

#header, #shadow, #footer {
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
}


/* Header
---------------------------------------------------------------*/
#header {
	background-image: url(../images/header-bg.jpg);
	height: 120px;
	margin-top: 10px;
}

	#baum-logo {
		width:200px;
		height:40px;
		border: none;
		margin-left: 40px;
		margin-top: 48px;
		float: left;
	}
	
	#headbadge {
		width:38px;
		height:64px;
		border: none;
		margin-left: 680px;
		margin-top: 36px;
	}

#shadow {
	background-image: url(../images/drop-shadow.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

	#navbar {
		background-color: #48453C;
		/* 12px margins reveal the drop shadow beneath the edges of the box */
		margin-left: 12px;
		margin-right: 12px;
		height: 35px;
	}
		
	.featureImage {
		width: 645px;
		height: 557px;
		border: none;
	}
	
	#content {
		/* content box provides background image and shadow margins for the columns inside */
		background-color: #DEDCDB;
		background-image:url(../images/paper-bg.jpg);
		background-repeat: repeat-y;
		margin-left: 12px;
		margin-right: 12px;
		height: 100%;
		overflow: auto;
	}
	
		#content #colOne {
			/* left column */
			float: left;
			width: 644px;
			margin: 0 0 0 0;
			background-image: url(../images/paper-bg.jpg);
			background-repeat: repeat-y;
		}
		
		#content #colTwo {
			/* right column */
			width: 306px;
			float: left;
			margin: 0 0 0 0;
			padding: 0 14px 0px 15px;
		}



/* Navigation bar
---------------------------------------------------------------*/

#imgLinks {
	float: left;
}

#imgLinks a {
	display: block;
	float: left;
	height: 35px;
	overflow: hidden;
}

#imgLinks a:hover {
	display: block;
	float: left;
	text-indent: -133px;
}

#navRoadBikes {
	padding-left: 25px;
	width: 95px;
}

#navMountainBikes {
	margin-left: 3px;
/*	width: 133px;		(Reveals the slash at the end of the img for use when 'full custom' is added)	*/
	width: 125px;
}

#imgLinks a img {
	width: 266px;
	height: 35px;
	border: none;
}

	/* Inactive nav element styles, for when image links are inactive on their own pages */
	#imgLinks div#navMountainBikes {
		width: 95px;
		overflow: hidden;
		float: left;
		text-indent: -158px;
		padding-left: 25px;
	}
	
	#imgLinks div#navRoadBikes {
		width: 95px;
		overflow: hidden;
		float: left;
		text-indent: -133px;
		padding-left: 25px;
	}

#textLinks {
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 1em;
	text-indent: 0px;
	margin-left: 645px;
	padding-top: 9px;
}

#textLinks a {
	color: #DBDAD9;
	font-style: normal;
	text-decoration: none;
}

#textLinks a:hover, #textLinks .activeSection {
	color: #EDB3E7;
	font-style: normal;
	text-decoration: none;
	text-indent: 0px;
}

#textLinks .seperator {
	width:5px;
	height:6px;
	border:none;
}

#textLinks .activeSection {
	font-weight: bold;
}



/* General text formatting
---------------------------------------------------------------*/
#imgTitle {
	display: block;
	padding-bottom: 1.5em;
}

h1 {
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #49473F;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
}

p, li, td {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #49473F;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
}



/* contentBlock class applies to DIVs that hold bodytext
---------------------------------------------------------------*/
.contentBlock {
	margin-left: 15px;
	margin-right: 15px;
}

.contentBlock a {
	color: #187AC9;
	text-decoration: none;
}

.contentBlock a:hover {
	border-bottom: 1px dotted #187AC9;
}

.contentBlock {
	font-weight: normal;
}

.contentBlock p {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
}

.contentBlock ul {
	padding-right: 40px;
	margin-left: 10px;
	padding-left: 10px;
	list-style: outside;
	list-style-image: url(../images/bullet-light.gif);
}

	.contentBlock li {
		margin-bottom: 0.33em;
		margin-left: 0px;
		padding-left: 0px;
	}
	
	.contentBlock li strong {
		color: #000;
		font-weight: normal;
	}

.contentBlock a {
	text-decoration: none;
}

.contentBlock a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #C7D7E4;
}

.contentBlock a:active {
	text-decoration: none;
}

.contentBlock a:visited {
	text-decoration: none;
}

.nestedBody {
	margin-top: 25px;
	margin-left: 25px;
	width: 60%;
}



/* Footer
---------------------------------------------------------------*/
#footer {
	clear: both;
	background-image: url(../images/footer.gif);
	height: 32px;
}

	#footer p {
		font-family: Tahoma, Geneva, Helvetica, sans-serif;
		font-size: 0.75em;
		padding-top: 3px;
		margin: 0px 0px 0px 0px;
		text-transform: uppercase;
		color: #9F9F9F;
		text-align: center;
	}


/* Clearfix
---------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */