/* =============================================== */
/* ADI.tv Stylesheet */
/* Page Styling : Home */
/* Created by Ben Wakeford 2008 */
/* =============================================== */

/* =============================================== */
/* SECTION: Left Side */
/* =============================================== */

div.hp-intro-text {
	width : 346px;
	float : left;
	margin : 20px 0 20px 0;
}


div.home-introtext {
	background : #484848;
	height : 229px;  /*269px*/
	padding : 20px 20px 20px 20px;
}
div.home-introtext h1 {
	color : White;
	line-height : 120%;
	font-size : 145%;
	margin : 0 0 10px 0;
	width : 280px;
	padding : 0;
}
div.home-introtext h1 span {
	color : Yellow;
}
div.home-introtext h2 {
	color : #a4a4a4;
	line-height : 120%;
	font-size : 100%;
	margin : 0 0 30px 0;
	border : 0;
	padding : 0;
	font-weight : bold;
}
p.prod-link a:link,
p.prod-link a:visited {
	display : block;
	background : #2C2C2C url(../images/arrow-white.gif) no-repeat 17px 7px;
	padding : 6px 0 6px 30px;
	color : White;
	margin : 0 0 20px 0;
}
p.prod-link a:hover,
p.prod-link a:active,
p.prod-link a.selected:link,
p.prod-link a.selected:visited {
	display : block;
	background : #0099CC url(../images/arrow-white.gif) no-repeat 17px 7px;
	padding : 6px 0 6px 30px;
}
p.whatever {
	margin : 0;
}



/* Menu */
div.home-sector-menu ul {
	border-left : 1px solid #484848;
	border-right : 1px solid #484848;
	width : 344px;
	margin : 0;
}
div.home-sector-menu li {
	font-size : 75%;
	margin : 0;
	padding : 0;
	/*line-height : 100%;*/
	/*height : 40px;*/
	background : none;
	width : 344px;
	display : block;
	border-bottom : 1px solid #484848;
	/*border : 1px solid Fuchsia;*/
}
div.home-sector-menu li a:link,
div.home-sector-menu li a:visited {
	background : #2C2C2C url(../images/arrow-white.gif) no-repeat 17px 7px;
	color : White;
	display : block;
	padding : 0px 0 0px 30px;
	margin : 0;
	line-height : 26px;
	width : 314px;  /*346px*/
	/*height : 40px;*/
	/*border : 1px solid Fuchsia;*/
}
div.home-sector-menu li a:hover,
div.home-sector-menu li a:active,
div.home-sector-menu li a.selected:link,
div.home-sector-menu li a.selected:visited {
	background-color : #0099CC;
}


/* =============================================== */
/* SECTION: Sector Details */
/* =============================================== */

div.hp-sector {
	width : 608px;
	float : left;
	margin : 20px 0 20px 0;
	/*position : absolute;*/
}

div.hp-sector ul.slider {
	width : 608px;
	margin : 0;
}
div.hp-sector ul.slider li {
	width : 608px;
	display : none;
	padding : 0;
	margin : 0;
	font-size : 100%;
	background : none;
}
div.hp-sector ul.slider li#sector0 {
	display : block;
}

div.sector-image {
	width : 608px;
	height : 269px;
	position : relative;
}

.promo-button-overlay {
	position : absolute;
	width : 238px;
	height : 56px;
	right : 10px;
	bottom : 10px;
	margin : 0;
}

.promo-button-overlay a:link,
.promo-button-overlay a:visited {
	width : 238px;
	height : 0px;
	display : block;
	padding : 56px 0 0 0;
	overflow : hidden;
	background : url(../../images/promo-video/promo-button.gif) no-repeat 0 -56px;
}
.promo-button-overlay a:hover,
.promo-button-overlay a:active {
	background-position : 0 0;
}


div.sector-summary {
	background : #1B1B1B;
	position : relative;
	height : 189px;
	overflow : hidden;
}

