.clear {display: block; clear: both;}
#divHomepageText .workPage{padding:5px 0px;}
body.work #divHomepageText {
	width:970px;
	padding: 20px 10px 0px 10px;
	background: #FFFFFF url(../images/slider_bg.jpg) repeat-x 0px 330px;
}body.work #divHomepageText2 {
	width:970px;
	padding: 20px 10px 0px 10px;
}
body.work.services #divHomepageText {
	width:970px;
	padding: 20px 10px 0px 10px;
}
body.work.no_banner #divHomepageText {
	width:970px;
	padding: 20px 10px 0px 10px;
	background-color: #FFFFFF;
}
body.work.no_banner #divHomepageText2 {
	width:970px;
	padding: 20px 10px 0px 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
}
.WorkListGraphicView {width: 100%;}
#page .WorkListGraphicView ul {display: block; margin: 0px 0px 20px 0px; float: left; width: 100%;}
.WorkListGraphicView ul li {display: block; width: 219px; float: left; padding: 0px 11px}
.WorkListGraphicView ul li .workCell { width: 217px; border-bottom: 1px solid #c2c2c2;}
.workCell img {border: 1px solid #c2c2c2;}
.workCell h2 {font-size: .9em; font-weight: bold; }
.workCell h3 {font-size: .875em; font-weight: bold; font-style:normal;  }
body.work #page .workCell p {display: block; width: 219px; font-style:italic;}
body.work #page.workPage h1 {margin: 0px 0px 0px 10px; }

#page .beingWorkList {width: 485px;float: left;margin: 0px 0px 0px 10px; }
body.work #page .beingWorkList h2 {color: #c4c4c4;}
.beingWorkList ul {width: 485px; display: block; float: left;}
.beingWorkList ul li {width: 237px; display: block; float: left; padding:  0px 5px 0px 0px !important; border: none; }
.beingWorkList ul li span {width: 232px; display: block; float: left; padding: 4px 0px; border-bottom: 1px solid #b2b2b2 }
.beingWorkList ul li span a { text-align: left;}
.col2 {margin: 0px !important; width: 475px !important;}
.col2 ul li {width: 230px  !important; }
#divHomepageText2 #page #cphBody_h1Title {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #BBB;
}
#divHomepageText2 #page p {
	width: auto;
}
.displayCell4 p.podText, .displayCellRight4 p.podText {display: block; height: 90px;}

.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: 0; padding-top: 20px;position: relative;width: 100%;}
.slider-wrap a {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.85em;}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 255px; background: #fff; overflow: hidden;}
.csw .loading {margin: 100px 0 100px 0; text-align: center;}
.stripViewer { /* This is the viewing window */position: relative;overflow: hidden; /*border: 5px solid #39c; /* this is the border. should have the same value for the links */margin: auto;width: 950px; /* Also specified in  .stripViewer .panelContainer .panel  below */min-height: 380px;clear: both;background: transparent;}
.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: 950px; /* Also specified in  .stripViewer  above */}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */padding: 0;margin:5px 28px 35px 0;}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */margin: auto;position:absolute;top:-30px;z-index: 2;background: url('../../siteFiles/images/template/bgNavigation.png') repeat-x;width:100%;}
#page .stripNav ul { /* The auto-generated set of links */list-style: none; display:block; clear:both; margin: 1em 2em 1em 0; }
 body.work #page .stripNav ul li {float: left;margin-right: 2px; list-style-type: none;/* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */}
.stripNav a { /* The nav links */font-size: 10px;font-weight: bold;text-align: center;color: #000;text-decoration: none;display: block;padding: 0 15px;}
.stripNav a:hover {background: #e71c00;color: #fff;}
.stripNav a.current {background: #e71c00;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;}
.title-wrapper {height:60px;}
.title-wrapper p { line-height:1.3em; }