@charset "utf-8";
img, div { behavior: url(iepngfix.htc) }
 
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	color: #000000;
	background-repeat: repeat-x;
}


#wrapper {
	background: url(images/topGradient_22.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center center;
	color: #FFFFFF;
}

#container {
	width: 932px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
	background-color: #8CC641;
}

#containerPortfolio {
	width: 932px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
	background-color: #27AAE1;
}

#containerResume {
	width: 932px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
	background-color: #8CC641;
}

#containerContact {
	width: 932px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
	background-color: #8CC641;
}

#header {
	background-image:url(images/header.gif);
	background-repeat:repeat-x
	width: 932px;
	height:158px;
	padding: 0 10px 0 20px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left;
} 

/*^^ changed height from 157 to 147^^
*/

#logo {
	background-image:url(images/logos_03.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	height: 90px;
	width: 90px;
}

#logoright {
	height: 200px;
	width: 200px;
	float: right;
	margin-left: 200px;
	
position:relative;
left:0px;
top:0px;
z-index:10;

}

/*#logo2 {
background-image:url(images/logos_05.png);
background-repeat:no-repeat;
background-position:right bottom;
height: 30px;
}*/

#header h1 {
	margin: 0; 
	padding: 0px 0; 
}

#menu{
	float:left;
	padding-top: 134px;
	padding-left: 158px;
	margin: 0px;
	/*height: 0px !important;
	height /**//*:50px; /* IE 5/Win hack  
	display: block;*/
}

#about{
float:left;
}

#portfolio{
float:left;
}

#resume{
float:left;
}

#contact{
float:left;
}

	
#photo{
float:left;
}

#video{
float:left;
}

#interactive{
float:left;
}

#web{
float:left;
}

#topBar {
	background-image:url(images/topGradient_20.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:45px;
}

#menuPort{
	float:none;
	padding-left: 20px;
	margin-left: 10px;
		position: absolute;

}
#topBarBlue {
	background-image:url(images/barBlue.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:45px;
}

#topBarOrange {
	background-image:url(images/barOrange.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:45px;
}

#topBarPur {
	background-image:url(images/barPur.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:45px;
}

#barGray {
	background-image:url(images/barGray.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:22px;
}


#holder {
	background-image:url(images/topGradient_22.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

/* front page */

#mainContent {
	background-color: #ffffff;
	background-image: url(images/topGradient_22.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-top: 10px;
	height: 700px;
}

#mainContentIndex {
	background-color: #ffffff;
	background-image: url(images/topGradient_22.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-top: 0px;
	height: 400px;
}

#slideshow {
	width: 890px;
	height: 250px;
	
position:relative;
left:0px;
top:0px;
z-index:1;

}

#story {
	float: left;
	width: 400px;
	padding-top: 80px;
}

#bigBtnMenuRow1 {
	float:right;
	padding-top: 90px;
	padding-right: 25px;
	margin: 0px;
	margin-left: 0px;
}

#webBigBtn {

	float: left;
	position:relative;
	margin-top: 0px;
}

#intBigBtn {
	float: right;
	margin-right: 0px;
	position:relative;
	margin-top: 5px;
	padding-top: 3px;
	padding-left: 20px;
}

#bigBtnMenuRow2 {
	float:right;
	padding-top: 8px;
	padding-right: 11px;
	margin-left: 0px;
	margin-top: 0px;
	width: 488px;
}

#videoBigBtn {
	float: left;
	padding-top: 8px;
}

#photographybtn {
	float: right;
	padding-left: 0px;
}

/* web page */
#content {
	height: 341px;
	width: 445px;
	float: right;
	margin-left: 0px;
	position:relative;
	margin-top: 0px;
	line-height: inherit;
}

#contentW {
	/* web page content*/
	height: 351px;
	width: 445px;
	float: right;
	margin-left: 0px;
	position:relative;
	margin-top: 0px;
	line-height: inherit;
}

#Pline {
	background-image:url(images/Vline.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:22px;
	padding-bottom: 1px;
	position: relative;
}