body.sect-sales div.sector-summary {
	height : 162px;
}

div.sector-summary h2 {
	color : White;
	line-height : 120%;
	font-size : 160%;
	margin : 0;
	border : 0;
	padding : 10px 0 10px 10px;
	font-weight : bold;
}

body.sect-sales div.sector-summary h2 {
	margin : 5px 0 0 0;
}

div.sector-quote {
	width : 330px;
	float : left;
	margin : 0 20px 0 10px;
	line-height : 130%;
	display : inline;
}

body.sect-sales div.sector-quote {
	width : 560px;
}

div.sector-quote p {
	font-size : 70%;
	margin : 0;
}
body.sect-sales div.sector-quote p {
	margin : 5px 0 0 0;
}
div.sector-quote p span {
	color : #A4A4A4;
	line-height : 130%;
}


div.sector-more {
	width : 110px;
	float : left;
	margin : 0 0px 0 10px;
	display : inline;
}
div.sector-more p {
	font-size : 70%;
	margin : 0 0 3px 0;
	line-height : 150%;
}
div.sector-more p.sector-link a:link,
div.sector-more p.sector-link a:visited {
	background : url(../images/arrow-red-small.gif) no-repeat 0 3px;
	padding : 0 0 3px 8px;
	line-height : 150%;
}

div.sector-more p.sector-all-link {
	border-top : 1px dotted #5F5F5F;
	padding : 5px 0 0 0;
	margin : 7px 0 0 0;
} 


/* Show Me Button */
p.showme {
	position : absolute;
	bottom : 0px;
	left : 10px;
}
body.sect-sales p.showme {
	position : absolute;
	top : 10px;
	left : 430px;
}
p.showme a:link,
p.showme a:visited {
	background : url(../images/button-showmore-large.gif) no-repeat 0 0;
	width : 169px;
	height : 0px;
	display : block;
	padding : 38px 0 0 0;
	overflow : hidden;
}
p.showme a:hover,
p.showme a:active {
	background : url(../images/button-showmore-large.gif) no-repeat 0 -38px;
}
/* =============================================== */
/* SECTION: News / Leadins */
/* =============================================== */

div.hp-news {
	width : 346px;
	float : left;
	margin : 0 0 20px 0;
	display : inline;
	/*border : 1px solid Fuchsia;*/
}

div.common-box {
	/*border : 1px solid Fuchsia;*/
	/*display : inline;*/
}

div.hp-leadin-benefits,
div.hp-leadin-iconics,
div.hp-leadin-permanent,
div.hp-leadin-stadium,
div.hp-leadin-rental {
	width : 183px;
	float : left;
	margin : 0 0 20px 20px;
	display : inline;
	/*border : 1px solid Fuchsia;*/
}

/* News Feed */
div.feed-tray {
	background : Black;
	height : 137px;
	overflow : hidden;
}
div.feed-tray li {
	background : none;
	padding : 10px 0 5px 0;
	display : block;
	margin : 0px 10px 0px 10px;
	border-bottom : 1px solid #303030;
	display : block;
}
div.feed-tray li span {
	display : block;
	line-height : 100%;
	padding : 0 0 5px 0;
	width : 320px;
}
div.feed-tray li span.feed-date {
	color : #5F5F5F;
	font-size : 110%;
}
div.feed-tray li span.feed-title {
	font-size : 110%;
	font-weight : bold;
	height : 1em;
	overflow : hidden;
}
div.feed-tray li span.feed-link a:link,
div.feed-tray li span.feed-link a:visited {
	background : url(../images/arrow-red-small.gif) no-repeat 0 2px;
	padding : 0 0 0 8px;
	display : block;
	border-bottom : 1px solid Black;
}

