/* Basic Elements */

body { background:url(../images/bkground-body.jpg); margin: 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;font-size: 12px;line-height: 18px;}
a img { border: none; }
form { margin: 0px; padding: 0px; }
p, ul, h1, h2, h3, h4, h5, h6, address { font-size: 12px; margin: 10px 0px 10px 0px; }
h3 { font-size: 15px; border-bottom: 1px solid #fff; clear: both; color: #47390b;}
h4 { font-size: 13px; color: #584711;  }
p { text-align: justify; }
address { font-style: normal;}
h1, #sidebar h2, .nodis { display: none; }
input, select { font-size: 14px;}
table { border-collapse: collapse; }
table td { vertical-align: top; padding: 3px; }

/* Containers & Related Elements */

#wrapper { width: 760px; position: relative; background: url(../images/bkground-wrapper.gif) repeat-y; margin: 0px auto 0px auto; text-align: center; border-left: 2px solid #fff;text-align: left;}
#content { background: url(../images/bkground-content.jpg) no-repeat bottom right;  width: 505px; padding: 8px 12px 10px 10px; min-height: 900px; }
*html #content { height: 850px;  }
#content ul { list-style: none; margin: 10px 0px 10px 20px; padding: 0px; }
#content ul li { line-height: 20px; background: url(../images/bullet-sand.gif) 0px 2px no-repeat; padding: 0px 0px 0px 22px; }
#content a { color: #d13c26; }
#sidebar { width: 232px; position: absolute; top: 0px; left: 529px; }
#sidebar ul { list-style: none; margin: 7px 0px 0px 7px; padding: 0px;}
#sidebar ul li { font-size: 13px; line-height: 24px; background: url(../images/bullet-hourglass.gif) 0px 2px no-repeat; padding: 0px 0px 0px 22px; font-weight: bold;}
#sidebar p, #sidebar address { margin: 10px 14px 10px 7px; }
#sidebar a { color: #0000ff; }
#menu img { border: none; float: left;}
#footer { height: 80px; width: 519px; background-color: #deceb3; border-top: 2px solid #a79371; padding: 0px 0px 10px 10px; clear: both; text-align: left;}
#footer ul { margin: 10px 0px 0px 0px; padding: 0px; }
#footer ul li { display: inline; }
#footer ul li a { color: #000; }
#footer p { color: #584711; font-size: 11px; margin: 10px 0px 0px 0px;}
#footer p a { color: #584711; }
#sandbox { background: url(../images/bkground-sandbox.jpg) no-repeat; background-color: #deceb3; border: 2px solid white; margin: 10px 0px 10px 0px; width: 478px; padding: 12px 12px 0px 12px; }
#sandbox a { color: #d13c26; }

/* Image Replacement */

h2 { margin: 0px 0px 10px 0px;overflow: hidden;background-repeat: no-repeat;height: 0px !important;font-size: 0px;clear: both;padding: 60px 0px 0px 0px;height /**/:60px;}
#premier-producer {background-image:url(../images/h2-premierproducer.gif);}
#site-map {background-image:url(../images/h2-sitemap.gif);}
#history-of-atlanta-sand {background-image:url(../images/h2-history.gif);}
#sand-products {background-image:url(../images/h2-sandproducts.gif);}
#contact-us {background-image:url(../images/h2-contactus.gif);}
#refer-this-site {background-image:url(../images/h2-referthissite.gif);}

/* Forms - Validation */

.lbl { display: block; font-weight: bold; margin: 5px 0px 5px 0px;}
.success, .alert {padding:10px 10px 10px 10px;margin: 10px 0px 10px 0px;width: 483px; font-weight: normal; clear: both; }
.success h4, .alert h4 { margin: 0px;font-size: 16px;color: #000; }
.success ul li, .alert ul li { line-height: 18px;}
.alert {border: 1px solid red;background-color: #fff; }
.alert h4 {padding: 10px 0px 5px 38px;background: url(../images/alert.gif) no-repeat 0px 0px;}
.alert p { margin: 0px; padding: 0px; }
.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
.success h4 {padding: 4px 0px 5px 32px;background: url(../images/success.gif) no-repeat 0px 0px; }
.success p { margin: 5px 0px 5px 0px; padding: 0px; }

/* Forms - Formatting */

.box-white { padding: 0px 10px 10px 10px; background-color: #fff; border: 1px solid #deceb3; }
#form{ height:1%; position:relative}
#form .left{float:left; margin:0px 10px 0px 0px}
#form .left-phone{float:left; margin:0px 0px 0px 0px}
#form .right-phone{float:left; margin:0px 0px 0px 5px}
#form .clear{float:none}
#form .lbl{position:relative; display:block; font-weight:bold; margin:5px 0px 0px 0px; clear:both; color:#333; font-size:12px}
#form .field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-2px 0px 0px 0px; padding:0px}
#form .shadow {font-family:Arial,Helvetica,sans-serif; border:1px solid #c3c3c3; background-color:#fff; background:url(../images/bkground-shadow.gif) no-repeat -1px 0px; font-size:15px; padding: 2px;}
#form label, #form select{font-size:14px; font-family:Arial,Helvetica,sans-serif}
#form h5{position:relative; font-weight:bold; font-size:13px; padding:4px; margin:10px 0px 10px 0px; color:#000; text-transform:uppercase; background-color:#f4f3ea; border-bottom:1px solid #ccc; display:block; clear:both}
.red{color:red;}

/* Individually Styled Elements */

.btnSubmit { display: block; margin: 5px 0px 0px 0px; }
.img-homepage { position: absolute; bottom: 92px; left: 0px; }
*html .img-homepage { position: absolute; bottom: 91px; left: 0px; }

/* Miscellaneous Styles */

.margin-top { margin: 5px 0px 0px 0px; }
.margin-bottom { margin: 0px 0px 5px 0px; }
.center { text-align: center; }
.highlight, #sandbox .highlight { font-size: 13px; line-height: 18px; font-weight: bold; padding: 1px; background-color: #fff; }
#sandbox .highlight { background-color: #f4e8d6; }
.small { font-size: 11px; line-height: 16px; color: #666;}
.right { text-align: right; }
.clear { clear: both; }
.line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.img-left { float: left; margin: 0px 10px 0px 0px; border: 1px solid #c2bfb9;}
.img-right { float: right; margin: 0px 0px 0px 10px; border: 1px solid #c2bfb9;}