body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
ul, ol { list-style: none; } body { font: 85% arial, sans-serif; color: #666666; line-height: 170%; margin: 45px; background-color: #ffffff; background-image: url("images/bg.jpg"); background-repeat: repeat-x; } 
h1, h2, h3, h4, h5 { font-family:  Arial, sans-serif; color: #555; margin-bottom: 5px }
h2 { font-size: 190%; margin-bottom: 12px; color: #333; }
h3 { font-size: 150%;} 
h4 { font-size: 120%; }
a {
	color: #54a9d5;
	text-decoration: none;
}
strong {
	font-weight:  bolder;
	color: #9dc93c;
}
p {
	margin-bottom: 20px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.space {
	height: 20px;
}
ul[class="table"] {
	margin: 0 0 0 40px;
}
ul[class="table"] li {
	width: 100px;
	float: left;
}
form {
	padding: 25px 30px;
	background-image: url("images/formbg.jpg");
	background-repeat: no-repeat;
	font-size: 90%;
}
form ol li {
	clear: both;
	list-style-type: none;
	margin: 4px 4px 4px 4px;
}
label {
	width: 150px;
	float: left;
	margin-top: 6px;
}
input, textarea {
	width: 250px;
	padding: 6px;
	border: 1px solid #aaaaaa;
	font: 110% arial, sans-serif;
	float: right;
	margin: 6px 0px;
}
input:focus, textarea:focus {
	border: 1px solid #999999;
}
input[type="submit"] {
	width: 50px;
}
textarea {
	height: 150px;
}
#graphic {
	position: absolute;
	top: 0px;
	width: 1050px;
	height: 310px;
	margin: 0px auto;
	display: table;
	z-index: -1;
	background-image: url("/images/graphic.jpg");
	background-repeat: no-repeat;
}
#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0px 30px 10px 30px;
}
#head {
	width: 800px;
}
#logo {
	float: left;
}
#logo h1 {
	color: #cfcfcf;
	text-indent: -10000em;
	font-size: 0%;
	width: 250px;
	height: 60px;
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	margin-top: -6px;
	margin-bottom: -20px;
}
#topmenu {
	float: right;
	margin: 0px 0 0 0;
}
#topmenu ul li {
	display: inline;
}
#topmenu ul li a {
	font-size: 106%;
	text-transform: lowercase;
	padding: 2px 10px;
	color: #cccccc;
	border-right: 1px solid #363654;
}
#topmenu ul li a:hover {
	color: #ffffff;
}
#topmenu ul li a[class="active"] {
	color: #3288c6;
}
#display {
	clear: both;
	padding: 30px 0 230px 0;
}
#display h2 {
	background-repeat: no-repeat;
	margin-top: 30px;
}
#display #homeheader {
	width: 490px;
	height: 81px;
	background-image: url("images/homeheader.png");
	margin-bottom: -111px;
}
#display h2 span {
	display: none;
}
#display .work {
	float: left;
	width: 245px;
	height: 150px;
	background-color: #efefef;
	margin-right: 30px;
}
.emptyspace {
	clear: both;
	height: 80px;
}
#main {
	clear: both;
	padding: 50px 25px 10px 25px;
	margin-top: -105px;
	margin-left: -25px;
	width: 830px;
	min-height: 200px;
}
#main li {
	font-size: 90%;
}
.column {
	float: left;
	width: 245px;
	margin-right: 30px;
}
.smallcolumn { float: left; width: 230px; margin-right: 30px; }
.wide {
	width: 520px;
}
.smalltext {
	font-size: 86%;
}
.column ul {
	margin-left: 40px;
}
.bottomborder {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
.cont {
    width:600px;
    overflow:hidden;
    height:230px; 
    z-index:1000;
    position:relative;
   }
.invis {
    position:absolute;
    left:0;
   }
.slider-item,.slider-item2,.slider-item3 {
    float:left;
    display:block;
    width:600px;
    padding:10px;
    height:150px;
    overflow:hidden;
   }
.nav a, .nav a:active, .nav a:visited {
    float:left;
    padding:5px 15px;
}
.nav li {
    cursor:pointer;
}
   
/* END EXAMPLE 1 */
.desc {
    margin:12px 0;
    }
#folio {
}
#folio .folioItem {
	clear: both;
	margin: 0 0 40px 0;
}

#folio .item .img {
	width: 100%;
	height: 200px;
	background-color:  #666666;
	margin: 10px 0px;
}
#foot {
	clear: both;
	border-top: 1px solid #dfdfdf;
	padding-top: 10px;
}
#foot ul li {
	display: inline;
}
#foot ul li a, #foot ul li span {
	font-size: 75%;
	text-transform: uppercase;
	border-right: 1px solid #dfdfdf;
	padding: 2px 8px;
}
#foot ul li a:hover { color: #aaaaaa; }
p, ul { font-size: 13px; line-height: 1.4em } 
p a, li a { color: #39c; text-decoration: none }				
p.intro { padding: 20px 0 30px 0; text-align: center; width: 100% }
p#cross-links { text-align: center }
p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { margin: 20px 0 20px -75px; position: relative; width: 100%; }
.csw {width: 100%; height: 460px; 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: none; 
margin: auto;
width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 460px;
clear: both;
background: #fff;
}
		
		
.stripViewer .panelContainer { 
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: 700px; /* 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;
}
.wrapper .desc { width: 340px; margin-right: 20px; float: left; }
.wrapper .img { width: 300px; float: left; }
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* 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-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}