body,td,th { font-family: Helvetica, Arial,  Verdana, sans-serif; font-size:.9em; color:#CCCCCC; }
body { background:#000 url(../images/main-bgnd.jpg) no-repeat top center; margin:0px; padding:0px; }
h1, h2, h3 { color:#FFFFFF; }
h1, h2, h3, p { margin-top:0px; margin-bottom:0px; padding-bottom:15px; line-height: 1.3;}

a { font-weight: bold; outline: none; }
a:link { color:#ffb400; }
a:visited { color:#ffb400; }
a:hover { color:#d29a6f; }
a:active { color:#d29a6f; }

#mainContainer { width:737px; margin:0px auto; }

#mainHeader { width:737px; height:247px; background:url(../images/header-bgnd.jpg); margin-top:75px; position:relative; }
#mainHeader h1 {  width:384px; height:79px; margin:0px; padding:0px; text-indent:-9999px; position:absolute; right:-30px; top:-60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/rain-riders-logo.png",sizingMethod="scale"); }
html>body #mainHeader h1 { background:url(../images/rain-riders-logo.png); }
#mainHeader p#headerSlogan { width:370px; height:94px; text-indent:-9999px; position:absolute; left:10px; top:-65px; margin:0px; padding:0px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/we-ride-dry.png",sizingMethod="scale"); }
html>body #mainHeader p#headerSlogan { background:url(../images/we-ride-dry.png); }

#mainHeader #featureSection { position:relative; z-index:100; }
#mainHeader #featureSection ul { position:absolute; top:60px; left:40px; margin:0px; padding:0px; list-style:none; }
#mainHeader #featureSection ul li { margin-bottom:2px; }
#mainHeader #featureSection ul li a { color:#fff; text-decoration:none; font-weight:normal; font-size:20px; 
	font-family:"Franklin Gothic Heavy", Arial, Helvetica, sans-serif; }
#mainHeader #featureSection ul li a:hover { color:#ffb400; }
#mainHeader #featureSection ul li a#fmSee { margin-left:0px; }
#mainHeader #featureSection ul li a#fmWhat { margin-left:10px; }
#mainHeader #featureSection ul li a#fmHow { margin-left:20px; }
#mainHeader #featureSection ul li a#fmOrder { margin-left:30px; }
#mainHeader #featureSection ul li a#fmGallery { margin-left:40px; }
#mainHeader #featureSection img { position:absolute; top:18px; right:60px; }

#mainHeader #featureSection #featureSectionNoFlash { display:block; }
#mainHeader #featureSection #featureSectionFlash { display:block; }

#mainHeader ul#mainMenu { width:702px; height:37px; background:url(../images/main-menu.jpg) no-repeat; list-style:none;
	position:absolute; top:210px; left:18px; margin:0px; padding:0px; z-index:150; }
#mainHeader ul#mainMenu li { float:left; }
#mainHeader ul#mainMenu li a { display:block; height:37px; background:url(../images/main-menu.jpg) no-repeat 0px -37px; text-indent:-9999px; }
#mainHeader ul#mainMenu li a:hover { background:none; }
#mainHeader ul#mainMenu li a#mmHome { width:50px; background-position:0px -37px; }
#mainHeader ul#mainMenu li a#mmProducts { width:70px; background-position:-50px -37px; }
#mainHeader ul#mainMenu li a#mmStore { width:50px; background-position:-120px -37px; }
#mainHeader ul#mainMenu li a#mmDealerInfo { width:85px; background-position:-170px -37px; }
#mainHeader ul#mainMenu li a#mmSafetyInfo { width:85px; background-position:-255px -37px; }
#mainHeader ul#mainMenu li a#mmAbout { width:50px; background-position:-340px -37px; }
#mainHeader ul#mainMenu li a#mmContact { width:60px; background-position:-390px -37px; }

#mainBodyContainer { background:url(../images/main-tile-bgnd.jpg) repeat-y; }	
#mainSidebar { float:left; width:190px; margin:15px 25px 40px 0px; padding-left:25px; }
#sidebarLogos { text-align:center; margin-top:50px; }
#sidebarLogos img { margin-bottom:15px; }
#mainContent { padding:15px 30px 40px 240px; background:url(../images/main-content-bgnd.jpg) no-repeat 222px bottom; }
#mainContent p#iconBar { text-align:center; padding:15px 0px; }
#mainContent p#iconBar img { margin:0px 5px; }

#mainFooter { background:url(../images/footer-bgnd.jpg) no-repeat; position:relative; margin-bottom:50px; padding-top:80px; 
	text-align:center; font-size:11px; }
#mainFooter p#footerSlogan { width:424px; height:40px; text-indent:-9999px; position:absolute; right:70px; top:0px; margin:0px; padding:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/ride-dry-footer-slogan.png",sizingMethod="scale"); }
html>body #mainFooter p#footerSlogan { background:url(../images/ride-dry-footer-slogan.png) no-repeat; }
#mainFooter p { padding:0px; }
#mainFooter a { color:#ccc; }

.titleText { font-size: 1.5em; font-weight: bold; }
.subTitleText { font-size: 1.1em; font-weight: bold; }
.smallText { font-size: 0.8em; }
.smallerText { font-size: 0.7em; }
.whiteBold { color:#ffffff; font-weight: bold; }
.redBold { color:#CC0000; font-weight: bold; }
.hiddenText { font-size: 5px; color: #d8dbd8; }
.FloatRightMargin {	float: right; margin: 10px; }
.FloatLeftMargin {	float: left; margin: 10px; }
.floatLeftNoMargin { float: left; margin: 0px; }
.floatRightNoMargin { float: right; margin: 0px; }
.clearRight { clear: right; }
.clearLeft { clear: left; }
.clearAll { clear: both; }
.yellowOutline { border: 1px solid #ffb400; }