/* CSS Document */

/* 	DEEP PURPLE: #4A0A4A
	GOLD: #FCAA05
*/

	* {
		margin: 0;
		padding: 0;
		border: 0;
	}

	body { 
		width: 990px;
		margin: 0 auto 0 auto;
		text-align:center;
		background-color:#000;
		font: 9pt verdana, Arial, Helvetica, sans-serif;
		color:#FFF
	}

	#comp {
		width: 770px
	}
	
	#header {
		width: 990px;
		height: 104px;
		background: url(/davessouthernrides/images/header.gif) no-repeat top center
	}
	
		#flag-left {
			top: 10px;
			float: left;
			left: 0
		}
		
		#flag-right {
			top: 10px;
			float: right;
		}
	
	#content {
		width: 988px;
		*width: 990px;
		text-align:center
	}
	
	#bottom {
		clear: both;
		width: 988px;
		*width: 990px;
		float: left;	
		border: solid 1px #F00	
	}
	
	#breadcrumb {
		text-align: left;
		margin: 3px 0 15px 20px;
		font-size: 8pt;
		color: #FFF
	}
	
	#left {
		width: 180px;
		float: left
	}
	
		#navigation {
			width: 160px;
			text-align: left;
			padding-top: 20px
		}

		#navigation ul {
			list-style: none;
			margin-left: 5px
		}
		
		#navigation li {
			list-style: none
		}
		
		#nav1 a, #nav2 a, #nav3 a, #nav4 a, 
		#nav5 a, #nav6 a,  #nav7 a, #nav8 a,
		#nav9 a, #nav10 a, #nav11 a, #nav12 a, #nav13 a {
			width: 160px;
			height: 20px;
			display: block;
			padding: 2px 0 2px 10px;
			background: url(/davessouthernrides/images/bg_nav.gif) no-repeat top left
		}
		
		a.nav {
			font: bold 8pt Arial, Helvetica, sans-serif
		}
		
		a.nav:link, a.nav:visited  {
			color: #CC0000;
			text-decoration: none
		}
		
		a.nav:hover, a.nav:active  {
			color: #FF0000;
			text-decoration: none
		}
			
	#flash {
		width: 610px;
		min-height: 470px;
		*height: 450px;
		float: left;
		padding: 20px 0 0 0;
		*padding: 20px 0 20px 0;
		border-left: solid 1px #F00;
		border-right: solid 1px #F00;
	}

	#right-stuff {
		width: 190px;
		/*height: 450px;*/
		float: left;
		padding-top: 20px;
		text-align: center;
	}
		#right {
			width: 190px;
		}
		
		#feature {
			width: 180px;
			text-align:center
		}
		
		#motorguy {
			width: 180px;
			margin-top: 130px;
			*margin-top: 100px;
			*padding-bottom: 20px;
			text-align:center;
			vertical-align: baseline
		}
		
	#inner {
		width: 800px;
		min-height: 350px;
		float: left;
		padding: 20px 0 0 0;
		border-left: solid 1px #F00;
	}	
	
	#hold-center {
		width: 610px;
		float: left
	}
	
	#ic {
		clear:both;
		min-height:450px;
		_height:450px;
		padding: 20px 0;
		border-left: solid 1px #F00;
		border-right: solid 1px #F00
	}	
				
	#inner-center {
		width: 610px;
		min-height:450px;
		_height:450px;
		float: left;
		padding: 20px 0 20px 0;
		border-left: solid 1px #F00;
		border-right: solid 1px #F00;
	}	
	
	#contact {
		width:400px;
		*width: 500px;
		border: none;
		padding: 0 0 0 0;
		font: normal 8pt Verdana, Arial, Helvetica, sans-serif; 
		color: #fff; 
		border: solid 1px #ccc; 
		background: url(/davessouthernrides/images/bg-contact.jpg) repeat top left
	}
	
	.thumb {
		width: 160px;
		*width: 160px;
		height: 120px;
		color: #870304;
		font-size: 8pt;
		text-align: center;
		padding: 10px 10px 10px 10px;
		border: solid 1px #402F2F
	}
	
	.thumbcopy {
		width: 160px;
		font-size: 7pt;
		text-align: center;
		margin-bottom: 20px;
	}
	
	#prodshot {
		width: 450px;
		float: left;
		text-align: center
	}
	
	#prodimg {
		width: 400px;
		text-align: center;
		margin-left: 10px;
		padding: 10px 10px 10px 10px;
		border: solid 1px #333
	}
	
	#prodcopy {
		width: 260px;
		float: left;
		padding: 10px 10px 10px 10px;
		text-align: justify
	}
	
	#links {
		clear: both;
		width: 610px;
		padding: 30px 10px 10px 10px
	}
	
	#links-img {
		width: 210px;
		padding: 0 10px 0 10px;		
		float: left;
		vertical-align: text-top
	}
	
	#links-copy {
		width: 350px;
		float: left
	}
	
	a.links-title:link, a.links-title:visited {
		font: bold 11pt Verdana, Arial, Tahoma, Helvetica, sans-serif;
		color: #C00;
		letter-spacing: normal
	}

	a.links-title:hover, a.links-title:active {
		font: bold 11pt Verdana, Arial, Tahoma, Helvetica, sans-serif;
		color: #F00;
		text-decoration: underline;
		letter-spacing: normal
	}
	
	.titles {
		font: bold 12pt Arial, Tahoma, Verdana, Helvetica, sans-serif;
		color: #FAC802;
		letter-spacing: 0.2em
	}
	
	#footer {
		clear:both;
		width:990px;
		text-align:left;
		font: 7pt verdana, Arial, Helvetica, sans-serif;
		sborder-top: 1px solid #2D397D;
		color: #F00;
		letter-spacing: normal;
		letter-spacing: 0.3em
	}

	a.footer:link, a.footer:visited {
		color: #FFF;
		text-decoration: underline
	}
	
	a.footer:hover, a.footer:active {
		color: #FC0;
		text-decoration: none
	}
	
	.sm {font-size: x-small; font-weight: normal}
	.xsm {font-size: xx-small}
	
	.note {
		font-size: 8pt;
		color: #900;
		font-weight: bold
	}
	
	.astrx {
		font-size: medium;
		color: #C00;
		font-weight: bolder
	}
	
	.input {
		height: 18px;
		background-color:#ccc;
		color:#333;
		border: solid 2px #333;
		margin: 3px 0 3px 0;
		padding: 1px 2px 1px 2px;
		font: x-small tahoma, arial, verdana, sans-serif
	}

	.select {
		background-color:#CCC;
		color:#333;
		border: solid 2px #333;
		margin: 3px 0 3px 0;
		padding: 1px 2px 1px 2px;
		font: x-small tahoma, arial, verdana, sans-serif
	}

	.msg {
		background-color:#CCC;
		color:#33;
		border: solid 2px #333;
		margin: 3px 0 3px 0;
		padding: 1px 2px 1px 2px;
		font: x-small tahoma, arial, verdana, sans-serif;
		overflow: auto
	}
	
	a:link, a:visited {
		color: #C00;
		text-decoration:none
	}
	
	a:hover, a:active {
		color:#F00;
		text-decoration:underline		
	}


	/* accordion style nav from mootools (http://mootools.net/)  */
	#accordion {
		margin:30px auto 0 auto;
		text-align:left
	}
	
	.toggler {
		width:300px;
		height:20px;
		display:block;
		padding-left:30px;
		color:#c00;
		font-weight:bold;
		text-align:left;
		font-size:1.2em;
		letter-spacing:-.005em;
		cursor:pointer
	}
	 
	.element {
		padding:5px 50px;
		text-align:left
	}

	/* end  mooTools */