.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 980px;
height: 384px; /* Set height to be able to contain height of largest content shown*/
border: 0;
overflow: hidden;
padding:0; margin:0;
}


/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #1d1e1c;
padding: 0;
visibility: hidden;
width: 980px;
z-index:1;
top:0; left:0;
}



.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
padding:25px 0 0 0;
width: 980px;
margin: 0;
position:relative;
z-index:101;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/

}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a img { padding:0 10px 0 10px}
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border-left: 0px solid #6c6d6b;
border-right: 1px solid #6c6d6b;
color: #282828;
padding: 0;
}

.glidecontenttoggler a.current{ /*style for selected page's toggler link. ".selected" class auto generated! */
border-left: 1px solid #fff;
border-right: 1px solid #fff;
color: #282828;
margin:0 0 0 -1px;
}
.glidecontenttoggler a.toc img {
-moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50; 
}

.glidecontenttoggler a.toc img:hover {
opacity:1;
filter:alpha(opacity=100);
filter: "alpha(opacity=100)";}

.glidecontenttoggler a.current img {
opacity:1;
filter:alpha(opacity=100);
filter: "alpha(opacity=100)";}

.glidecontenttoggler a:hover{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
color: #01bcf3;
margin:0 0 0 -1px
}

.left-mask { width:45px; height:90px; position:absolute; left:0; top:0; background:#1d1e1c}
.right-mask { width:45px; height:90px; position:absolute; right:0; top:0; background:#1d1e1c}


a img{ border:none;}

.portfolio-block{ width:980px; padding:0; margin:0;}
.portfolio-bigimg{ width:980px; padding:0; margin:0; position:relative; height:384px;}


#mid {
	width: 980px;
	padding:0;
	margin:0;
	border:0px solid red;
}

#mid.index {
	background:none;
}

#mid.single {
	background:none;
}

#mid.archive {
	background: none;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	clear: both;
	width:980px;
	margin: 0px auto;
	height:384px;

	
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 980px;
	border:1px solid none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	position: relative;
	width: 980px; /* Also specified in  .stripViewer  above */
	border:1px solid none;
}


.number-listing{ padding:0 0 0 0; margin:0 auto; border:#ff0000 0px solid;}
.number-listing ul{ padding:0; margin:0; list-style-type:none;}
.number-listing ul li{ padding:0 0 0 0; margin:0; display:inline; width:auto; }
.number-listing ul li.last{ padding:0 0 0 0; margin:0; }
.number-listing ul li a{ padding:0; margin:0; font-weight:normal; line-height:0; text-decoration:none; }
.number-listing ul li a:hover{ text-decoration:none;}
.number-listing ul li a.active{ text-decoration:none;}
.number-listing ul li a.current{ text-decoration:none;}


.stripNavL { position:absolute; padding:0; margin:0; left:5px; top:190px; z-index:1200; }

.stripNavR { position:absolute; padding:0; margin:0; right:5px; top:190px; z-index:1200;}

.stripNav { display:none}

.stripNavL a img  {
background: url(../images/arrows.gif) no-repeat 0 -17px;
width:27px;
height:17px;
border:0px;
display:block;
}
.stripNavL a:hover img{
background: url(../images/arrows.gif) no-repeat 0 0px;
}

.stripNavR a img  {
background: url(../images/arrows.gif) no-repeat -27px -17px;
width:27px;
height:17px;
border:0px;
display:block;
}

.stripNavR a:hover img{
background: url(../images/arrows.gif) no-repeat -27px 0px;
}