/* CSS Document */

/* THIS SETS THE BACKROUND COLOUR  FOR  THE WHOLE GALLERY */
#gallery {width:100px; height:380px; padding:0px; position:relative; }

 /*---------------------------------------------------------------------------------------------------------*/
 /*this sets the placer for the default image */
#gallery b.default {position:absolute; left: 350px; left:350px; top:0px;left:420px; width:400px; height:380px; text-align:left;}
#gallery b.default img {display:block; margin:0px 0px 0px 0px; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#000;  font-family:verdana, arial, sans-serif;  font-weight:normal; font-size:11px;  width:350px;   margin:0 auto;  }
    /*---------------------------------------------------------------------------------------------------------*/


/*THIS SETS THE WIDTH AND THE POSITION OF THE THUMBNAIL BLOCK*/
#gallery ul {list-style:none; padding-left:15px;  margin:0;  width:391px;  position:absolute;  top:0px; left:0px;  float:left; }
#gallery ul li {display:inline; width:35px; height:50px;  float:left;   margin-top: 7px;	   margin-left:6px;   margin-right:7px;   }

   /*------THIS SETS THE BORDERS FOR THE THUMBNAILS*/
#gallery ul li a {display:block; width: 35px; height: 50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
/*--------  THIS  SETS THE SIZE OF THE THUMBNAIL-------*/
#gallery ul li a img {display:block; width: 35px;  height: 50px;  border:0; }
 /*---------------------------------------------------------------------------------------------------------*/

#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
/*---------------------------------------------------------------------------------------------------------*/

/*-- THIS SETS THE  DISPLAY AREA FOR THE FULL IMAGE*/
#gallery ul li a:hover b {
position:absolute; left:420px; /* THIS WILL SET THE DISTANCE OF THE DISPPLAY AREA FROM*/
/*THE  BLOCK OF THUMBS*/
top:-164px;width:250px; height:360px; text-align:center;  background:#fff;
  z-index:20;  }
  /*THIS SETS THE   DIPSPLAY AREA  FOR IMAGE WHEN CLICKED ON */
#gallery ul li a:active b, #gallery ul li a:focus b {
position:absolute; left:350px; top:-180px;left:420px;  width:250px;  height:360px; text-align:center;  background:#fff;  z-index:10; }



   /*---------------------------------------------------------------------------------------------------------*/
  
#gallery ul li a:hover img {margin:0px 0px 0px 0px; width:auto; /* GIVES VARIABLE WIDTH*/
 height:auto;/* GIVES VARIABLE HEIGHT*/
  border:1px solid #eee; 
  border-color:#555 #ddd #eee #333;/* BORDER OF IMAGE*/
  }
  /* THIS SETS THE IMAGE IF THE IMAGE IS CLICKED ON*/
#gallery ul li a:active img, #gallery ul li a:focus img{
margin:0px 0px 0px 0px; width:auto; height:auto; border:1px solid #eee;  border-color:#555 #ddd #eee #333; }


/*---------------------------------------------------------------------------------------------------------*/
 
 
 
 
 /*---- THIS SETS THE TEXT FOR THE DESCRIPTION OF THE IMAGE */
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px;  width:350px;  margin:0 auto;  }

#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; 
font-family:verdana, arial, sans-serif; font-weight:normal;  font-size:11px;   width:350px;   margin:0 auto;  }

/*---------------------------------------------------------------------------------------------------------*/

 /*---- THIS SETS THE TEXT FOR THE Table OF THE IMAGE */
#gallery ul li a:hover table {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px;  width:350px;  margin:0 auto;
  }

#gallery ul li a:active span, #gallery ul li a:focus table {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal;  font-size:11px;   width:350px;   margin:0 auto;  }

#portfolio{width:190px;height:18px;padding-left:23px;padding-bottom:5px;}
#portfolio-text{height:150px;width:391px;padding-left:23px;}
/*---------------------------------------------------------------------------------------------------------*/
#content_portfolio{
text-align: left;height:372px;width:900px;}

#portfolio_content{
margin:0;padding:0;
position: relative;}

#portfolio_left{
height:200px;
width:390px;
position:relative;
top:0px;
left:20px;
margin:0 0px 0 0px;
padding:0 0 0 0 ;}

#portfolio_right{
	overflow:hidden;
	height:380px;
	width:410px;
	position:absolute;
	top:-5px;
	left:457px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#portfolio_right h3, #portfolio_right p{
margin:0;
padding:0;
color:#FFFFFF;}

#portfolio_right h3{margin:20px 0 0 0;
font: bold 1em/1.5 Arial, Helvetica, sans-serif;}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen{
	display:block;
	width:69px;
	height:75px;
	float:left;
	position: absolute;
	background-color:#CCCCCC;
}

.one, .two, .three, .four, .five{
top:133px;}

.six, .seven, .eight, .nine, .ten{
top: 212px;}

.eleven, .twelve, .thirteen, .fourteen, .fifteen{
top:291px;}

.one, .six, .eleven{
left:0;}

.two, .seven, .twelve{
left: 78px}

.three, .eight, .thirteen{
left:156px;}

.four, .nine, .fourteen{
left: 234px;}

.five, .ten, .fifteen{
left:312px}

.evan .one{
background: url(../images/evangelism_nav/best_dad.jpg) no-repeat 0 0;}

.evan .two{
background: url(../images/evangelism_nav/beyond_gold.jpg) no-repeat 0 0;}

.evan .three{
background: url(../images/evangelism_nav/game_of_life.jpg) no-repeat 0 0;}

.evan .four{
background: url(../images/evangelism_nav/kickoff.jpg) no-repeat 0 0;}

