* { border: 0; margin: 0; padding: 0; outline: none }
body { font: 13px/18px "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #000; letter-spacing: 0.04em; padding: 20px }
p, h3, ol { margin-bottom: 0.8em; max-width: 650px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important }
a { color: #666; text-decoration: none; font-weight: bold }
a:hover { color: #000 }
h2 { font-size: 20px; color: #666; margin-bottom: 1em }
h3 { font-size: 15px; margin-bottom: 0.2em; font-weight: normal }
table { border-collapse: collapse }
td { vertical-align: top }
div.content_wrap ol { list-style: disc; margin-left: 15px }

/* MAIN STRUCTURAL DIVS */
#center { width: 979px; margin: 0 auto }
#header { width: 979px; height: 90px }
#logo { display: block; width: 220px; height: 55px; position: relative; top: 19px; left: 735px }
#logo.black { background: url(i/logo-black.png) no-repeat }
#logo.white { background: url(i/logo-white.png) no-repeat }
#footer { float: right; margin: 0 24px 24px 0 }


/* ACCORDION TAB SETTINGS */
#container { position: relative; width: 979px; height: 655px; background: url(i/container-bg.png) no-repeat; padding: 9px 32px 8px 7px;
				voice-family: "\"}\""; voice-family: inherit; width: 948px; height: 638px }
#bgimage { position: absolute; margin-left: 144px; width: 804px; height: 638px; background: #333 url(home/random.php) no-repeat top right }
#horizontal_container { position: absolute; width: 948px; height: 638px; background: url(i/intro_text.png) no-repeat top right; clip: rect(0px,948px,638px,0px) }
.horizontal_accordion_toggle { float: left; display: block; height: 638px; width: 48px; margin-right: -24px; cursor: pointer }
.horizontal_accordion_toggle a { display: block; width: 24px; height: 638px; text-indent: -9999px }
.horizontal_accordion_content { display: block; width: 828px; height: 638px; float: left; margin-right: -24px; overflow: hidden } 
div.content_wrap { width: 780px; height: 638px; padding: 40px 56px 0 24px; 
					voice-family: "\"}\""; voice-family: inherit; width: 700px; height: 598px }


/* ABOUT */
#tab-about { background: url(i/tab-about.png) no-repeat; width: 24px; margin-right: 0 }
#con-about { background: #fff url(i/conbg-about.png) no-repeat }
#con-about div.content_wrap { width: 724px !important }
.contact { float: right; width: 275px; text-align: left }

/* TELESCOPICS */
#tab-tele { background: url(i/tab-telescopics.png) no-repeat }
#con-tele { background: #fff url(i/conbg-telescopics.png) no-repeat }


/* CHAIRS */
#tab-chairs { background: url(i/tab-chairs.png) no-repeat }
#con-chairs { background: #fff url(i/conbg-chairs.png) no-repeat }


/* GRANDSTANDS */
#tab-grand { background: url(i/tab-grandstands.png) no-repeat }
#con-grand { background: #fff url(i/conbg-grandstands.png) no-repeat }


/* SERVICE */
#tab-service { background: url(i/tab-service.png) no-repeat }
#con-service { background: #fff url(i/conbg-service.png) no-repeat }


/* VIP BOX */
#tab-vip { background: url(i/tab-vip.png) no-repeat }
#con-vip { background: #fff url(i/conbg-vip.png) no-repeat }
#vipform input { width: 250px; height: 24px; padding: 5px; background: url(i/input-box.png); font-size: 20px; color: #e55302 }
#vipform input.submit { width: auto; text-align: left; background: transparent; padding: 0; font-weight: bold }
#vipform input.submit:hover { cursor: pointer; color: #666 }



/* SUBNAV TABS */
.subnav { list-style: none; width: 780px }
.subnav li { float: left; margin-right: 45px }
.subnav li:last-child { margin-right: 0 }
.subnav a { float: left; text-transform: uppercase; height: 52px; padding-top: 2px; color: #999 }
.subnav a:hover { color: #666 }
.subnav a.selected { background: url(i/subnav_bottom.png) no-repeat bottom left; color: #666; cursor: default }
.subnav li.intro a.selected { background: #fff; cursor: default }
.tabcontent, .panel { position: relative; clear: both; margin-left: 30px; width: 690px; border-top: 1px solid #ccc; padding-top: 25px }
.tabcontent { display: none }



/* THUMBNAILS and IMAGE VIEWERS */
.image { display: block; width: 243px; height: 243px; position: absolute; left: 447px; top: 169px }
.mask { background: url(i/mask-img.png) no-repeat }
.mask, a.thumb { z-index: 99 }
.image_text { position: absolute; left: 541px; top: 420px; width: 149px; font: 10px/13px "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif !important }
.thumb { display: block; width: 88px; height: 88px; position: absolute; top: 420px }
.thumb div { display: block; width: 88px; height: 88px; background: url(i/mask-thumb.png) no-repeat }
.one { left: 71px }
.two { left: 165px }
.three { left: 259px }
.four { left: 353px }
.five { left: 447px }
.overflow { overflow: hidden }
.clearRight { float: left; clear: right }
.toggleHeight { height: 638px }




/* MISC CLASSES */
.hidden { text-indent: -9999px }
.padded { padding-bottom: 1em }
.third { width: 220px; padding-right: 20px }
.lastthird { width: 220px }
.quote { border-top: 5px solid #666; padding-top: 15px; color: #999 }
.quote p { font: 17px/24px "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif !important }
.quote .name { line-height: 18px }

.beigebg { background: #e4e0d8 }
.redbg { background: #98012e url(i/bg-cad_about.png) no-repeat center }
.greenbg { background: #adb800 url(i/bg-cad_tele.png) no-repeat center }
.tealbg { background: #006a72 url(i/bg-cad_chairs.png) no-repeat center }
.bluebg { background: #003768 url(i/bg-cad_grand.png) no-repeat center }
.yellowbg { background: #ffc70b url(i/bg-cad_service.png) no-repeat center}
.orangebg { background: #e55302 url(i/bg-cad_vip.png) no-repeat center }

.black { color: #000 }
.white { color: #fff }
.red { color: #98012e }
.green { color: #adb800 }
.teal { color: #006a72 }
.blue { color: #003768 }
.yellow { color: #ffc70b }
.orange { color: #e55302 }