/* These 2 lines specify style applied while slider is loading */

.csw {width: 100%; height: 473px; background: #fff; overflow: hidden}

.csw .loading {margin: 200px 0 300px 0; position: absolute; top:0; left: 30%; z-index: 10;}



.stripViewer { /* This is the viewing window */

	position: relative;

	overflow: hidden; 

	margin: auto;

	padding:0 0 0 210px;

	width: 100%; 

	height: 473px;

	clear: both;



}



.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: 100%; /* 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 {

	margin: auto;}

		

.stripNav ul {/

	list-style: none;

}

		

.stripNav ul li {

	float: left;

	margin-right: 2px;

}

		

.stripNav a { 

	display: none;

}





.stripNavL {

	margin:20px 0 0 0;

}



.stripNavR {

	margin:20px 0 0 0;

}



.stripNavL a {

	display: block;

			height: 30px;

			width: 30px;

			margin:495px 0 0 220px;

			text-indent: -5000px;

			position: absolute;

			z-index:4;

			background: url(images/leftarrow.png) bottom left no-repeat;



}

.stripNavL a:hover {background: url(images/leftarrow.png) top left no-repeat;}





.stripNavR a {

	display:block;

			height:30px;

			width:30px;

			text-indent: -5000px;

			margin:2px 0 0 280px;

			position: absolute;

			background: url(images/rightarrow.png) bottom left no-repeat;

}



.stripNavR a:hover {background: url(images/rightarrow.png) top left no-repeat;}



.wrapper a {

	color:#FFFFFF;

}





#sliderhomebase .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 440px;

}



#logos .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 440px;

}



#heatherbrown .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 651px;

}



#wasabees .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 668px;

}



#coffeetreats .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 550px;

}



#abovetheinfluence .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 620px;

}



.panel p {

	width: 330px;

	height: auto;

	padding-bottom: 20px;

	font-size:8pt;

}



#808empire .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 544px;

}



#fineline .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 776px;

}



#stravinsky .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 446px;

}


#cdanddvd .panel { 

	float:left;

	height: 100%;

	position: relative;

	width: 1051px;

}



#greenamerica .panel {

	float:left;

	height: 100%;

	position: relative;

	width: 440px;

}



#abovetheinfluence .panel {

	float:left;

	height: 100%;

	position: relative;

	width: 660px;

}



#tokei .panel {

	float:left;

	height: 100%;

	position: relative;

	width: 490px;

}

#atlantis .panel {

	float:left;

	height: 100%;
	text-align:center;

	position: relative;

	width: 890px;

}

#hoku .panel {

	float:left;

	height: 100%;
	position: relative;

	width: 970px;

}

#kala .panel {

	float:left;

	height: 100%;
	position: relative;

	width: 750px;

}

#kanalu .panel {

	float:left;

	height: 100%;
	position: relative;

	width: 460px;

}

#millife .panel {

	float:left;

	height: 100%;
	position: relative;

	width: 540px;

}

#spiral .panel {

	float:left;

	height: 100%;
	position: relative;

	width: 600px;

}

#state .panel {

	float:left;

	height: 100%;
	position: relative;
	text-align:center;
	width:1030px;

}