/*table of contents

1. universal
2. menu
	- rollovers
3. content
    - links
4. footer

*/


/*----------------------universal----------------------*/
html, body, p #wrap {
	border: none;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}

body {
	background-color: #301301;
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:white;
}

#wrap {
	position: relative;
	width: 781px;
	margin: 0 auto;
	height: 722px;
	top: 3em;
	text-align: center;
}


/*----------------------menu----------------------*/
.menu{
	position: relative;
	width: 753px;
	height: 38px;
	background-color: #301301;
	left: 15px;
}

/*rollovers*/
img.bikes { 
	background-image: url(_images/btn-bikes.gif);
	background-repeat: no-repeat;
	background-color: #301301;
	width: 79px;
	height: 38px;
	border: 0;
}

a:hover img.bikes {
	background-image: url(_images/btn-bikesover.gif);
	background-color: #301301;
	border: 0;
	text-decoration:none;
}

img.parts { 
	background-image: url(_images/btn-parts.gif);
	background-repeat: no-repeat;
	background-color: #301301;
	width: 135px;
	height: 38px;
	border: 0;
}

a:hover img.parts {
	background-image: url(_images/btn-partsover.gif);
	background-color: #301301;
	border: 0;
	text-decoration:none;
}

img.profile { 
	background-image: url(_images/btn-profile.gif);
	background-repeat: no-repeat;
	background-color: #301301;
	width: 86px;
	height: 38px;
	border: 0;
}

a:hover img.profile {
	background-image: url(_images/btn-profileover.gif);
	background-color: #301301;
	border: 0;
	text-decoration:none;
}

img.exhibitions { 
	background-image: url(_images/btn-exhibitions.gif);
	background-repeat: no-repeat;
	background-color: #301301;
	width:218px;
	height: 38px;
	border: 0;
}

a:hover img.exhibitions {
	background-image: url(_images/btn-exhibitionsover.gif);
	background-color: #301301;
	border: 0;
	text-decoration:none;
}

img.media { 
	background-image: url(_images/btn-media.gif);
	background-repeat: no-repeat;
	background-color: #301301;
	width:132px;
	height: 38px;
	border: 0;
}

a:hover img.media {
	background-image: url(_images/btn-mediaover.gif);
	background-color: #301301;
	border: 0;
	text-decoration:none;
}

img.contact { 
	background-image: url(_images/btn-contact.gif);
	background-repeat: no-repeat;
	background-color: #301301;
	width: 103px;
	height: 38px;
	border: 0;
}

a:hover img.contact {
	background-image: url(_images/btn-contactover.gif);
	background-color: #301301;
	border: 0;
	text-decoration:none;
}

/*----------------------content----------------------*/
.header{
	background-image: url(_images/header.gif);
	background-repeat: no-repeat;
	width: 790px;
	height: 146px;
	border: 0;
}

.box{
	border-style: solid;
	border-color: #a07c63;
	border-width: 1px;
	width: 781px;
	height: 474px;
	float: left;
}

/*pages*/
.bikespg{
	text-align: left;
	height: 300px;
	width: 150px;
	line-height: 20px;
	margin: 8px 0 0 13px;
	color: #a07c63;
}

.partspg{
	text-align: left;
	height: 300px;
	width: 150px;
	line-height: 20px;
	margin: 8px 0 0 13px;
	color: #a07c63;
}

.profilepg{
	background-image: url(_images/profile.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 458px;
	width: 454px;
	margin: 8px;
	padding: 25px 85px 25px 290px;
	color: #301301;
	float: left;
}

.exhibpg{
	background-image: url(_images/exhibitions2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 458px;
	width: 765px;
	margin: 8px;
	padding: 25px 0 25px 150px;
	color: #301301;
}

.contactpg{
	background-image: url(_images/contact.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 458px;
	width: 765px;
	margin: 8px;
	padding: 190px 0 0 150px;
	color: #301301;
}


.bold{
	font-weight: bold;
	font-size: 15px;
}

.highlight{
	color:#301301;
	background-color: white;
}

/*bike gallery*/
div.entry {
	position: absolute;
	width: 600px;
	height: 100%;
	text-align: left;
	margin: 8px 0 0 8px;
	left: 170px;
}

p.thumb {
	float: left;
	margin: 0px;
	text-decoration:none;
	text-align:left;
}

p.thumb a:hover {
	text-decoration: none;
}

p.thumb a img {
	margin: 6px 6px 0 0; 
	float:left;
}

p.thumb a img.pic {
	height: 0; 
	width: 0; 
	border: 0;
	margin: 0;
}

p.thumb a:hover img.pic {
	position:absolute; 
	top:0px; 
	width:595px;
	height: 369px;
	left:0px;
	margin:0px;
}

/*links*/
a:link { 
	color:white;
	text-decoration: none;
}

a:visited { 
	color:white;
	text-decoration:none;
}

a:hover {
	color:#301301;
	background-color: white;
}


a:active { 
	color:white;
	text-decoration:underline;
}

div.menu, p.thumb a:hover {
	text-decoration: none;
	background-color: #301301;
}

a.dark:link { 
	color: #a07c63;
	text-decoration: none;
}

a.dark:visited { 
	color: #a07c63;
	text-decoration:none;
}

a.dark:hover {
	color:#301301;
	background-color: white;
}


a.dark:active { 
	color: #a07c63;
	text-decoration:underline;
}


/*----------------------footer----------------------*/

.footer {
	position: absolute;
	height: 60px;
	width:781px;
	bottom: 0; 
	text-align: center;
	margin-top: 15px;
	font-size: 13px;
}