body 
{
	background-image: url(../images/back-2.gif);
   text-align: center;
}

.frame
{
   top:50px;
   position:relative;
   width:620px;
   height:504px;
   background-color:White;
   border:solid 10px White;
   margin-left: auto;
   margin-right: auto;
	margin-bottom: 0px;
	text-align:left;
}

.bottombar
{
   background-color:#A19f8b;
//   background-image:url(images/bottombar.gif);
   background-repeat:no-repeat;
   background-position:58px 13px;
   position:absolute;
   width:620px;
   height:56px;
   top:448px;
   z-index:1;
}

.bottomitem
{
   background-image:url(images/bottombar.gif);
   height:16px;
   top:13px;
   position:absolute;
   text-indent:-5000px;
}

.bottomitem:hover
{
   background-image:url(images/bottombar_rollovers.gif);
   height:16px;
   top:13px;
   position:absolute;
   text-indent:-5000px;
}

.bottomarrow
{
   top:427px;
   left:-10px;
   position:absolute;
   text-indent:-5000px;
   background-image:url(images/arrow.gif);
   width:60px;
   height:65px;
   z-index:2;
}

.bottomarrow:hover
{
   background-image:url(images/arrow_rollover.gif);
}

#bottom_work
{
   left:58px;
   width:55px;
}

#bottom_method
{
   left:120px;
   width:75px;
   background-position:-62px 0px;
}

#bottom_about
{
   left:202px;
   width:64px;
   background-position:-144px 0px;
}

#bottom_contact
{
   left:270px;
   width:70px;
   background-position:-212px 0px;
}

.topbox
{
   position:absolute;
   height:440px;
   width:620px;
}

.fadedout
{
   opacity:0; 
   filter:alpha(opacity:0);
}

.taupe
{
   background-color:#f6f4e8;
}

.projectrightbar
{
   position:absolute;
   left:398px;
   width:222px;
   top:0px;
   height:inherit;
}

#project_empty
{
   position:absolute;
   left:0px;
   top:0px;
   width:222px;
   height:65px;
}

#project_listing
{
   position:absolute;
   left:0px;
   top:69px;
   height:174px;
   width:222px;
   background-image:url(images/projects.gif);
   background-repeat:no-repeat;
}

#project_image
{
   position:absolute;
   left:0px;
   top:0px;
   width:391px;
   height:440px;
   opacity:0; 
   filter:alpha(opacity:0);
}

/* Project View */

#project_desc
{
   background-repeat:no-repeat;
   position:absolute;
   left:0px;
   top:247px;
   height:193px;
   width:222px;
}

.viewmore
{
   position:absolute;
   top:136px;
   left:0px;
   width:218px;
   height:15px;
}

.p_d_more
{
   position:absolute;
   top:159px;
   height:16px;
   background-repeat:no-repeat;
   text-indent:-5000px;
}

#leftchev
{
   left:18px;
   width:16px;
   background-image:url(images/leftchev.gif);
}

#leftchev:hover
{
   background-image:url(images/leftchev_rollover.gif);
}

#currproj
{
   left:34px;
   width:15px;
}

#of
{
   left:49px;
   width:20px;
}

#numproj
{
   left:69px;
   width:15px;
}

#rightchev
{
   left:84px;
   width:16px;
   background-image:url(images/rightchev.gif);
}

#rightchev:hover
{
   background-image:url(images/rightchev_rollover.gif);
}
/*
 * Numbers!
 * 
 * The whole number image is 107 x 79... and it's 4x3, thanks Jeanine!
 * The xes for the columns are: 0, 26, 53, 80, 107
 * The widths are the columns are 26, 27, 27, 27
 *
 * The y's for the columns are: 0, 26, 52, 79
 * The heights are: 26, 26, 27
 *
 * It goes:
 * 1  2  3  4
 * 5  6  7  8
 * 9 10 11 12
*/

.project_numbers
{
   position:absolute;
   left:50px;
   top:47px;
   height:105px;
   width:107px;
}

.p_col1 { width:26px; left:0px; }
.p_col2, .p_col3, .p_col4 { width:27px; }
.p_col2 { left:26px; }
.p_col3 { left:53px; }
.p_col4 { left:80px; }

.p_row1, .p_row2, .p_row3 { height:26px; }
.p_row4 { height:27px; }

.p_row1 { top:0px; }
.p_row2 { top:26px; }
.p_row3 { top:52px; }
.p_row4 { top:78px; }

.p_num { position:absolute; text-indent:-5000px; background-image:url(images/numbers.gif); }
.p_num:hover { position:absolute; text-indent:-5000px; background-image:url(images/numbers_orange.gif); }

#p_n_1  { background-position:0px   0px; }
#p_n_2  { background-position:-26px 0px; }
#p_n_3  { background-position:-53px 0px; }
#p_n_4  { background-position:-80px 0px; }
#p_n_5  { background-position:0px   -26px; }
#p_n_6  { background-position:-26px -26px; }
#p_n_7  { background-position:-53px -26px; }
#p_n_8  { background-position:-80px -26px; }
#p_n_9  { background-position:0px   -52px; }
#p_n_10 { background-position:-26px -52px; }
#p_n_11 { background-position:-53px -52px; }
#p_n_12 { background-position:-80px -52px; }
#p_n_13 { background-position:0px   -78px; }
#p_n_14 { background-position:-26px -78px; }
#p_n_15 { background-position:-53px -78px; }
#p_n_16 { background-position:-80px -78px; }

#project_text
{
   position:absolute;
   left:16px;
   top:57px;
   width:186px;
   height:78px;
   text-indent:0px;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   font-family:Arial;
   font-size:10px;
   line-height:16px;
   color:#848273;
}

#project_text a
{
   color:#848273;
}

#project_header_text
{
	display:none;
	visibility:hidden;
}