.clearer {
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
}	
.ipod-offer {
	margin: 5px;
	padding: 10px;
	border: 3px solid #D9E3EB;
	background: white;
	}
.ipad-offer {
	margin: 5px;
	padding: 10px;
	border: 3px solid #D9E3EB;
	background: white;
	}
	
body  {
	margin: 0;
  padding: 0;
	background-image: url('assets/bg.gif');
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  }
a:link { color: #0f467b; }
a:visited { color: #0f467b; }
a:hover { color: #000; }
a:active { color: #0f467b; }
div#wrapper {
	width: 678px;
  background-color: white;
  margin: 0 auto;
  text-align: left;
	border-left: 2px solid #D9E3EB;
	border-right: 2px solid #D9E3EB;
	background-color: #EFF7FF;
  }
#google-ad1 {position: relative; float: right;z-index: 10; margin-top: 18px; margin-right: 60px; display: inline;}
/*site header*/
h1#logo {
	background: #0F89D5 url(assets/logo.gif) no-repeat;
	height: 48px;
	text-indent: -100em;
	overflow: hidden;
	margin: 0;
	}
div#top1 	{ background: url(assets/flash.jpg) repeat; }
div#top2 { background: url(assets/rider.jpg) no-repeat; height: 93px; }
div#top21 { background: url('assets/clothing.jpg') top right no-repeat; }
#tagline {
	font-weight: bold;
	color: white;
	padding: 70px 0 0 200px;
	margin: 0;
	}
div#top21 img {display: block;}
div#main {padding: 10px 5px 10px 15px;}
div#guide {float: left; position: relative; width: 430px;}
div#guide h1 {
  font-size: 18px;
  font-weight: normal;
  color: #0e87d5;
  margin: 1em 0 0.2em 0;
  }
div#guide ul,
div#guide ol {font-size: 12px;}
	
div#guide h2  {
  font-size: 13px;
  font-weight: bold;
  color: #0f467b;
  margin: 0.5em 0;
  }
div#guide p {
	font-size: 12px;
  color: #333;
  margin: 0 0 1em 0;
  }
div#content {float: right; position: relative; margin-left: 20px; width: 175px;}
div#content h1 {
	font-size: 16px;
  color: #0f467b;
  margin: 0.5em 0;
  }
div#content h2  {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  margin: 0.5em 0;
  }  
div#content p {
	font-size: 12px;
  color: #333;
  margin: 0 0 1em 0;
  }
div#copy {
  font-size: 11px;
  color: #777;
  text-align: left;
  margin: 10px;
  border-top: 1px solid #333;
  margin: 5px;
  clear: both;
}
div#partners {font-size: 10px; margin-top: 0.5em; display: inline;}
div#partners a {text-decoration: none;}
div#partners a:link, div#partners a:hover  {color: #777;}

  
/* navigation */
#navcontainer {}
#navcontainer ul {font-weight: bold;font-size: 11px;list-style: none; margin: 0; padding: 0; list-style-type: none;  border: 1px solid #ADC2D7; }
#navcontainer li {margin: 0; padding: 0; }
#navcontainer li.li-head  {padding: 5px; background-color: #ADC2D7; text-transform: uppercase}
#navcontainer li a {
	text-transform: normal;
	display: block;
	padding: 4px 0 4px 6px;
	background-color: #fff;
  margin: 0;
	border-bottom: 1px dotted #D9E3EB;
	}
/* \*/
* html #navcontainer a {
    height: 1px;
    }
/*  */


/* Hide this from IE-Mac \*/
/*
* html #navcontainer li {
    height: 1px;
    }
*/		
/* End the hiding */ 	
#navcontainer li  a#current	{background-color: orange;}

#navcontainer a:link 		{color: #000;}
#navcontainer a:visited {color: #000;}
#navcontainer a:active 	{color: #000;}
#navcontainer a:hover 	{color: #333;background-color: #D9E3EB;}

/* author link */
.art-auth {font-size: 11px; color: #999;}

/* Images */
.art-ill {float: left; position: relative; margin: 0 20px 10px 0;}