div.news-links {
	background : #474747;
	width : 344px;
}
p.news-archive {
	float : left;
	margin : 10px;
	font-size : 70%;
	display : inline;
}
p.news-archive a:link,
p.news-archive a:visited {
	background : url(../images/arrow-red-small.gif) no-repeat 0 2px;
	padding : 0 0 0 8px;
	display : block;
}
div.news-buttons {
	float : right;
	margin : 5px;
	display : inline;
}
div.news-buttons button {
	background : url(../../images/homepage/news/scroll-up-off.gif) no-repeat 0 0;
	display : block;
	width : 13px;
	height : 11px;
	border : 0;
	outline : 0;
	cursor : pointer;
	float : right;
	margin : 5px 5px 5px 0;
	overflow : hidden;
	text-indent : -3000px;
}
div.news-buttons button.next {
	background : url(../../images/homepage/news/scroll-down-off.gif) no-repeat 0 0;
}
div.news-buttons button.next:hover {
	background : url(../../images/homepage/news/scroll-down-on.gif) no-repeat 0 0;
}
div.news-buttons button.prev {
	background : url(../../images/homepage/news/scroll-up-off.gif) no-repeat 0 0;
}
div.news-buttons button.prev:hover {
	background : url(../../images/homepage/news/scroll-up-on.gif) no-repeat 0 0;
}

/* Lead-ins */
div.leadin-text {
	height : 168px;
	overflow : hidden;
	background : Black no-repeat 0 0;
}
div.hp-leadin-benefits div.leadin-text { background-image : url(../../images/homepage/leadins/bestscreens.gif); }
div.hp-leadin-iconics div.leadin-text { background-image : url(../../images/homepage/leadins/iconics.jpg); }
div.hp-leadin-permanent div.leadin-text { background-image : url(../../images/homepage/leadins/permanent.jpg); }
div.hp-leadin-stadium div.leadin-text { background-image : url(../../images/homepage/leadins/stadiumsolutions.jpg); }
div.hp-leadin-rental div.leadin-text { background-image : url(../../images/homepage/leadins/glastonbury.jpg); }
div.leadin-text p.larger {
	margin : 95px 7px 7px 7px;
	font-size : 75%;
	font-weight : bold;
	color : #cacaca;
	line-height : 130%;
}
div.leadin-text p.larger span {
	color : White;
}
div.leadin-text p.link {
	margin : 0px 7px 0px 7px;
	font-size : 70%;
}
div.leadin-text p.link a:link,
div.leadin-text p.link a:visited {
	background : url(../images/arrow-red-small.gif) no-repeat 0 2px;
	padding : 0 0 0 8px;
	display : block;
}


/* =============================================== */
/* SECTION: VIDEO LIBRARY */
/* =============================================== */

div.videoplayer {
	width : 640px;
	float : left;
	margin : 0 20px 20px 0;
}

div.playlist {
	width : 294px;
	float : left;
}

div.playlist h3 {
	margin : 0 0 0px 0;
	font-size : 115%;
	background : #484848;
	padding : 20px 10px 15px 10px;
	color : White;
	margin : 0 0 10px 0;
}

#speakers {
	display : block;
	font-size : 70%;
	background : #1B1B1B;
	color : #CACACA;
	border : 1px solid #474747;
	padding : 10px;
}


div.playlist ul {
	border-top : 1px solid #484848;
	border-left : 1px solid #484848;
	border-right : 1px solid #484848;
	width : 292px;
	margin : 0 0 10px 0;
}
div.playlist li {
	font-size : 70%;
	margin : 0;
	padding : 0;
	background : none;
	width : 292px;
	display : block;
	border-bottom : 1px solid #484848;
}
div.playlist li a:link,
div.playlist li a:visited {
	background : #2C2C2C url(../images/arrow-white.gif) no-repeat 10px 7px;
	color : White;
	display : block;
	padding : 0px 0 0px 24px;
	margin : 0;
	line-height : 24px;
	/*width : 314px;*/  /*346px*/
}
div.playlist li a:hover,
div.playlist li a:active,
div.playlist li a.selected:link,
div.playlist li a.selected:visited {
	background-color : #0099CC;
}