@charset "utf-8";
/*
|-----------::====================================================================::-----------|
|           :: MooFX.SlideShow                                                    ::           |
|           :: Module Style-sheet                                                 ::           |
|           :: Version 1.0.0001.0000                                              ::           |
|-----------::====================================================================::-----------|
               DEFAULT ELEMENT STYLES
               SKELETAL UI ELEMENTS
                 Module Container: slideshow
                 Major Content Containers: loading, menu, pictures
               COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS
                 SlideShow Menu: li, li.background, li.current, li a, li.current a
                 SlideShow Pictures: li, li div, li div a, li img
               PAGE-SPECIFIC ELEMENTS & STYLES
               REUSABLE STYLES
|-----------::====================================================================::-----------|
|           ::                          REVISION HISTORY                          ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000 :: January 1, 2009
    1. Initial published version of Cascading Style Sheet
  v1.0.001.000 :: September 26, 2009 (Joel Quinto)
    1. Modified original file to match Think Ideas website style
*/





/* DEFAULT ELEMENT STYLES */
/* SKELETAL UI ELEMENTS */
#slideshow {
	height: 500px; width: 840px; position: absolute; z-index: 1000;
	background: #FEDA00;
	text-align: left;
}
	#slideshow #loading {
		height: 500px; width: 840px; position: absolute; top: 0px; left: 0px; display: block; visibility: hidden; z-index: 5;
		background: url("../../images/AJAXLoaders/Bar.gif") center no-repeat;
	}
	#slideshow #menu {
		height: 40px; position: absolute; top: 440px; right: 0px;
		margin: 0px; padding: 0px;
	}
	#slideshow #pictures { height: 500px; width: 840px; position: absolute; top: 0px; left: 0px; overflow: hidden; }





/* COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS */
/* SlideShow :: Menu */
#slideshow #menu li {
	height: 40px; float: left; position: relative; z-index: 1000;
	margin: 0px; padding: 0px;
	background: none;
	text-align: center;
	list-style: none;
}
#slideshow #menu li.background { position: absolute; top: 0px; left: 0px; }
	#slideshow #menu li a {
		width: 15px; display: block; z-index: 1000;
		margin-right: 5px; padding-top: 20px;
		font-family: Helvetica, Arial, sans-serif; font-size: 11pt; color: #000000; text-decoration: none;
	}
	#slideshow #menu li a:hover { color: #FFFFFF; }
	#slideshow #menu li.current a { color: #F06220; }
/* SlideShow :: Pictures */
#slideshow #pictures li {
	height: 500px; width: 840px; position: absolute; top: 0px; display: block;
	margin: 0px; padding: 0px;
	background: none;
	list-style: none;
}
	#slideshow #pictures li div.player.radio { position: absolute; top: 309px; left: 270px; }
	#slideshow #pictures li div.player.tv { position: absolute; top: 50px; left: 210px; }
	#slideshow #pictures li div.project {
		background: #FEDA00;
		font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 13pt; color: #000000; text-decoration: none;
	}
	#slideshow #pictures li div.caption { background: #FEDA00; }
	#slideshow #pictures li img {
		height: 440px; width: 840px; position: relative; left: 0px; top: 0px; display: block;
		margin-bottom: 10px;
	}
/* Close Button/Link */
#close {
	width: 100px; position: absolute; top: 445px; left: 370px; z-index: 1000;
	font-size: 8pt; font-weight: bold; text-align: center; color: #F06220; text-decoration: none;
}
#close:hover { color: #000000; text-decoration: underline; }