/*  
Site Name: Just Riding Along Cycles
Description: Main theme and structure, created 2007
Version: 2.0
Author: Andrea Grefenstette
Author URL: http://www.herewegomedia.com

Table of Contents:
		Typography
		Links
		Structure
		Menu
		Two Column Table
*/

/* Typography */

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	color: #666666;
	margin-top: 10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
* html body {
	display:inline;
	font-size:small; /* for IE 5*/
	f\ont-size:medium; /* for all other IEs*/
	}

input, textarea, select, option {
	color: #6699CC;
	background: #fff;
	border: 1px solid #6699CC;
}

/* End Typography */

/* Links */


img {
	border:none;
}

a {
	font-size:90%;
	font-weight:bold;
	text-transform: uppercase;
	color: #3399FF;
	text-decoration: none;
	border:none;
}
a:hover {
	color:#333333;
	}
a.foot:link {
	color:#ccc;
	text-decoration: none;
	}

a.foot:hover {
	text-decoration: none;
	color:#666;
	}
a#sales {
	display:block;
	background:#ff0000;
	color:#000000;
	text-align:center;
	text-decoration:none;
	}
a:hover#sales {
	color:#ffffff;
	background:#000000;
	text-decoration:none;
	}

/* End Links */

/* Header */

.home {
	background:url(../images/headers/home.jpg) no-repeat top left;
	}
.bmx {
	background:url(../images/headers/bmx.jpg) no-repeat top left;
	}
.bikes {
	background:url(../images/headers/bikes.jpg) no-repeat top left;
	}
.parts {
	background:url(../images/headers/parts.jpg) no-repeat top left;
	}
.repairs {
	background:url(../images/headers/repairs.jpg) no-repeat top left;
	}
.shop-info {
	background:url(../images/headers/shop-info.jpg) no-repeat top left;
	}
.photos {
	background:url(../images/headers/photos.jpg) no-repeat top left;
	}
.contact {
	background:url(../images/headers/contact.jpg) no-repeat top left;
	}


/* Menu */

#outer {
	position:absolute;
	bottom:0;
	padding:2px 0; 
	margin-left:15px;
	background: url(../images/menu/blueFade.jpg) repeat-x bottom left; 
	width:705px;
	}

#point {
	display:table; 
	padding:0; 
	margin:0 auto; 
	list-style:none; 
	white-space:nowrap;}
	
#point li {
	display:table-cell; 
	margin:0; 
	padding:0;
	}
	
#point li a {
	float:left; 
	font-family:arial; 
	font-size:68%; 
	height:3.1em; 
	line-height:3.1em;  
	padding:0 1em; 
	text-decoration:none;  
	background:url(../images/menu/blueFade.jpg)repeat-x bottom left; 
	border-right:1px solid #6699cc; 
	border-left:1px solid #fff;
	color:#fff;
	}
	
#point li a:hover, #point li a.current {
	background: #3399ff url(../images/menu/arrowDOWN.gif) no-repeat center top;
	}
#point li a:hover b, #point li a.current b {
	display:block; 
	float:left; 
	background:transparent url(../images/menu/arrowUP.gif) no-repeat center bottom; 
	cursor:pointer} 
	
/** End Menu */ 


/* Structure */

#container {
	position:relative;
	width:703px;
	margin:0px auto;
	text-align:left;
	}

#header {	
	position:relative;
	width:731px;
	height:358px;
	}
#address {
	position:absolute;
	top:0;
	right:0;
	color:#FFFF00;
	font-size:11px;
	font-weight:bold;
	padding-top:25px;
	padding-right:25px;
	}
		
#content {
	display:inline;
	float:left;
	width:703px;
	padding:0px;
	padding-bottom:50px;
	border: 1px solid #999999;
	margin:0;
	margin-left:15px;
	}
	
#home-left {
	float:left;
	background:#e1e1e1;
	padding:10px;
	margin:10px 10px 10px 30px;
	width:300px;
	margin-right:30px;
	border-bottom: 1px dashed #333333;
	}
#home-left h1 {
	font-weight:bold;
	font-size:18px;
	color:#0099FF;
	background:#ffffff;
	margin-left:-10px;
	margin-top:-10px;
	margin-right:-10px;
	padding:10px 0 10px 10px;
	border-bottom:1px dashed #333333;
	}
#home-right {
	float:left;
	width:300px;
	margin-top:30px;
	}
#home-right h2 {
	font-size:18px;
	margin-bottom:5px;
	padding-bottom:0px;
	color:#ff0000;
	}
#logos {
	float:left;
	width:700px;
	margin-top:10px;
	margin-left:25px;
	padding-top:70px;
	background: url(../images/menu/CurrentDealerOf.gif) no-repeat top left;
	}
#footer {
	float:right;
	width:730px;
	font-size:11px;
	text-align:right;
	}
#footer p {
	margin: 20px 10px 20px 0;
	}
	
	
/*	Right Layout	*/

#layout-center {
	float:left;
	padding:0x;
	margin:30px;
	padding-bottom:30px;
	width:640px;
	font-size:12px;
	}

#layout-left {
	float:left;
	padding:0x;
	margin:30px;
	padding-bottom:30px;
	width:300px;
	font-size:12px;
	}
#layout-right h1, #layout-left h1, #layout-center h1 {
	font-weight:bold;
	font-size:18px;
	color:#0099FF;
	margin-top:-10px;
	background:#ffffff;
	padding:10px 0 10px 10px;
	border-bottom:1px dashed #333333;
	}
	
#layout-right {
	float:left;
	font-size:12px;
	width:300px;
	margin-top:30px;
	}
.faccyBG {
	background:#e1e1e1;
	font-size:14px;
	padding:20px;
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
	}
.faccyBG ul {
	margin:0 0 0 10px;
	padding:0;
	list-style:circle;
	}
#layout-center .faccyBG {
	background:#e1e1e1;
	font-size:14px;
	padding:10px;
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
	}
img.floatLeft	{
	margin-right:20px;
	width:200px;
	border:none;
	float:left;
	}
.fontRedSmall {
	font-size: 14px;
	color:#ff0000;
	}
.input-field {
	font-size:12px;
	padding:10px;
	}