div#innerfade-holder
{   
    height:420px;
    overflow:hidden;
    border:0px solid #874343;
	position: relative;
	/*top: -5px;*/
}
div#controlBarContainer
{
    position:relative; 
    /*width:350px;*/
    /*top:250px;*/    
    /*left:726px; */
	border: 0px;   
    Z-INDEX: 99;   
    
    top:241px; 
    width:200px; 
    left:720px;    
    text-align:right; 
}

/*slide_control*/
#slide_control 
{   
    /*border:1px solid pink;*/
	Z-INDEX: 99; 	
}
#slide_control LI 
{  
	DISPLAY: block; 
	FLOAT: left; 
	LIST-STYLE-TYPE: none;	
	margin-right:3px;
}

/*slide_nav*/

UL#slide_nav {	
	Z-INDEX: 99; 		
	/*border: 1px solid pink;*/
}
UL#slide_nav LI {	
	DISPLAY: block;
	width: 27px;
	height: 11px;
	FLOAT: left;
	LIST-STYLE-TYPE: none;
	OVERFLOW: hidden; 
	/*padding:5px;*/
	margin-right:4px;
	/*BACKGROUND-IMAGE: url(../images/button.png); */	
	background-color:#ffffff;
	color:#000000;
	/*border:1px solid #000000;*/
	font-weight: bold;
}

#slide_nav LI SPAN {
	MARGIN-LEFT: -10000px
}
#slide_nav LI:hover {
	Z-INDEX: 99; CURSOR: pointer;
}
UL#slide_nav LI#button_selected {
	/*BACKGROUND-IMAGE: url(../images/button_selected.png);*/
	background-color:#006a53;	
}
UL#slide_nav LI#button_selected:hover {
	
}
ul#portfolio
{
    list-style-type: none;
    /*margin-left:-10px;*/
    margin:0px;
    padding:0px;
}
ul#portfolio li
{
    
}
#portfolio IMG {
	/*WIDTH: 600px; 
	HEIGHT: 450px;*/
	
	width: 960px;
	height: 450px;
	
	
	/*margin-left:-4px;*/
	padding:0px;
}
/*
#prev_button {
	MARGIN-LEFT: 0px
}
#next_button {
	MARGIN-LEFT: 0px
}
*/
#pause_button {
	MARGIN-LEFT: 0px
}
/*
#last_button {
	MARGIN-LEFT: 0px
}
*/
UL#portfolio LI IMG {
	/*BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #ccc 1px solid*/
}
.fade {
	MARGIN-BOTTOM: 2em
}
.fade P {
	BACKGROUND: #fff; MARGIN-BOTTOM: 2em; WIDTH: 100%; TEXT-ALIGN: center
}

#pause_button {
	Z-INDEX: 99; CURSOR: hand
}
/*
.prev_button {
	Z-INDEX: 99; CURSOR: hand
}
.next_button {
	Z-INDEX: 99; CURSOR: hand
}
#first_button {
	Z-INDEX: 99; CURSOR: hand
}
#last_button {
	Z-INDEX: 99; CURSOR: hand
}
*/
#pause_button SPAN {
	MARGIN-LEFT: -10000px
}
/*
.prev_button SPAN {
	MARGIN-LEFT: -10000px
}
.next_button SPAN {
	MARGIN-LEFT: -10000px
}
#first_button SPAN {
	MARGIN-LEFT: -10000px
}
#last_button SPAN {
	MARGIN-LEFT: -10000px
}
#hover_next_button SPAN {
	MARGIN-LEFT: -10000px
}
#hover_prev_button SPAN {
	MARGIN-LEFT: -10000px
}
*/
#water_mark SPAN {
	MARGIN-LEFT: -10000px
}

