@charset "utf-8";
/* Global CSS Document */
* {margin:0; padding:0; border:0}
BODY {background:Black url(BG-Main.jpg) top left no-repeat fixed; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:white}
A:link, A:visited, A:active {color:#00bbf1; text-decoration:underline}
A:hover {color:white; text-decoration:none}
#MainWrap {width:900px; text-align:left}
.SimpleList {margin:10px 0 10px 15px}
.SimpleList LI {margin:0 0 5px 0}
.RightFloat {float:right; margin:0 0 10px 10px}
H2 {margin:0 0 10px 0}

/* Header  [A]- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#HeaderRow {width:900px; text-align:left; height:35px; margin:20px 0 5px 0}
#TopLogo {float:left}
#TopContact {float:right; vertical-align:bottom; margin-top:20px}
.TopLink:link, .TopLink:visited, .TopLink:active  {color:white; text-decoration:none}
.TopLink:hover {color:#00bbf1; text-decoration:underline}

/* FlashIntro  [B]- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#FlashWrap {width:900px; height:285px}
#TopNav1 {width:900px; height:30px; background:url(Nav-Bar/BG-UP.jpg) left center no-repeat; list-style:none}
		#TopNav1 LI {float:left; margin:0}
		#TopNav1 LI A:link, #TopNav1 LI A:visited, #TopNav1 LI A:active {float:left; text-align:center; text-decoration:none; font-weight:bold; color:white; text-shadow:2px 2px 2px black}
		#TopNav1 LI A:hover {float:left; text-align:center; text-decoration:none; font-weight:bold; color:#00bbf1}
		/*Home*/
		#Home {width:102px; height:24px; display:block; padding:6px 0 0 0}
		#Home:hover {width:102px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-1-Home-over.jpg) center center no-repeat; color:white}
		/*About*/
		#About {width:132px; height:24px; display:block; padding:6px 0 0 0}
		#About:hover {width:132px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-2-About-over.jpg) center center no-repeat; color:white}
		/*tech*/
		#Technology {width:145px; height:24px; display:block; padding:6px 0 0 0}
		#Technology:hover {width:145px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-3-Technology-over.jpg) center center no-repeat; color:white}
		/*music*/
		#Music {width:129px; height:24px; display:block; padding:6px 0 0 0}
		#Music:hover {width:129px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-4-Music-over.jpg) center center no-repeat; color:white}
		/*Gallery*/
		#Gallery {width:145px; height:24px; display:block; padding:6px 0 0 0}
		#Gallery:hover {width:145px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-5-Gallery-over.jpg) center center no-repeat; color:white}
		/*Contact*/
		#Contact {width:141px; height:24px; display:block; padding:6px 0 0 0}
		#Contact:hover {width:141px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-6-Contact-over.jpg) center center no-repeat; color:white}
		/*Press*/
		#Press {width:106px; height:24px; display:block; padding:6px 0 0 0}
		#Press:hover {width:106px; height:24px; display:block; padding:6px 0 0 0; background:url(Nav-Bar/Nav-7-Press-over.jpg) center center no-repeat; color:white}		
		

.BigHr {height:1px; margin:20px 0 20px 0; display:block; background:#666;  width:100%}
.MiniHr {height:1px; margin:10px 0 10px 0; display:block;  background:#666; width:100%}
.BulletLinkBlue {display:block; background:url(Bullet-Blue.gif) left center no-repeat; padding:2px 0 2px 10px; text-decoration:none; font-weight:bold}

/* Intro Box  [D]- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#IntroBox {width:598px; float:left; margin:20px 20px 0px 0; border: 1px solid #666; background:url(BG-Panel.png) repeat left top !important; background:url(Panel-BG.gif) repeat center center; text-align:left}
#IntroBoxInner {margin:20px}
.IntroText {font-weight:bold; padding:5px 0 10px 0}
#Header-02 {margin:0 0 10px 0}
#Header-05 {margin:0 0 10px 0}
.PageHead {padding:10px 0 0 20px}


/* Right Boxes  [E]- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.RightBox {width:278px; height:163px; float:left; margin:20px 0 0px 0; border: 1px solid #666; background:url(BG-Panel.png) repeat left top !important; background:url(/Global/Panel-BG.gif) repeat center center; text-align:left}
.RightBoxInner {margin:20px}
.MiniGallery {margin:3px 0 3px 0}

/* Standard Template */
#ImgWrap {width:900px; height:125px; margin:0}

/* Flash page */
#FlashWrap {width:900px; height:285px; background:url(../Home/Assets/Home-BG.jpg) top center no-repeat; margin:0}

/*Footer */
#Footer {width:900px; margin:20px 0 20px 0; float:left; clear:both; border-top: 1px solid #666; padding:5px 0 0 0; color:#cdcdcd; font-size:10px}

/*Gallery CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.GalleryHead {margin:20px 0 5px 0}
.GalleryRule {border-bottom:1px dotted #666; height:1px; margin:0 20px 0 0}
.LBThumb {border:1px solid #00bbf1; margin:10px 17px 10px 0}
#GalleryBox {width:900px; float:left; margin:20px 0 0px 0; border: 1px solid #666; background:url(BG-Gallery-Panel.png) repeat left top !important; background:url(Panel-Gallery-BG.gif) repeat center center; text-align:left}
#GalleryBoxInner {margin:20px 0 20px 20px}

/*Light Box CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(Global/LightBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Global/LightBox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*Contact */
#EventContainer, #GeneralContainer, #SubmitBtn {display:none}
#EventTable TD {vertical-align:top}
#ContactForm {margin:10px 0 10px 0}
.LabelCol {padding:10px 10px 10px 0; text-align:right; width:150px}
.InputCol {padding:10px 0 10px 10px; text-align:left}
.ContactInput1 {width:175px; border:1px solid #ccc; background:url(Images/InputBG.png) repeat-x top left white}
.ContactInput2 {width:175px; height:75px; border:1px solid #ccc; background:url(Images/InputBG.png) repeat-x top left white}