@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; }

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 }
h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left; }

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

#before { display: none; position: absolute; top: 20px; width: 50px; background: #000; color: #fff; z-index: 5000; padding-left: 10px; text-transform: uppercase; font-weight: bold; font-size: 0.8em; }  /* LABEL ON PHOTOS */
#after { display: none; position: absolute; top: 20px; left: 410px; width: 50px; background: #000; color: #fff; z-index: 5001; padding-left: 10px; text-transform: uppercase; font-weight: bold; font-size: 0.8em; }  /* LABEL ON PHOTOS */
.slider-wrap table { width: 100%; border: 0; margin: 0 auto; }
.slider-wrap .c1 { width: 390px; }				/*  BEFORE IMAGE CELL */
.slider-wrap .c2 { width: 20px; }	/*  MIDDLE COL SEPARATION OF BEFORE AND AFTER IMAGES */
.slider-wrap .c3 { width: 390px; }				/*  AFTER IMAGE CELL */
body#ba .slider-wrap .b-details h2, 
body#ba .slider-wrap .a-details h2 { padding-left: 15px; }
body#ba .slider-wrap .b-details p,    		/*  BEFORE DETAILS CELL */
body#ba .slider-wrap .a-details p { padding: 0 15px 7px 15px; }  /*  AFTER DETAILS CELL */

body#ba h2,
body#portfolio h2 { line-height: 100%; margin: 10px 0 5px 0; padding: 0; }
.slider-wrap p { line-height: 120%; margin: 0 0 8px 0; padding: 0; xfont-size: 95%; }

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

.stripViewer { /* This is the viewing window */	
	position: relative; overflow: hidden; 
	/* this is the border. should have the same value for the links */ 
	margin: 0 auto; padding: 0; width: 800px; /* Also specified in  .stripViewer .panelContainer .panel  below */ 
	xheight: 440px; clear: both; xbackground: #fff url("/gr/bg-4.jpg") 0 bottom no-repeat ; border: 1px solid #fff; border-width: 0 1px; }

body#portfolio .stripViewer { background: none; background-color: #fcfcfc; }
.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: 800px; /* 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 0 10px 0; }

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 10px auto; }
body.owneroccupied .stripNav {
	width: 385px!important; }


.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	xdisplay: none;
	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: 90%; line-height: 100%; text-align: center; color: #ccc; display: block; padding: 4px 10px 0 10px; margin: 0 2px; text-decoration: none; }

.stripNav li.tab1 a { xbackground: #fff; }
.stripNav li.tab2 a { xbackground: #fff; }
.stripNav li.tab3 a { xbackground: #fff; }
.stripNav li.tab4 a { xbackground: #fff; }
.stripNav li.tab5 a { xbackground: #fff; }
.stripNav li a:hover { background: #511c62; color: #ff73a2 !important; border-bottom: 3px solid #ff73a2; }
.stripNav li a.current { background: #DF5E95 /*ff73a2*/; color: #fff !important; border-bottom: 3px solid #511c62; }

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute; top: 230px; text-indent: -9000em; }

.stripNavL a, .stripNavR a {
	display: block; height: 44px; width: 30px; }
.stripNavL { left: 0; }
.stripNavR { right: 0; }
.stripNavL { background: url("/gr/arrow-left.png") no-repeat center; }
.stripNavR { background: url("/gr/arrow-right.png") no-repeat center; z-index: 1; }