body#portfolio #content * {
	margin: 0;
	padding: 0;
	}

		
		p#cross-links { text-align: center }
		
		p#cross-links { margin-bottom: 10px; padding-bottom: 10px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		#slider1 {
			clear: left;
			}

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0px 0px 0px;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 525px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #b9d9cc; 
			margin: auto;
			width: 650px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 525px;
			clear: both;
			background: #fff;
		}
		
		.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: 100%;
			list-style-type: 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;
			height: 100%;
			position: relative;
			width: 650px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
.stripNav {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 45px;
	}
		.stripNav ul { 
			list-style: none;
			margin: 0px 0px 0px 0px;
		}
		
		.stripNav ul li {
			float: left;
			margin: 0px 1px 0px 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-weight: 400;
			text-align: center;
			line-height: 150%;
			background: #b9d9cc;
			color: #222;
			text-decoration: none;
			display: block;
			padding: 0px 5px 5px 5px;
		}
		.stripNav li a:hover {
			background: #99b9aa;
			color: #fff;
			border-bottom: 0 none;
		}
		
#wrap .stripNav li a.current {
			background: #666699;
			color: #fff;
			text-decoration: none;
			border-bottom: 0 none;
		}
/* port group 1 tabs */
.stripNav li.tab1 a,
.stripNav li.tab2 a, 
.stripNav li.tab3 a,
.stripNav li.tab4 a,
.stripNav li.tab5 a,
.stripNav li.tab6 a,
.stripNav li.tab7 a,
.stripNav li.tab8 a,
.stripNav li.tab9 a,
.stripNav li.tab10 a,
.stripNav li.tab11 a { background: #ddf9ee }
/* port group 2 tabs */

.stripNav li.tab12 a,
.stripNav li.tab13 a,
.stripNav li.tab14 a,
.stripNav li.tab15 a { background: #b9d9cc }
/* port group 3 tabs */

.stripNav li.tab16 a,
.stripNav li.tab17 a,
.stripNav li.tab18 a,
.stripNav li.tab19 a { background: #ddf9ee }
/* port group 4 tabs */

.stripNav li.tab20 a,
.stripNav li.tab21 a,
.stripNav li.tab22 a,
.stripNav li.tab23 a { background: #b9d9cc }

		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 260px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}

		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("../images/arrow-left1.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("../images/arrow-right1.gif") no-repeat center;
		}