.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {background-color: #666666; font-family: arial; font-size: 11px; margin-bottom: 0;}
a:link {color: #808080; text-decoration: underline;}
a:visited {color: #808080; text-decoration: underline;}
a:active {color: #808080; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}

#container {width: 636px; margin: auto;}

#top-buttons-container {padding: 0px; margin: 0px; width: 665px;}
#top-buttons-left {float: left;}
#top-message {float: right; padding: 3px 0px 0px 10px; width: 461px; height: 16px; background-image: url(imgs/layout/banner2.gif); background-repeat: no-repeat;}
.top-message-site {font-weight: bold;color: #F85F33;}
.top-message {font-weight: bold;color: #CBCBCB;}

#container2 {width: 636px; padding: 14px; border: 1px solid #999999; border-bottom: 0px; background-color: #ffffff;}

#sub-menu {background-color: #ffffff; margin-bottom: 10px}

#left-container {float: left; width: 494px;}
#right-container {float: right; width: 129px;}

#news-border {border: 1px solid #ADADAD;}
#news-title {padding: 2px 8px; background-color: #666666; color: #FFFFFF;}
#news-post {padding: 6px 8px; color: #7F7F7F; background-color:#F1F1F1;}
.news-subject {color: #FFFFFF; font-size: 10px; font-weight: bold;}
.news-posted {color: #CBCBCB; font-size: 10px; font-weight: bold;}
.news-date {color: #F85F33; font-size: 10px; font-weight: bold;}
#news-title a {color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none;}
#news-title a:hover {color: #000000; font-size: 10px; font-weight: bold; text-decoration: none;}

#page-border {border: 1px solid #ADADAD;}
#page-title {padding: 2px 8px; background-color: #666666; color: #FFFFFF; font-size: 10px; font-weight: bold;}
#page-content {padding: 6px 8px; color: #7F7F7F; background-color:#F1F1F1;}
#page-content pre {padding: 0px; margin: 5px; color: #000000; background-color:#FFFFFF;}
#page-content-sprays {color: #7F7F7F; background-color:#F1F1F1;}
#tutorials-image {margin-top: 8px}

#newest-sprays-border {border: 1px solid #ADADAD; border-top: 0px; background-color:#F1F1F1;}
#newest-sprays-title {width: 129px; height: 21px;}
#newest-sprays-category {padding: 3px 6px; font-family: tahoma; color: #7F7F7F; font-size: 10px; background-color: #E1E1E1;}
#newest-sprays-section {padding: 3px 6px; font-family: tahoma; color: #7F7F7F; font-size: 10px; background-color: #E1E1E1;}
.newest-img {text-align: center; padding: 7px 0px;}

#sub-menu ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#sub-menu ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#sub-menu ul li a {background: #fff;width: 105px;height: 18px;border-top: 1px solid #CCCCCC;border-left: none;border-bottom: 1px solid #CCCCCC; border-right: none;padding: 0px;margin: 0px 0px 10px 0px;color: #808080;text-decoration: none;display: block;text-align: center;font: bold 11px/17px "tahoma", verdana, lucida, sans-serif;}
#sub-menu ul li a:hover {color: #FFFFFF;background: #F85F33;}
#sub-menu a:active {background: #ffffff;color: #000000;}

#page-content ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#page-content ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#page-content ul li a {background: #fff;width: 476px;height: 18px;border-top: 1px solid #CCCCCC;padding: 0px;color: #808080;text-decoration: none;display: block;text-align: center;font: bold 11px/17px "tahoma", verdana, lucida, sans-serif;}
#page-content ul li a:hover {color: #FFFFFF;background: #F85F33;}

#page-content-sprays ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#page-content-sprays ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#page-content-sprays ul li a {width: 109px;height: 100px;text-align: center;margin: 8px 7px;color: #808080;text-decoration: none;display: block;text-align: center;font: bold 11px/17px "tahoma", verdana, lucida, sans-serif;}

#footer-container {padding: 0px; width: 666px;}
#footer_1 {border-top: 1px solid #3A3A3A;background-color: #929292;font-family: verdana;font-size: 10px;color: #4F4F4F;font-weight: bold;text-align: center; padding: 5px;}
#footer_2 {border-top: 1px solid #BBBBBD;background-color: #707070;font-family: verdana;font-size: 10px;color: #DCDCDC;text-align: center; padding: 5px;}
#footer_3 {border-top: 1px solid #9A9A9C;background-color: #4F4F4F;font-family: verdana;font-size: 10px;color: #DCDCDC;text-align: center; padding: 5px;}
a.footer_1:link {font-family: verdana;font-size: 10px;color: #DCDCDC;font-weight: bold;text-decoration: none;}
a.footer_1:visited {font-family: verdana;font-size: 10px;color: #DCDCDC;font-weight: bold;text-decoration: none;}
a.footer_1:active {font-family: verdana;font-size: 10px;color: #DCDCDC;font-weight: bold;text-decoration: none;}
a.footer_1:hover {font-family: verdana;font-size: 10px;color: #DCDCDC;font-weight: bold;text-decoration: underline;}

#sitemap {padding: 6px 8px; color: #7F7F7F; background-color:#F1F1F1;}
#sitemap li {padding: 2px}