.evan .five{
background: url(../images/evangelism_nav/wonderful_life.jpg) no-repeat 0 0;}

.evan .six{
background: url(../images/evangelism_nav/euro2008.jpg) no-repeat 0 0;}

.evan .seven{
background: url(../images/evangelism_nav/infinite_hope.jpg) no-repeat 0 0;}

.evan .eight{
background: url(../images/evangelism_nav/ultimate_goal.jpg) no-repeat 0 0;}

.evan .nine{
background: url(../images/evangelism_nav/going_for_glory.jpg) no-repeat 0 0;}

.evan .ten{background: url(../images/evangelism_nav/challenge_newsline.jpg) no-repeat 0 0;}

.evan .eleven {background: url(../images/evangelism_nav/lifebridge.jpg) no-repeat 0 0;}

.evan .twelve{ background: url(../images/evangelism_nav/easter_sonrise.jpg) no-repeat 0 0}

.evan .thirteen{
background: url(../images/evangelism_nav/road_to_glory.jpg) no-repeat 0 0;}

.evan .fourteen{
background: url(../images/evangelism_nav/christmas.jpg) no-repeat 0 0;}

.evan .fifteen{
background: url(../images/evangelism_nav/hope.jpg) no-repeat;}

.evan h3.portfolio{
text-indent:-9999px;
background: url(../images/evangelism.gif) no-repeat 0 0;
height:15px;
width:105px;
display:block;
padding:0 0 14px 0;
margin:12px 0 0 0;}

#opening, #gangland, #new_wine_one, #csi_freedom_to_believe, #new_wine_two, #promise_of_christmas, #new_wine_three, #new_wine_four, #anuthel, #yfc,#stormtide, #greg_hart, #challenge_newsline_web, #faith_like_potatoes, #library_of_lives, #mission_update{
height:380px;
width:410px;
background-color:#FFFFFF}

.evan #opening{
background: url(../images/evangelism_two/opening.jpg) no-repeat 0 0;}

.evan #gangland{
background: url(../images/evangelism_two/evangelism_worlds_best_dad.jpg) no-repeat 0 0}

.evan #new_wine_one{
	background-image: url(../images/evangelism_two/evangelism_beyond_gold.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.evan #new_wine_two{
	background-image: url(../images/evangelism_two/evangelism_game_of_life.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.evan #csi_freedom_to_believe{
	background-image: url(../images/evangelism_two/evangelism_ultimate_goal.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.evan #promise_of_christmas{
background: url(../images/evangelism_two/evangelism_kick_off.jpg) 0 0;}

.evan #yfc{
	background-image: url(../images/evangelism_two/evangelism_wonderful_life.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.evan #new_wine_three{
	background-image: url(../images/evangelism_two/evangelism_euro2008.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.evan #new_wine_four{
	background-image: url(../images/evangelism_two/evangelism_infinite_hope.jpg);
	background-position: 0 0;
}

.evan #stormtide{
	background-image: url(../images/evangelism_two/evangelism_challenge_newsline.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.evan #greg_hart{
background: url(../images/evangelism_two/evangelism_lovebridge_lifekey.jpg) no-repeat 0 0}

.evan #anuthel{
background: url(../images/evangelism_two/evangelism_going_for_glory.jpg) 0 0;}

.evan #challenge_newsline_web{
background: url(../images/evangelism_two/evangelism_easter_sonrise.jpg) no-repeat 0 0;}

.evan #faith_like_potatoes{
background: url(../images/evangelism_two/evangelism_road_to_glory.jpg) no-repeat 0 0;}

.evan #library_of_lives{
background: url(../images/evangelism_two/evangelism_christmas.jpg) no-repeat 0 0;}

.evan #mission_update{
background: url(../images/evangelism_two/evangelism_hope.jpg) no-repeat 0 0;}

.evan #portfolio_right h3, .evan #portfolio_right p{
margin:0;
padding:0;
font: 1em/1.5 Arial, Helvetica, sans-serif;}

.evan #portfolio_right h3{
font-weight:bold;
color:#990000}

.evan #portfolio_right p{color:#000000;}

#portfolio_left a{
text-indent:-9999px;
display: block;
width:71px; height:71px;}

#greatest_dad_text, #beyond_gold_text, #game_life_text, #kick_off_text, #wonderful_life_text, #euro_text, #infinite_hope_text, #ultimate_goal_text, #going_for_glory_text, #challenge_newsline_text, #lifebridge_text, #easter_sonrise_text, #road_to_glory_text, #christmas_text, #hope_text{
	position:absolute;
	left:0px;
}

#greatest_dad_text{
	top:380px;
	width:250px;
}

#beyond_gold_text{
	top:2280px;
	width:230px;
	}

#game_life_text{
	top:1140px;
	width:250px;
}

#kick_off_text{
	top:2660px;
	width:280px;
}

#wonderful_life_text{
	top:1520px;
	width:250px;
}

#euro_text{
	top:3040px;
	width:250px;
}

#infinite_hope_text{
	top:3420px;
	width:250px;
}

#ultimate_goal_text{
	top:1900px;
	width:275px;
}

#going_for_glory_text{
	top:3800px;
	width:250px;
}

#challenge_newsline_text{
	top:4180px;
	width:250px;
}

#lifebridge_text{
	top:4560px;
	width:250px;
}

#easter_sonrise_text{
	top:4941px;
	width:250px;
}

#road_to_glory_text{
	top:5320px;
	width:250px;
}

#christmas_text{
	top:5700px;
	width:250px;
}

#hope_text{
	top:6080px;
	width:281px;
}

.evan #portfolio_right span{
font-style:italic;}

.evan #portfolio_right a{
color:#990000;}