.ad-gallery {
  width: 400px; 
  height: 550px; 
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
	margin-top: 2px;
	float: left;
}
  .ad-gallery .ad-image-wrapper {
	width: 100%;
	height: 372px;
	/* ^^^changes the height of the gallery^^^ */
    margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
	
	  * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
		
		.ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
	
	 .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

#sbline {
	background-image:url(images/sbline.gif);

	background-repeat:repeat-x
	background-position:top;
	position:relative;
	height:22px;
	width: 445px;
	float: right;
	margin-left: 10px;
}
/*^^^^^ mess with this if theres problems with gallery^^^^ */

#projTitle {
	height: 10px;
	width: 445px;
	float: right;
	margin-left: 0px;
	position:relative;
	margin-top: 1px;
	line-height: inherit;
}

#projMenuRow1 {
	float:right;
	padding-top: 20px;
	padding-right: 60px;
	margin: 0px;
	margin-left: 0px;
}

#web1 {
	float: left;
	/*margin-top: 30px;
	margin-right: 335px;
	margin-left: 0px;
	position:relative;
	left:445px;
	top:410px;*/
}

#web2 {
	float: left;
	margin-left: 15px;
	/*margin-top: 30px;
	margin-right: 330px;
	margin-left: 0px;
	position:relative;
	left:585px;
	top:320px;*/
}

#web3 {
	float: left;
	margin-left: 15px;
	/*	position:relative;
	left:725px;
	top:230px;*/
}

#projMenuRow2 {
	float: left;
	padding-right: 60px;
	margin: 0px;
	padding-left: 42px;
	padding-top: 15px;
}

#web4 {
	float: left;
		/*position:relative;
	left:445px;
	top:250px;*/
}

#web5 {
	float: left;
	margin-left: 15px;
	/*	position:relative;
	left:725px;
	top:230px;*/
}

#web6 {
	float: left;
	margin-left: 15px;
	/*	position:relative;
	left:725px;
	top:230px;*/
}

/* photography page */
#mainContentPH {
	background-color: #ffffff;
	background-image: url(images/topGradient_22.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 65px;
	padding-top: 20px;
	height: 950px;
}

/* video page */
#mainContentV {
	background-color: #ffffff;
	background-image: url(images/topGradient_22.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 65px;
	padding-top: 20px;
	height: 750px;
}

#Vline {
	background-image:url(images/Vline.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top: 30px;
	height:22px;
}

#V1{
float:left;
margin-top: 30px;
margin-right: 80px;
margin-left: 20px;
}

#V2{
float:left;
margin-top: 30px;
margin-right: 80px;}

#V3{
float:left;
margin-top: 30px;
}

#V4{
float:left;
margin-top: 30px;
margin-right: 80px;
margin-left: 20px;
}

#V5{
float:left;
margin-top: 30px;
margin-right: 80px;}


/* video page */

#V3{
float:left;
margin-top: 30px;
}

/* resume page */

#mainContentResume {
	background-color: #ffffff;
	background-image: url(images/topGradient_22.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-top: 10px;
	height: 830px;
}

#resumeDL{
	float:left;
	padding-top: 130px;

}


#resumeButA{
	height: 109px;
	width: 150px;
	float:left;
	margin-right: 0px;
	position: relative;
	z-index:1;
	margin-left: 40px;
	padding-top: 10px;
}

#resumeButW{
	height: 100px;
	width: 109px;
	float:left;
	margin-right: 0px;
	position: relative;
	z-index:1;
	padding-top: 10px;
	margin-left: 40px;
}

#resumeContent{
	float:right;
	margin-right: 30px;
	margin-top: 10px;

}

#grad {
	background-image: url(images/topGradient_22.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center center;
	}
#footer {
	padding: 0 0px;
	background:#DDDDDD;
	background-image: url(images/jb_23.gif);
	background-repeat: repeat-x;
	width: 932px;
	height:53px;
	position:relative
} 
#footer p {
	margin: 0; 

	padding: 0px 0;
	 
}

/* IE5 Mac Hack \*/ 
/*#main-nav { 
	padding-left: 0px; } 
/*/ 
/*#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */