html {height: 100%; min-height: 100%;}
body {height: 100%; min-height: 100%; background-color: #000000; background-image: url(../images/redbar.png); background-repeat: repeat-x; background-position: top; font-family: Helvetica, Arial, Sans-Serif; font-size: 0.72em; color: #666666;}
p {line-height: 14px; margin-bottom: 10px;}

ul { list-style-type: circle; margin-left: 20px;}
li {padding: 3px;}
h3 {color: #CC0000; padding-bottom: 10px; font-size: 14px; font-weight: bold;}

a, a:link, a:visited {text-decoration: none; color: #CC0000;  outline: none;}
a:hover, a:active {color: #CC0000; text-decoration: underline;}
.unselected {color: #CC0000; text-decoration: none;}
.selected {color: #979797; text-decoration: underline;}

/* common styles */
.bold{font-weight: bold;}
.italic{font-style: italic;}
.uppercase {text-transform: uppercase}
.underline {text-decoration: underline;}
.clearboth {clear: both;}
.nowrap {white-space: nowrap;}

.px9{font-size: 9px;}
.px10{font-size: 10px;}
.px12{font-size: 12px;}
.px13{font-size: 13px;}
.px14{font-size: 14px;}
.px15{font-size: 15px;}
.px16{font-size: 16px;}
.px17{font-size: 17px;}
.px18{font-size: 18px;}

.px9a{font-size: 0.80em;}
.px10a{font-size: 0.90em;}
.px12a{font-size: 1.10em;}
.px13a{font-size: 1.20em;}
.px14a{font-size: 1.30em;}
.px15a{font-size: 1.40em;}
.px16a{font-size: 1.50em;}
.px17a{font-size: 1.55em;}
.px18a{font-size: 1.65em;}

/* colors */
.white {color: #ffffff;}
.red {color: #CC0000;}
.gray { color: #666666;}
.lightgray { color: #979797;}
.border-red {border: solid 1px #CC0000;}

#container {height: 100%; min-height: 100%; position: relative; /*border: solid 1px green;*/}
#body {padding-bottom: 6px; display: none;}
#bottom {position: absolute; bottom: 0; width: 100%; height: 6px; /*background-image: url(../images/redbar_page_bottom.png);*/ background-repeat: repeat-x;}

#bg {margin: 0 auto; margin-top: 6px; background-image: url(../images/bg.png); background-repeat: no-repeat; width: 1160px; position: relative; height: 100%; /*border: solid 1px gold;*/}
#wrapper {margin: 8px 0 10px 174px; width: 860px; position:relative; /*border: solid 1px blue;*/}
#top {width: 100%; height: 90px; /*border: solid 1px green;*/ }
#header {width: 860px; height: 280px; overflow: hidden; background-image: url(../images/header_bg.png); background-repeat: no-repeat; /*border: solid 1px lime;*/}
#content{width: 960px; min-height: 130px; margin: 0 auto; /*border: solid 1px gold;*/}
#footer {width: 860px; height: 80px; margin: 0 auto; margin-top: 20px; /*border: solid 1px green;*/}
#footer-icons { text-align: left; width: 200px; float: left;}
#footer-links {text-align: right; width: 500px; float:right; color: #C0C0C0; font-size: 9px; text-transform: uppercase; margin-top: 12px;}
#footer-links a, #footer-links a:link, #footer-links a:visited {color: #C0C0C0; text-transform: uppercase;}
#footer-links a:hover, #footer-links a:active {text-decoration: underline;}
#popupcontent {padding: 10px; width: 500px; background-color: #ffffff;}

#header-home {/* background-image: url(../images/BANG.png); background-repeat: no-repeat;*/ width: 860px; height: 280px; position: relative;}
#header-meet { background-image: url(../images/MEET.png); background-repeat: no-repeat; width: 860px; height: 280px; position: relative; display: none;}
#header-what { background-image: url(../images/WHAT.png); background-repeat: no-repeat; width: 860px; height: 280px; position: relative; display: none;}
#header-see { background-image: url(../images/SEE.png); background-repeat: no-repeat; width: 860px; height: 280px; position: relative; display: none;}
#header-connect { background-image: url(../images/CONNECT.png); background-repeat: no-repeat; width: 860px; height: 280px; position: relative; display: none;}

#header-home-content {position: absolute; top: 148px; left: 398px; width: 380px; min-height: 100px; color: #333333; font-size: 12px; font-weight: bold; line-height: 16px; display: none; /*border: solid 1px red;*/} 
.home-more {font-size: 11px; text-transform: uppercase; font-weight: bold;}
a.home-more:link, a.home-more:visited {color: #FFFFFF; text-decoration: none; cursor: pointer;}
a.home-more:hover, a.home-more:active {text-decoration: underline; color: #FFFFFF; cursor: pointer;}

.menu {color: #CC0000; cursor: pointer; font-size: 19px; line-height: 30px;}
a.menu, a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {color: #CC0000; text-decoration: none; letter-spacing: 0.05em;}

.menugray {color: #999999; letter-spacing: 0.04em; font-size: 14px; font-weight: normal; margin-left: 2px;}
.dotted {background-image: url(../images/dot.gif); background-repeat: repeat-x;}

#accordion {margin-top: 10px; width: 860px; /*border: solid 1px blue;*/}
#accordion .tblHeader {margin: 0 130px 0 0; width: 860px; height: 26px; background-image: url(../images/dot.png); background-repeat: repeat-x; background-position: bottom;}
#accordion img {border: 0;}
#accordion .acc-header {text-align: left;}
#accordion .acc-subnav {text-align: right; vertical-align: middle; padding-right: 20px;}
#accordion .subnav ul {list-style: none;}
#accordion .subnav li {display: inline; font-size: 11px; font-weight: bold; color: #CC0000; text-transform: uppercase; letter-spacing: 0.1em; padding-right: 2px; padding-left: 2px;}
#accordion .subnav a {cursor: pointer;}
#accordion .subnav a:hover, #accordion .subnav a:active {color: #979797;}
#accordion #subnav-meet, #subnav-what, #subnav-see, #subnav-connect {display: none;}
#meet-container, #what-container, #see-container, #connect-container {background-color: #FFFFFF; width: 860px;}
#meet-container {background-image: url(../images/meetthepeople.jpg); background-position: top; background-repeat: no-repeat;}
#what-container {background-image: url(../images/whatwedo.jpg); background-position: top; background-repeat: no-repeat;}
#see-container {background-image: none; background-position: top; background-repeat: no-repeat;}
#connect-container {background-image: url(../images/connect.jpg); background-position: top; background-repeat: no-repeat;}
#meet-page-2, #meet-page-3, #meet-page-4, 
#what-page-2, #what-page-3, #what-page-4,
#see-page-2, #see-page-3, #see-page-4, 
#connect-page-2, #connect-page-3, #connect-page-4 
{display: none;}

.ulRedBullet { list-style-image: url(../images/redbullet.jpg); margin-bottom: 10px;}
.vis-hidden { visibility: hidden;}
.vis-vis { visibility: visible;}
.display-none {display: none;} 
.display-block {display: block;}

#page-bg {position: absolute; top:0; left:0; background-color: #FFFFFF; width: 100%; z-index: -10;}
.page-bg-inner{position: relative; height: 100%; width: 100%;}
.page-bg-top {position: absolute; top: 0; left: 0; background-image: url(../images/redbar_page_top.png); background-repeat: repeat-x; height: 6px; width: 100%;}
.page-bg-bottom {position: absolute; bottom: 0; left: 0; background-image: url(../images/redbar_page_bottom.png); background-repeat: repeat-x; height: 6px; width: 100%;}

.page-content-outer {width: 860px; position: relative; margin:0;}
.page-content-inner {padding: 20px 20px 20px 4px; width: 360px; min-height: 200px;}
.page-content-inner-full  {padding: 20px 20px 20px 4px; width: 860px; min-height: 200px;}
#RevDReel {width: 750px; height: 420px;}

#accordion #tblAddress {width: 250px; margin-top: 10px;  margin-bottom: 20px;}
#accordion .tblFull {width: 860px;}
#accordion .tblFull td {vertical-align: top;}

#flash1 {width: 100%;}
#flash2 {width: 100%; display: none;}