@charset "utf-8";

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

a{ text-decoration: underline;}
a:hover{ text-decoration: none;}
a:focus{ outline:none;}

h1, h2, h3 { padding-bottom: 12px;}
h2 { color: #D18B3C;}

p{ padding-bottom: 12px; line-height: 18px;}

hr { border: none; border-top: 1px solid #333; margin-bottom: 12px;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

body{
	background:url(images/back.jpg) repeat-x top;
	background-color:#1b140e;
}

#superdrop{
	background:url(images/superdrop-back.jpg) no-repeat top left;
	margin:auto;
	padding:auto;
	width:1090px;
	}
	
	#container{
		width:960px;
		margin:auto;
		padding:auto;
	}
	
	#header{
		height:134px;
	}
		#logo{
			background:url(images/logo1.jpg) no-repeat;
			width:435px;
			height:134px;
		}
			#logo a{
				display: block;
				width:435px;
				height:134px;
				text-indent:-3000px;
				}
		
		#nav{
			width: 482px;
				
			
			}
			
			#nav .menu-188 a { padding-right: 0px;}
			
			#nav ul{
				padding:60px 0 0 0;			
			}
			
			#nav ul li{
				display:inline;
			}
			
			#nav a.no-rightpad{padding-right:0;}
			#nav a{
				color:#f2cb91;
				font-size:19px;
				font-family:"Times New Roman", Times, serif;
				padding:0 54px 0 0;
				text-decoration:none;

			}

			#nav a.active, #nav a:hover { color: #D18B3C;}
			
		#content-wrapper{
			background:url(images/back-content.gif) repeat-y;
			}
			#content-wrapper p, #content-wrapper ul{color:#fff; line-height: 24px;}
			#content-area{}
				#photo-contact{width:435px;}
					#photo{
						background:url(images/photo-back.jpg) no-repeat;
						height:347px;
						}
						
					#contact{ font-size:14px;}
						#contact p{
							padding:0 0 0 48px;
							
							line-height:20px;
							}
						#contact h2{
							background:url(images/logo.jpg) no-repeat;
							text-indent:-3000px;
							line-height:35px;
							}	
							
						#contact p.phone{
							background:url(images/phone.jpg) no-repeat top left;
							text-indent:-3000px;
							height:23px;
							margin-top:8px;
							padding-bottom: 0px;
						}
						
						#contact p.fax{
							background:url(images/fax.gif) no-repeat top left;
							text-indent:-3000px;
							height:33px;
							margin-top:0px;
						}
						
				#content, th, td { color:#FFFFFF;}		
				#content{
					background:url(images/content-back.jpg) no-repeat;
					width:482px;
					padding:0 0 0 43px;
					color:#fff;
					min-height:347px; /*works on Firefox and IE7 */
					height:auto !important;
					height:347px; /* makes minimum for IE6, ignored by Firefox and IE7 because of !important above*/
					}
					#content a{
						text-decoration:underline;
						color:#f2ab5b;
					}
					#content a:hover{
						text-decoration:none;
					}
					
					.about{
						background:url(images/about-txt.jpg) no-repeat;
						text-indent:-3000px;
					}
					
					#content ul, #content ol{
						padding:0 0 12px 20px;
						
						}
					#content ul.primary { padding-bottom: 0px;}
					#content ul.links { padding-left: 0px;}	
						
					
					#content ul li{
						font-weight:bold;
						padding-right:25px;
					}
						#content li.nobullet{
							list-style:none;
							padding:0 25px 0 0;
							}
							
					#rider-wrapper{
						position:absolute;
						width:1106px;
						height:230px;
						bottom:210px;
						left:250px;
						
					}
	#footer-superdrop{
		background:url(images/footer-back.jpg) repeat-x;
		height:435px;
		position:relative;
	}
		#footer{
			margin:auto;
			padding:auto;
			width:625px;
			font-size:11px;
		}
		
		#footer p{
			padding:240px 0 0 0;
			color:#c6c6c6;
			}
			
		#footer a{
			color:#c6c6c6;
			font-size:11px;
		}
	
				
				




/* -----------------structure------------------- */

#preload { display: none; height:0px;}



	#logo h2 { padding: 0px; }
	#logo h2 a {
		display: block;
		text-indent: -3000px;
		}	
	#headright {}
	
#nav {}
#nav ul { list-style: none;}
#nav li { float: left;}
#nav a {
	display: block;
	/*text-indent: -3000px;*/
	}

	#maincol {}
		#maincol ul, #maincol ol { padding: 0 0 12px 20px;}
		#maincol ul.primary { padding-bottom: 0px;}
		#maincol ul.links { padding-left: 0px;}
	#sidebar {}

	
/* ------------universal classes------------- */

.width20{ width: 20%;}
.width25{ width: 25%;}
.width30{ width: 30%;}
.width33{ width: 33%;}
.width35{ width: 35%;}
.width40{ width: 40%;}
.width45{ width: 45%;}
.width50{ width: 50%;}
.width55{ width: 55%;}
.width60{ width: 60%;}
.width65{ width: 65%;}
.width66{ width: 66%;}
.width70{ width: 70%;}
.width75{ width: 75%;}
.width80{ width: 80%;}

.img-center { display:block; margin: 0 auto;}
.img-left { float:left; padding: 0 10px 5px 0;}
.img-right { float:right; padding: 0 0 5px 10px;}

.txt-center { text-align: center;}
.txt-right { text-align: right;}
.txt-left { text-align: left;}

.form-text, .form-textarea, .form-select { border: 1px solid #dadada; padding: 2px 3px; background: #2E241B; color: #FFFFFF;}
.form-style {}
.form-text:focus, .form-textarea:focus, .form-select:focus, .form-style:focus {}
.form-table td { padding: 2px;}

.right { float:right;}
.left { float:left;}
.clear { clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table { width: 100%;}

tr.even, tr.odd {
background-color: transparent;
border-bottom:1px solid #CCCCCC;
padding:0.1em 0.6em;
}


ul.links li {
	border-left: none;
	padding: 0px;
}

#content .messages { color: #333;}

h1 { color: #d18b3c; font-size: 28px;}
.cactus { background:url(images/h1-cactus.gif) no-repeat right; padding-right: 30px;}

#recaptcha_logo { display: none;}
#recaptcha_tagline { display: none;}
#recaptcha_table.recaptchatable { border: none !important;}

.quote { padding: 10px; background: #2e241b; margin-bottom: 12px;}
.quote p { padding: 0px; font-size: 13px;}

.form-required { color: #c52f17;}