body { background: url(/images/bg.gif); margin: 0px; color: #3c2c10; font-size: 12px; font-family: Georgia, "Times New Roman", Arial, sans-serif; text-align: center; }
div, td { color: #3c2c10; font-size: 12px; font-family: Georgia, "Times New Roman", Arial, sans-serif; text-align: left; }
img { border: none; }

a, a:visited, a:active { color: #5a7391; text-decoration: none; }
a:hover { color: #5a7391; text-decoration: underline; }

a.a1, a.a1:visited, a.a1:active { color: #5a7593; text-decoration: none; }
a.a1:hover { color: #5a7391; text-decoration: underline; }

a.a2, a.a2:visited, a.a2:active { color: #554933; text-decoration: none; }
a.a2:hover { color: #554933; text-decoration: underline; }

a.a3, a.a3:visited, a.a3:active { color: #5a7391; text-decoration: none; font-size: 16px; }
a.a3:hover { color: #5a7391; text-decoration: underline; }

a.a4, a.a4:visited, a.a4:active { color: #746140; text-decoration: none; font-size: 16px; }
a.a4:hover { color: #746140; text-decoration: underline; }

a.a5, a.a5:visited, a.a5:active { color: #746140; text-decoration: none; font-size: 26px; }
a.a5:hover { color: #746140; text-decoration: underline; }

a.a6, a.a6:visited, a.a6:active { color: #746140; text-decoration: none; font-size: 22px; }
a.a6:hover { color: #746140; text-decoration: underline; }

h1 { color: #416082; font: normal 24px Georgia, "Times New Roman", Arial, sans-serif; margin: 0px 0px 50px 0px; background: url(/images/bg_h1.gif) no-repeat 0 8px; padding-left: 38px; }
h2 { color: #416082; font: normal 18px Georgia, "Times New Roman", Arial, sans-serif; }
h3 { color: #416082; font: normal 18px Georgia, "Times New Roman", Arial, sans-serif; margin-top: 0px; }

#top-bg { position: absolute; top: 0px; left: 0px; background: url(/images/bg_top.gif) repeat-x; width: 100%; height: 427px; z-index: -1; }
#container { width: 922px; margin: auto; z-index: 1; background: #ffffff url(/images/bg_copyright.gif) repeat-y; }
#topbar img { float: left; }
#navigation { background: #31537a; clear: both; }
#navigation a { float: left; }
#banner { margin-left: 11px; }

#hp-columns { background: #ffffff; }
#hp-left { float: left; width: 251px; }
#hp-left img { display: block; }
#hp-address { background: url(/images/bg_address.gif) no-repeat; width: 251px; height: 79px; }
#ts-address { position: absolute; margin: 0px 0px 0px 45px; width: 187px; text-align: center; }
#hp-phone { font-size: 12px; text-align: center; margin-top: 12px; }
#hp-events { background: url(/images/bg_training.gif) no-repeat; width: 251px; height: 162px; overflow: hidden; }
#hp-events-text { margin-left: 46px; width: 187px; }
#hp-events-text td { font-size: 12px; }
/* #hp-phone { font-size: 10px; text-align: center; background: url(/images/address_dec.gif) no-repeat center; margin-top: 12px; }*/
#hp-mid { float: left; width: 418px; }
#hp-right { float: left; width: 253px; }
#hp-right img { display: block; }

#hp-product1 { background: url(/images/bg_limestone.gif) no-repeat; width: 418px; height: 173px; }
#prod1-h1 { position: absolute; margin: 36px 0px 0px 131px; width: 263px; height: 24px; }
#prod1-t1 { position: absolute; margin: 75px 0px 0px 146px; width: 235px; }
#prod1-t1:first-letter { font-size: 18px; }
#prod1-btn { position: absolute; margin: 134px 0px 0px 309px; width: 85px; height: 24px; }
#hp-product2 { background: url(/images/bg_caststone.gif) no-repeat; width: 418px; height: 176px; }
#prod2-h1 { position: absolute; margin: 31px 0px 0px 131px; width: 197px; height: 24px; }
#prod2-t1 { position: absolute; margin: 67px 0px 0px 146px; width: 235px; }
#prod2-t1:first-letter { font-size: 18px; }
#prod2-btn { position: absolute; margin: 127px 0px 0px 309px; width: 85px; height: 24px; }
#hp-product3 { background: url(/images/bg_envision.gif) no-repeat; width: 253px; height: 139px; }
#prod3-t1 { position: absolute; margin: 0px 0px 0px 18px; width: 200px; }
#prod3-t1:first-letter { font-size: 18px; }
#prod3-btn { position: absolute; margin: 42px 0px 0px 127px; width: 85px; height: 24px; }
#prod3-all { position: absolute; margin: 76px 0px 0px 18px; width: 192px; height: 47px; }

#hp-login { background: url(/images/bg_login.gif) no-repeat; width: 253px; height: 94px; }
.hp-inp { background: url(/images/bg_inp1.gif) no-repeat; width: 164px; height: 21px; color: #fefefe; font-size: 12px; font-family: Georgia, "Times New Roman", Arial, sans-serif; text-align: center; line-height: 21px; border: none; }
#hp-inp1 { position: absolute; margin: 5px 0px 0px 33px; }
#hp-inp2 { position: absolute; margin: 27px 0px 0px 33px; }
#hp-sub { position: absolute; margin: 48px 0px 0px 77px; }

#shell { background: url(/images/bg_shell.gif) repeat-y; }
#shell-bottom { background: url(/images/bg_bottom.gif) bottom no-repeat; min-height: 504px; height: auto !important; height: 504px; }
#shell-top { background: url(/images/bg_intop.gif) top no-repeat; min-height: 271px; height: auto !important; height: 271px; }
#shell-content { padding: 20px 75px 40px 75px; }
#shell-content p:first-letter { font-size: 18px; }

#footer { clear: both; background: url(/images/bg_footer.gif) repeat-x; height: 144px; }
#footer-left { position: absolute; margin: 0px; z-index: 0; }
#footer-right { position: absolute; margin: 0px 0px 0px 586px; z-index: 0; }
.footer-column { z-index: 2; }
.footer-column h1 { color: #ffffff; font: bold 12px Georgia, "Times New Roman", Arial, sans-serif; text-transform: uppercase; margin: 22px 0px 3px 0px; background: none; padding: 0px; }
.footer-column ul { list-style-type: none; padding: 0px; margin: 0px 0px 8px 0px; }
.footer-column li { background: url(/images/footer_bullet.gif) no-repeat 0 7px; padding-left: 15px; line-height: 18px; color: #ffffff; }
.footer-column li a, .footer-column li a:visited, .footer-column li a:active { color: #ffffff; text-decoration: none; }
.footer-column li a:hover { color: #ffffff; text-decoration: underline; }
a.footer-more, a.footer-more:visited, a.footer-more:active, a.footer-more:hover { color: #9eb8d4; font-size: 10px;  text-transform: uppercase; background: url(/images/footer_arrow.gif) right no-repeat; padding-right: 15px; margin-left: 15px; }
#footer-products { position: absolute; margin-left: 45px; width: 255px; }
#footer-faqs { position: absolute; margin-left: 300px; width: 210px; }
#footer-contact { position: absolute; margin-left: 510px; width: 170px; }

#links { clear: both; margin: 5px 0px 0px 29px; height: 65px; }
#links td { color: #725c3a; text-transform: uppercase; }
#copyright { padding-top: 8px; }
#copyright strong { font-size: 14px; }
#sm-links { color: #203a56; font-size: 10px; height: 25px; }
#sm-links a, #sm-links a:visited, #sm-links a:active { color: #203a56; text-decoration: none; padding: 0px 3px; }
#sm-links a:hover { color: #203a56; text-decoration: underline; }
#designer { text-align: right; padding-right: 10px; }

.fl-left { float: left; }
.fl-right { float: right; }
.br1 { clear: both; }

form { display: inline; }
.inp1 { background: #FDFDFC; border: 1px solid #A89A82; color: #3c2c10; font-size: 12px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; width: 100%; }
.inp2 { background: #FDFDFC; border: 1px solid #A89A82; color: #3c2c10; font-size: 11px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; width: 30px; }
.inp3 { background: #FDFDFC; border: 0px solid #A89A82; color: #3c2c10; font-size: 11px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; width: 65px; }
.inp4 { width: 90px; background: #FDFDFC; border: 0px solid #A89A82; color: #3c2c10; font-size: 11px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; text-align: right; padding-right: 20px; }
.inp6 { background: #FDFDFC; border: 0px solid #A89A82; color: #3c2c10; font-size: 11px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; width: 35px; text-align: right; }
.inp7 { background: #FDFDFC; border: 0px solid #A89A82; color: #3c2c10; font-size: 11px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 0px; width: 75px; text-align: center; }
.sub1 { background: #416082; border: 3px double #ffffff; color: #ffffff; font-size: 12px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; }
.sub2 { background: #678ab1; border: 3px double #ffffff; color: #ffffff; font-size: 12px; font-family: Georgia, "Times New Roman", Arial, sans-serif; padding: 2px; }
.hidden-padding { padding-right: 8px; }

/* Products Styles */
.product { background: url(/images/bg_products.gif) repeat-x; height: 320px; }
.product-text-right { float: right; margin: 22px 0px 0px 0px; width: 367px; }
.products-desc-right { margin: 22px 0px 0px 40px; }
.product-text-left { float: left; margin: 22px 0px 0px 0px; width: 340px; }
.products-desc-left { margin: 22px 0px 0px 15px; }
#products-limestone { background: url(/images/products-limestone.gif) top left no-repeat; height: 288px; }
#products-caststone { background: url(/images/products-caststone.gif) top right no-repeat; height: 289px; }
#products-countertop { background: url(/images/products-countertop.gif) top left no-repeat;height: 294px; }
#products-accessories { background: url(/images/products-accessories.gif) top right no-repeat; height: 296px; margin-right: -19px; }
.first-cap { font-size: 18px; }
.btn-readmore { text-align: right; margin-right: 20px; padding-top: 10px; }
.details { text-align: center; }
.details a, .details a:visited, .details a:active { color: #5a7593; font-size: 11px; text-decoration: none; }
.details a:hover { color: #2f465f; font-size: 11px; text-decoration: none; }
.details img { margin-bottom: 2px; }

#hr { background: url(/images/bg-hr.gif) repeat-x; height: 2px; line-height: 2px; width: 770px; }
.cast-details1 { float: right; margin-right: -46px; padding-left: 20px; }
#details-table { border-collapse: collapse; }
#details-table td { background: #f0eadf; border: 1px solid #d0c5b3; padding: 4px 15px 4px 15px; }
.details-table-th { text-transform: uppercase; color: #dae6f3; font-weight: bold; }

.ul-title { color: #305279; font-weight: bold; font-size: 14px; }
.arrows { padding-left: 5px; }
.arrows li { list-style-type: none; background: url(/images/listarrow.gif) no-repeat; padding-left: 20px; line-height: 20px; }

#box-contact { width: 237px; float: right; margin: -80px 0px 10px 10px; }
#box-contact img { display: block; }
#box-contact-bg { background: url(/images/bg_contact.gif) no-repeat; height: 242px; }
#box-contact-text { margin: 0px 0px 0px 35px; padding-top: 30px; width: 175px; color: #43361f; font-size: 12px; }
#box-contact-address { text-align: center; }
#box-contact-phone { font-size: 10px; margin: 25px 0px 25px 15px; }
#box-contact-email { margin-left: 15px; }
#box-contact-email ul { list-style-type: none; padding: 0px; margin: 0px; }
#box-contact-email li { list-style-type: none; background: url(/images/bullet.gif) no-repeat 0 5px; padding-left: 20px; font-size: 12px; line-height: 18px; }

.distributors { text-align: center; padding: 30px 0px; }

/* Gallery */

#gallery { background: url(/images/bg_shell.gif) repeat-y; }
#gallery-bottom { background: url(/images/bg_bottom.gif) bottom no-repeat; min-height: 504px; height: auto !important; height: 504px; }
#gallery-top { background: url(/images/bg_gallerytop.gif) top no-repeat; min-height: 271px; height: auto !important; height: 271px; }
#gallery-content { padding: 0px 75px 0px 75px; }
#gallery-content p:first-letter { font-size: 18px; }
#gallery-content h1 { color: #416082; font: normal 24px Georgia, "Times New Roman", Arial, sans-serif; margin: 0px 0px 50px 0px; background: url(/images/bg_h1.gif) no-repeat 0 8px; padding-left: 38px; }
#gallery-content h2 { color: #416082; font: normal 20px Georgia, "Times New Roman", Arial, sans-serif; margin: 0px 0px 20px 0px; background: transparent; text-align: center; }
.ghr { background: url(/images/bg-hr2.gif) no-repeat; clear: both; height: 1px; margin: 30px 0px; }
.desc1 { font-size: 11px; padding-top: 4px; }
.underline { text-decoration: underline; }
.g-display { text-align: center; }
.g-img { border: 1px solid #3C2C10; }
.g-bullet { float: left; margin: 5px 10px 0px 0px; }
.gal-fl-left { float: left; margin-right: 10px; width: 100px; }
.gal-fl-right { float: right; margin-left: 10px; width: 100px; }
.g-return { text-align: center; }
#g-table { text-align: center; }
.g-arrow { vertical-align: top; padding-top: 120px; }

/* Login */
#login { background: #ffffff; border: 1px solid #416082; width: 450px; padding: 20px; margin: auto; }
#login-box { text-align: center; width: 225px; margin: auto; }

.t-sm { font-size: 10px; }

.form-table { border-collapse: collapse; border: 1px solid #D0C5B3; }
.form-table td { text-align: right; border-top: 1px solid #D0C5B3; border-bottom: 1px solid #D0C5B3; }
.form-header { background: #416082; color: #ffffff; font-weight: bold; }
.form-header2 { background: #F0EADF; color: #3C2C10; font-weight: bold; }
.form-table2 { border-collapse: collapse; border: 1px solid #D0C5B3; float: left; margin-left: 0px; width: 780px;}
.form-table2 td { text-align: center; border-top: 1px solid #D0C5B3; border-bottom: 1px solid #D0C5B3; font-size: 11px}
.left { text-align: left; }

.th1 { text-transform: uppercase; }

#column-left { float: left; display: inline; width: 430px; }
#column-left-top { width: 390px; }
#column-right { margin-left: 10px; float: right; display: inline; width: 300px; }
/*.color-chart { border: 1px solid #0f0f0f; }*/
.color-chart td { vertical-align: top; }
.chart-sm { font-size: 11px; text-align: center; line-height: 11px; }
.t-center { text-align: center; }
.hr1 { color: #0f0f0f; background: #0f0f0f; border: 0px; line-height: 1px; height: 1px; font-size: 1px; margin: 30px 0px; }
.hr2 { color: #0f0f0f; background: #0f0f0f; border: 0px; line-height: 1px; height: 1px; font-size: 1px; margin: 15px 0px; }
.hd2 { font-size: 16px; }
.column-left { float: left; display: inline; width: 430px; }
.column-right { margin-left: 10px; float: right; display: inline; width: 300px; }