@import url("../css/global.css");

/* -- CONTAINERS -- */
#headwrapper {width: 100%;height: 495px; position: absolute; z-index: 99}
#primary {background: url(../gfx/grey_glowbg.jpg) no-repeat 50% 0 #1E1E1E; border-bottom: 1px solid #5A5A5A}
#secondary {background: url(../gfx/red_glowbg.png) repeat-x 0 100% #98021A; border-bottom: 1px solid #AA011D}
#tertiary {background: url(../gfx/greydark_bg.jpg) repeat-x 0 100%; border-bottom: 1px solid #5F6163}


/* -- GLOBALS -- */
.container {width: 100%; position: relative;}
.article {margin: 0 auto; width: 990px}
.colA {width: 600px; float: left; position: relative}
.colB {width: 390px; float: left}

.home_headtitle {width: 420px; height: 35px; display: block; background: url(../gfx/home_headtitle.png) no-repeat 0 100%; text-indent: -999em; margin: 0 0 15px 0;}
.excel_logo {display: block; width: 86px; height: 86px; text-indent: -999em; background: url(../gfx/anniversary_logo-30years.png) no-repeat 0 0; position: absolute; top: 15px; right: 20px;}

/* -- MID SLIDER -- */
.slide_nav {position: absolute; width: 40px; top: 20px; left: 50%; z-index: 999; margin-left: 30px}
.slide_nav #next {float: left; width: 16px; height: 8px; display: block; text-indent: -999em; background: url(../gfx/midslide_arrow_down.png) no-repeat 0 0}
.slide_nav #next:hover {background-position: 0 -8px;}
.slide_nav #prev {float: right; width: 16px; height: 8px; display: block; text-indent: -999em; background: url(../gfx/midslide_arrow_up.png) no-repeat 0 0}
.slide_nav #prev:hover {background-position: 0 -8px;}

#midSlides {width: 990px; margin: 0 auto;background: url(../gfx/midband_shadow.png) no-repeat 0 0; }
#midSlides .article {display: none; height: 240px; }

/* -- SIDE IMAGE BOX -- */
.imgbox {position: relative;}
.render_thumb {display: block; width: 390px; height: 240px; background: url(../gfx/slide_render.jpg) no-repeat 0 0; text-indent: -999em}
.render_thumb:hover {background-position: 0 -260px}

.render_thumb_B {display: block; width: 390px; height: 240px; background: url(../gfx/slide_render2.jpg) no-repeat 0 0; text-indent: -999em}
.render_thumb_B:hover {background-position: 0 -240px}

/* PROJECT BOX */
#pSlides {position: relative; width:100%;}
#pSlides .recent_head {position: absolute; top: 178px; left: 10px; font-size: 12px; color: #fff; text-transform: uppercase; z-index: 1000}
#pSlides .pthumb {padding: 8px 8px 35px 8px; background: #000; margin: 0}
#pSlides .pbox {padding: 10px}
#pSlides .pbox h3 a {color: #fff; font-size: 14px;}
#pSlides .pbox .location {color:  #EE0024; font-size: 10px;display: block; margin:0 0 10px 0}
#pSlides .pbox p {color: #999; margin: 0 0 10px 0}

/* --- PROJECT SLIDE NAV --- */
#pSlides #slidenav {position: absolute; top: 185px; right: 10px; z-index: 999}
#pSlides #slidenav a {
	display: block;
	background: url(../gfx/redbullet.png) no-repeat;
	text-indent: -999em; 
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 5px;
}
#pSlides #slidenav a.activeSlide {
	background: url(../gfx/whitebullet.png) no-repeat;
	display: block;
	text-indent: -999em; 
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 5px;
}
/* ---- CONTAINER ----- */
#pSlides #tab_container {clear: both;width: 100%;padding:  0;}

/* --- INSIDE WRAPPERS --- */
#pSlides .tab_content {display: none;margin: 0}

/* -- SIDE LABEL -- */
.sidelabel {position: absolute; bottom: 0; left: 0; width: 100%; background: url(../gfx/labelbg.png) repeat 0 0;}
.sidelabel h3 {text-indent: 10px; line-height:36px; float: left; color: #fff; }
.sidelabel .btn_more {line-height: 36px; text-transform:uppercase; color: #fff; font-size: 10px; float: right; background: url(../gfx/redbullet.png) no-repeat 100% 50%; padding: 0 15px 0 0; margin: 0 15px 0 0}
.sidelabel .btn_more:hover {color: #FA0229}

/* -- NEWSBOX -- */
.newsbox {padding: 10px 0 }
.newsbox h3 { font-size: 14px;}
.newsbox h3 a { color: #fff; text-decoration: none; }
.newsbox h3 a:hover { text-decoration: underline; }
.newsbox a {color: #999; text-decoration: underline; }
.newsbox a:hover { text-decoration: underline; color: #fff;}

.newsbox .date {color:  #EE0024; font-size: 10px;}
.newsbox p {color: #999; margin: 0; padding: 0; line-height: 1.4em; font-size: 11px;}

/* BANDS */
#primary .container,#secondary .container,#tertiary .container {width: 100%; background: url(../gfx/vlines.png) repeat-y 50% 0}

/* BAND SCREWS */
#primary .article, #tertiary .article {background: url(../gfx/band_screws.png) no-repeat 10px 10px;}
#primary .colA {background: url(../gfx/band_screws.png) no-repeat 10px 98%;}

/* SHADOW */
#secondary .container .colA {padding: 20px 0 0 0}
#secondary .container .content p {color: #CE99A2}