html { font: 62.5% arial, tahoma, arial, helvetica; margin: 0; padding: 0;}

body	{ background: url('img/bg.gif') #2d2c2c center top; color:#000; margin:0; padding:0; font-size: 1.2em; line-height: 1.4em; text-align: center;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}

img { border: none; vertical-align: bottom;}




/* -------------------------------------------- Base Layout ------------------------------------------------ */

/* Containers */
#container { min-width: 984px; height: auto; background: url('img/topBg.gif') top center repeat-x;}
#columnsOuter { width: 982px; margin: 15px auto 0; border: 1px solid #ccc; text-align: left;}
#columns { width: 980px; border: 1px solid #b0afb5; background: url('img/columnsBg.jpg') repeat-y #f4f4f4;}

/* Main Column */
#mainColumn { width: 652px; float: left; padding: 0 0 15px 20px; text-align: justify;}

/* Side Column */
#sideColumn { width: 235px; float: right; padding: 0 10px 0 20px;}

/* Header */
#header { width: 984px; margin: 0 auto;}

/* Footer */
#footer { width: 982px; margin: 0 auto; padding: 0 0 15px;}






/* -------------------------------------------- Content ------------------------------------------------ */

/* Header */
#logo { margin: 14px 0 0 30px; float: left;}

/* Footer */
#copyright { text-align: center; color: #666; margin-top: 10px;}
#copyright a { color: #666; text-decoration: none;}

#mainImage { border: 1px solid #9bb4c0; margin: 15px 0 0 5px; }




/* -------------------------------------------- Navigation ------------------------------------------------ */

/* mainNav */
ul#mainNav { float: right; list-style: none; margin: 25px 0 0; padding: 0;}
ul#mainNav li { display: inline; padding: 0 10px; float: left; margin: 0;}
ul#mainNav li a { color: #fff; display: block; height: 24px; float: left; text-indent: -9999px;}
ul#mainNav li.home a { width: 57px; background: url('img/home.gif') no-repeat;}
ul#mainNav li.mainSite a { width: 104px; background: url('img/mainSite.gif') no-repeat;}
ul#mainNav li a:hover { background-position: 0 -24px;}