#pause_button {
	OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; TOP: 0px
}
/*
.prev_button {
	OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; TOP: 0px
}
.next_button {
	OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; TOP: 0px
}
#first_button {
	OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; TOP: 0px
}
#last_button {
	OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; TOP: 0px
}
*/
#water_mark {
	OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; TOP: 0px
}
/*
#first_button 
{   
	LEFT: 354px; BACKGROUND-IMAGE: url(../images/first.png); 
	WIDTH: 34px; HEIGHT: 29px
}
#first_button:hover {
	BACKGROUND-IMAGE: url(../images/first_hover.png)
}
#last_button {
	LEFT: 474px; BACKGROUND-IMAGE: url(../images/last.png); 
	WIDTH: 34px; HEIGHT: 29px
}
#last_button:hover {
	BACKGROUND-IMAGE: url(../images/last_hover.png)
}
#nex_prev_buttons {
	Z-INDEX: 99; LEFT: 0px; POSITION: absolute
}
#next_button {
	LEFT: 443px; BACKGROUND-IMAGE: url(../images/next.png); 
	WIDTH: 31px; HEIGHT: 29px
}
#next_button:hover {
	BACKGROUND-IMAGE: url(../images/next_hover.png)
}
#prev_button {
	LEFT: 388px; BACKGROUND-IMAGE: url(../images/prev.png); 
	WIDTH: 31px; HEIGHT: 29px
}
#prev_button:hover {
	BACKGROUND-IMAGE: url(../images/prev_hover.png)
}
*/

.pause_button {
	LEFT: 400px; BACKGROUND-IMAGE: url(../images/pause.gif); 
	WIDTH: 27px; 
	HEIGHT: 11px;
}
.pause_button:hover {
	/*BACKGROUND-IMAGE: url(../images/pause_hover.png)*/
	BACKGROUND-IMAGE: url(../images/pause_hover.gif)
	
}
.paused_button {
	LEFT: 400px; 	
	/*BACKGROUND-IMAGE: url(../images/pause_hover.png);*/
	BACKGROUND-IMAGE: url(../images/play.gif);
	WIDTH: 27px; 
	HEIGHT: 11px;
}
.paused_button:hover {
	BACKGROUND-IMAGE: url(../images/play_hover.gif); 
}


/*
#hover_next_button {
	Z-INDEX: 6000; OVERFLOW: hidden; 
	WIDTH: 77px;
	BACKGROUND-REPEAT: no-repeat; TOP: 35px; 
	HEIGHT: 125px
}
#hover_prev_button {
	Z-INDEX: 6000; OVERFLOW: hidden; 
	WIDTH: 77px; 
	BACKGROUND-REPEAT: no-repeat; TOP: 35px; 
	HEIGHT: 125px
}
#hover_next_button SPAN {
	
}
#hover_next_button {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 21px 35px; PADDING-LEFT: 30px; RIGHT: 0px; BACKGROUND-IMAGE: url(../images/hover_next.png); PADDING-BOTTOM: 30px; PADDING-TOP: 30px
}
#hover_prev_button {
	PADDING-RIGHT: 30px; BACKGROUND-POSITION: 8px 35px; PADDING-LEFT: 0px; LEFT: 0px; BACKGROUND-IMAGE: url(../images/hover_prev.png); PADDING-BOTTOM: 30px; PADDING-TOP: 30px
}
*/
UL#portfolio-desc {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px solid; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: 0px solid; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
UL#portfolio-desc H2 {
	FONT-SIZE: 30px; MARGIN-BOTTOM: 8px
}
div.transbox
{
    /*width:610px;*/
    width:940px;
    /*height:80px;*/
    height:55px;
    padding:10px;
    color:#ffffff;
    position:relative;
    bottom:120px;
    font-weight: bold;           
    background-color: #020202;
    /*background-color: #4b4c4b;*/
    /*border:1px solid black;*/
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.7;

}


div.description
{
    top:-195px !important;    
    z-index:99;
    
     width:700px;
    /*height:80px;*/
    height:55px;
    /*todo: fix padding*/
    padding: 10px;
    color:#ffffff;
    position:relative;
    left:6px;    
    bottom:120px;
    /*border: 1px solid red;*/
}

div.description p
{
    color: #ffffff;         
    /*visibility: visible;*/
}

div.description p a#moreLink:link, div.description p a#moreLink:active, div.description p a#moreLink:hover, div.description p a#moreLink:visited
{
    color: #ffffff;
    text-decoration: underline;       
}


