html { font-family:"Geneva", Helvetica, sans-serif; font-size: 12px; color: #000; background-color:#000; margin:0px; }

body { font-family:"Geneva", Helvetica, sans-serif; font-size: 12px; color: #000; background-color:#000000; padding-top: 20px; background-position:center; }

p {font-family:"Geneva", Helvetica, sans-serif}

a {font-family:"Geneva", Helvetica, sans-serif}

h1 {font-family:"Geneva", Helvetica, sans-serif}

h2 {font-family:"Geneva", Helvetica, sans-serif}

h3 {font-family:"Geneva", Helvetica, sans-serif}

h4 {font-family:"Geneva", Helvetica, sans-serif}

h5 {font-family:"Geneva", Helvetica, sans-serif}

h6 {font-family:"Geneva", Helvetica, sans-serif}

a { color:#000; text-decoration:none; }

a:hover { color:#990000; outline: none; }

a:active { outline: none; }

body.video { font-family:"Geneva", Helvetica, sans-serif; font-size: 12px; color: #000; background-color:#000000; padding-top: 20px; margin:0px; }


/* container */ 


#container { height: 635px; margin: 10px 10px; vertical-align: middle; }



/* navigation */

.top-nav { width: 850px; height: 25px; float: middle; background-image:url(images/navimage.jpg); background-repeat:no-repeat; border-bottom: solid 2px #333333; color: #ffffff; font: 14px Geneva; font-weight: 700; color: #ffffff; line-height: 20px; }

.bot-nav { width: 850px; height: 25px; float: middle; background-image:url(images/navimage.jpg); background-repeat:no-repeat; border-top: solid 2px #333333; }

.nav { width: 850px; height: 25px; }

.top-nav ul { color: #ffffff; }

.top-nav li { color: #990000; height: 30px; float: left; text-align: justify; letter-spacing: 1.3px; font: 14px Geneva; font-weight: 700; line-height: 16px; padding: 5px 0px 0px 28px; }

.top-nav li:hover { color: #000; }

.top-nav li.selected { color: #ffffff; background-color: #cccccc; }

.top-nav li.selected a { color: #000000; }

.bot-nav li { color: #990000; height: 30px; float: left; margin: 5px; letter-spacing: 1.3px; font: 14px Geneva; font-weight: 700; line-height: 16px; }

.bot-nav li:hover { color: #000; }

.bot-nav li.selected { color: #ffffff; background-color: #cccccc; }

.bot-nav li.selected a { color: #000000; }

/* home */

#home { margin: 0; margin: 0; background-color: #eeeeee; border-top: solid 2px #333333; }

#front-page-img { width: 850px; height: 550px; background-image:url(images/unhappyindex.jpg); background-repeat:no-repeat; float: middle; }


/* multimedia */

#multimedia-page-img { width: 850px; height: 550px; background-image:url(images/unhappy.jpg); background-repeat:no-repeat; float: middle; }

#multimedia-head { width: 850px; float: left; font-family: Geneva; padding: 20px 0px 0px 10px; }

#multimedia-head h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 25px; padding: 25px 0 0 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

#multimedia-head h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 0px 0 0 0px; margin: 0; font-weight: strong; text-align: left; color: #000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#multimedia-head h3 { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; padding: 10px 0 0 10px; margin: 0; font-weight: 800; text-align: left; color: #000; text-transform: uppercase; text-decoration: underline; line-height: 18px; letter-spacing: 1px; }

#multimedia-head a { color:#000; }

#multimedia-head a:hover { color:#990000; }

#multimedia-head .transbox { width:750px; height:500px; float: center; margin:0px 0px; background-color:#ffffff; border:1px solid black;
  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; position: relative; z-index:1; }

#multimedia-head .overlay { width:715px; height:500px; float: center; margin:0px 0px; position: absolute; margin-left: 75px; top:70px; z-index:2; }

#multimedia-head .overlay p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; padding: 5px 0 0 0px; margin:10px 10px; font-weight:100; color:#000000; text-align: justify;  }

#multimedia-head .multimedia-work { width: 715px; height: 380px; overflow: auto; float: left; padding: 0px 0px 20px 0px; }

#multimedia-head .multimedia-work img {width: 320px; height: 227px; float: left; padding: 10px 10px 10px 0px; }

#multimedia-head .multimedia-work li { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; color: #000; line-height: 18px; text-align: justify; padding: 10px 15px 10px 15px; }

#multimedia-head .multimedia-work li a { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; color: #000; line-height: 16px; }

#multimedia-head .multimedia-work li a:hover { color: #990000; }

#multimedia-head .multimedia-work li.selected { color: #000; background-color: #cccccc; }

#multimedia-head .multimedia-work li.selected a { color: #990000; }





/* about */

#about-page-img { width: 850px; height: 550px; background-image:url(images/unhappy.jpg); background-repeat:no-repeat; float: middle; }

#about-head { width: 850px; text-align:center; font-family: Geneva; padding: 20px 0px 0px 0px; }

#about-head h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 25px; padding: 20px 0px 0px 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

#about-head h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#about-head a { color:#990000; font-weight:550; }

#about-head a:hover { color:#000; }

#about-head .transbox { width:750px; height:520px; background-color:#ffffff; border:1px solid black; margin-left: 50px; text-align:center;
  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; position: relative; z-index:1; }

#about-head .overlay { width:715px; height:520px; text-align: center; position: absolute; margin-left: 75px; top:70px; z-index:2; }

#about-head .overlay p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; padding: 5px 0 0 0px; margin:10px 0px; font-weight:100; color:#000000; text-align: justify; }

#about-head .overlay .about-pic { width: 275px; height: 282px; float: right; padding: 5px 0px 10px 10px; margin-top: -20px; }


/* online */

#online-page-img { width: 850px; height: 550px; background-image:url(images/unhappy.jpg); background-repeat:no-repeat; float: middle; }

#online-head { width: 850px; float: left; font-family: Geneva; padding: 20px 0px 0px 0px; }

#online-head h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 25px; padding: 25px 0 0 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

#online-head h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 0px 0 0 0px; margin: 0; font-weight: strong; text-align: left; color: #000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#online-head h3 { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; padding: 10px 0 0 10px; margin: 0; font-weight: 800; text-align: left; color: #000; text-transform: uppercase; text-decoration: underline; line-height: 12px; letter-spacing: 1px; }

#online-head a { color:#000; }

#online-head a:hover { color:#990000; }

#online-head .transbox { width:750px; height:500px; float: center; margin:0px 0px; background-color:#ffffff; border:1px solid black;
  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; position: relative; z-index:1; }

#online-head .overlay { width:715px; height:500px; float: center; margin:0px 0px; position: absolute; margin-left: 75px; top:70px; z-index:2; }

#online-head .overlay p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; padding: 5px 0 0 0px; margin:10px 10px; font-weight:100; color:#000000; text-align: justify;  }

#online-head .online-work { width: 715px; height: 380px; overflow: auto; float: left; padding: 0px 0px 20px 0px; }

#online-head .online-work img {width: 160px; height: 80px; float: left; padding: 10px 10px 10px 0px; }

#online-head .online-work ul { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; padding: 0px 0px 0px 180px; }

#online-head .online-work li { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; color: #000; line-height: 14px; text-align: left; padding: 15px 0px 0px 0px; }

#online-head .online-work li a { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; color: #000; line-height: 14px; }

#online-head .online-work li a:hover { color: #990000; }

#online-head .online-work li.selected { color: #000; background-color: #cccccc; }

#online-head .online-work li.selected a { color: #990000; }


/* video */

#video-page-img { width: 850px; height: 550px; background-image:url(images/unhappy.jpg); background-repeat:no-repeat; float: middle; }

#video-head { width: 850px; float: left; font-family: Geneva; padding: 20px 0px 0px 0px; }

#video-head h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 25px; padding: 25px 0 0 0px; margin: 0; font-weight: strong; color: #000; text-align: left; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

#video-head h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 0px 0 0 0px; margin: 0; font-weight: strong; text-align: left; color: #000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#video-head h3 { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; padding: 10px 0 0 10px; margin: 0; font-weight: 800; text-align: left; color: #000; text-transform: uppercase; text-decoration: underline; line-height: 18px; letter-spacing: 1px; }

#video-head p { font-family:"Geneva", Helvetica, sans-serif; font-size: 10px; margin: 0; font-weight: 900; color: #ffffff; line-height: 12px; letter-spacing: 0px; text-align: justify; }
 
#video-head a { color:#000; }

#video-head a:hover { color:#990000; }

#video-head .transbox { width:750px; height:500px; float: center; margin:0px 0px; background-color:#ffffff; border:1px solid black;
  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; position: relative; z-index:1; }

#video-head .overlay { width:715px; height:500px; float: center; margin:0px 0px; position: absolute; margin-left: 75px; top:70px; z-index:2; }

#video-head .overlay p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; padding: 5px 0 0 0px; margin:10px 10px; font-weight:100; color:#000000; text-align: justify;  }

#video-head .video-work { width: 715px; height: 380px; overflow-x: hidden; overflow-y: scroll; float: center; padding: 0px 0px 20px 0px; }

#video-head .video-work img { width: 120px; height: 90px; float: left; padding: 10px 10px 10px 0px; }

#video-head .video-work h3 { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; color: #000; padding: 10px 15px 0px 140px; line-height: 18px; }

#video-head .video-work h3:hover { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; color: #990000; padding: 10px 15px 0px 140px; line-height: 18px; }

#video-head .video-work h4 { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; padding: 10px 15px 0px 10px; line-height: 16px; text-align: center; letter-spacing: 1px; }

#video-head .video-work h4:hover { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; padding: 10px 15px 0px 10px; line-height: 16px; text-align: center; letter-spacing: 1px; }

#video-head .video-work p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px; text-align: left; padding: 5px 0px 5px 130px; text-align: justify; font-weight:500; }

#video-head .video-work a { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px; }

#video-head .video-work a:hover { color: #990000; }

.video-popup { font-family:"Geneva", Helvetica, sans-serif; width: 430px; height: 405px; padding: 5px 10px; }

.video-popup .youtube {width: 430px; padding: 0 60px 0 30px; }

.video-popup h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 21px; margin: 0; font-weight: strong; color: #ffffff; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

.video-popup h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 16px; padding: 0px 10px 5px 10px; margin: 0; width: 350px; font-weight: strong; text-align: left; color: #ffffff; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }




/* photography */

#photography-page-img { width: 850px; height: 550px; background-image:url(images/unhappy.jpg); background-repeat:no-repeat; float: middle; }

#photography-head { width: 850px; float: middle; font-family: Geneva; padding: 20px 0px 0px 0px; }

#photography-head .transbox { width:750px; height:500px; float: center; background-color:#ffffff; border:1px solid black;
  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; position: relative; z-index:1; }

#photography-head .overlay { width:715px; height:500px; float: center; position: absolute; margin-left: 75px; top:70px; z-index:2; }

#photography-head h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 25px; padding: 20px 0px 0px 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

#photography-head h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#blackbox {	width: 710px; height: 410px; background-color: #000; margin-left:-15px; }

#flashcontent {	height: 100%; padding: 12px 5px 0px 0px; }

#audioviewer { height: 550px; margin: 0; padding: 0; background-color: #181818; color:#000; font-family:"Geneva", Helvetica, sans-serif; font-size:40; }

#photography-head .overlay p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; padding: 5px 0 0 10px; margin:10px 10px; font-weight:100; color:#000000; text-align: justify;  }

#photography-head .overlay img { text-align: center; padding: 5px 15px; }

#photography-head h3 { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; padding: 10px 0 0 10px; margin: 0; font-weight: 800; text-align: left; color: #000; text-transform: uppercase; text-decoration: underline; line-height: 14px; letter-spacing: 1px; }

#photography-head p { font-family:"Geneva", Helvetica, sans-serif; font-size: 10px; margin: 0; font-weight: 900; color: #ffffff; line-height: 24px; letter-spacing: 2px; }
 
#photography-head a { color:#ffffff; }

#photography-head a:hover { color:#990000; }



/*experience*/

#experience-page-img { width: 850px; height: 550px; background-image:url(images/unhappy.jpg); background-repeat:no-repeat; float: middle; }

#experience-head { width: 850px; float: left; font-family: "Geneva", Helvetica, sans-serif; padding: 20px 0px 0px 0px; }

#experience-head h1 { font-family:"Geneva", Helvetica, sans-serif; font-size: 25px; padding: 25px 0 0 0px; margin: 0; text-align: left; font-weight: strong; color: #000; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; }

#experience-head h2 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 0px 0 0 0px; margin: 0; font-weight: strong; text-align: left; color: #000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#experience-head h3 { font-family:"Geneva", Helvetica, sans-serif; font-size: 18px; padding: 10px 0 0 0px; margin: 0; font-weight: strong; text-align: left; color:#990000; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }

#experience-head h4 { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 15px 0 0 0px; font-weight: 800; color: #000; line-height: 14px; letter-spacing: 1px; }

#experience-head a { color:#990000; }

#experience-head h4 a:hover { color:#000; }

#experience-head .transbox { width:750px; height:500px; float: center; margin:0px 0px; background-color:#ffffff; border:1px solid black;
  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; position: relative; z-index:1; }

#experience-head .overlay { width:715px; height:500px; float: center; margin:0px 0px; position: absolute; margin-left: 75px; top:70px; z-index:2; }

#experience-head .overlay p { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; font-weight:100; color:#000000; text-align: justify;  }

#experience-head #resume {font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px; text-align: right; width: 200px; float: right; margin-top: -50px; }

#experience-head .experience-work { width: 715px; height: 380px; overflow: auto; float: left; padding: 0px 0px 20px 0px; }

#experience-head .experience-work li { font-family:"Geneva", Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px; text-align: left; padding: 5px 0px 5px 15px; }