@charset "utf-8";
/* CSS Stylesheet */

body { background: #000; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; color: #999;}
img, h1, h2, p, a { border: 0; margin: 0; padding: 0; text-decoration: none;}

/* page framework divs //////////////////////////////////////////////////////////////*/
#header { background: url(../images/head.jpg) no-repeat; width: 1010px; height: 118px; left: 50%; top: 0; position: absolute; margin: 0 0 0 -382px; z-index: 1;}
#container { width: 764px; margin: 118px auto 0 auto;}
#navigation { background: url(../images/nav-bg.jpg) repeat-x; border-top: 1px solid #222; width: 764px; height: 45px;}
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { display: inline;}
#navigation ul li a { display: block; float: left; font-size: 11px; font-weight: bolder; color: #fff; margin: 0; padding: 8px; width: 120px; height: 27px; text-align: center; text-decoration: none;}
#navigation ul li a:hover { background: #1d1d1d;}
#content { background: #000; width: 730px; padding: 17px;}
#content p.text { display: block; margin: 0 0 15px 0; line-height: 18px;}
#footer { background: url(../images/footer-bg.jpg) no-repeat; width: 764px; height: 203px;}

/* content styles ///////////////////////////////////////////////////////////////////*/
.clear { float: none; clear: left;}
.left, .right { background: url(../images/leftrightbg.jpg); float: left; width: 345px; height: 106px; margin: 0 0 14px 0; padding: 6px;}
.left img, .right img { float: left;}
.left p, .right p { float: right; font-size: 11px; color: #999; width: 164px; padding: 0 4px 0 6px;}
.left b, .right b { display: block; padding: 3px 0 5px 0; color: #fff;}
.left a, .right a { color: #d0c086;}
.left a:hover, .right a:hover { text-decoration: underline;}
.left { margin-right: 16px;}