/* Road and Tri Sports CSS */

/* blue background on page */
html {background: #88aadd; margin: 0; padding: 0;}
/* setting default margins and colors, note text and borders are darkest blue */
img {border: 0; padding: 0; margin: 0;}
div, h1, h3, h2, p {padding: 0; margin: 0; color: #003;}
a {color: #009;}

/* overall body style sets background image */
body {
	min-width: 640px;
	font:	12px/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0;
	background: url(bigbikeguy.gif) -10px 75px no-repeat;}

/* *** header area structure *** */
#header {
	overflow: hidden;
	display: inline-block;
	width: 100%;
	height: 120px;}

/* bike guy logo in top page header */
#bikeguy {
	position: relative;
	top: 5px;
	left: 30px;}

/* rt logo in top page header */
#rtlogo {
	position: absolute;
	top: 35px;
	left: 190px;}

/* header on king custom cycles page */
#kingrtslogo {position: absolute;
	top: 18px;
	left: 193px;}
#kinglogomasthead {position: absolute;
	top: 35px;
	left: 190px;}

/* *** top horizontal menu *** */
#menucontainer {background: url(menubkgd.gif) top left repeat-y;}
/* list of items in the top nav menu */
ul#menu {
	list-style: none;
	margin: 15px 0;
	padding: 0;}
ul#menu li {display: inline;}
ul#menu li span {vertical-align: top;}
ul#menu li a {
	text-decoration: none;
	color: #5599ff;}
ul#menu li a img {vertical-align: middle;}
/* style given to the current link so it shows up white */
a#currentmenulink span {color: #ffffff;}
/* positioning of menu items */
#homeitem {margin-left: 191px;}
#storeitem {margin-left: 35px;}
#newsitem {margin-left: 35px;}
#kingitem {margin-left: 35px;}

/* *** left column with directions and hours *** */
#leftcol{	
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 190px;
	padding: 20px 0 20px 0;}

/* map and address in margin */
#mapthumb {
	position: relative;
	left: 15px;}
#mapthumb img {border: 1px solid #003;}
/* small headings in left column */
#leftcol h3 {
	font-size: 13px;
	margin: 5px 0 0 0;
	position: relative;
	left: 15px;}
/* little bit of top margin on Hours heading */
#leftcol h3#hours {margin: 20px 0 0 0;}
#leftcol p {
	position: relative;
	left: 15px;
	margin: 0;}

/* *** center column content area *** */
#centercol{	
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 450px;
	padding: 20px 0 20px 0;}
/* main page title */
#centercol h1 {font-size: 18px;}
/* images in content area */
#centercol img {border: 1px solid #003;}
/* use the 'floatme' class to have text wrap around image */
#centercol img.floatme {float: left;
	margin: 0 7px 3px 0;}
/* note margins for center column elements */
#centercol p {margin: 5px 20px 5px 29px;}
#centercol p.topmargin {margin: 20px 20px 5px 29px;}
#centercol h2 {margin: 15px 0 5px 0;}
#centercol h2 a {font-size: 14px; text-decoration: none;}
/* use h3 in the center area for a bold text heading */
#centercol h3 {margin: 20px 20px 5px 29px;}
/* king logo image on home page */
#kinglogo img {border: 0; margin: 15px 0 0 29px;}
h2#kingheader {margin: 0px 0px 5px 0px;}
/* numbered lists on directions page */
#centercol ol li {margin-left: 20px;}

/* *** site contact form *** */
#contactForm {background: url(blue-grid.gif);
	border: 1px solid #003;
  padding: 10px;
	margin: 25px 20px 5px 29px;}
#contactForm div {margin: 5px 0 0 0; 
  position: relative;
  height: 30px;
  vertical-align: top;
  color: #000;}
#contactForm #emailcomments {height: 110px;}
#contactForm div label {#fff; font-weight: bold;}
#contactForm div input, #contactForm div textarea {position: absolute;
  left: 125px;
  top: 0px;
	border: 1px #003 solid;}
#contactForm #Engage {left: 125px;}
#contactForm #clear {left: 190px;}

/* *** right column racer images *** */
#rightcol{	
	overflow: hidden;
	display: inline-block;
	float: left;
	padding: 20px 0 20px 0;}
#rightcol img {border: #003 solid 1px;}

/* *** page footer area *** */
#footer{
	overflow: hidden;
	display: inline-block;
	width: 100%;
	clear: left;}

/* footer menu */
#footercontainer {background: url(menubkgd.gif) top left repeat-y;}
ul#footermenu {
	list-style: none;
	margin: 15px 0;
	padding: 0;}
ul#footermenu li {display: inline;}
ul#footermenu li span {vertical-align: top;}
ul#footermenu li a {
	text-decoration: none;
	color: #5599ff;}
ul#footermenu li a img {vertical-align: middle;}
a#currentmenulink span {color: #ffffff;}
#directionsitem {margin-left: 191px;}
#contactitem {margin-left: 35px;}
#xmlitem {margin-left: 35px;}