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

/* ------------ Main layout styles ------------ */



#squareButtonsOuterDiv {
margin: 0 auto;
position: absolute;
width: 100%;
}


@media screen and (min-width: 1080px) {

#rotatorDivOuter {
	height: 27.88em;
	margin: 0 auto;
	overflow: hidden;
	width: 71.31em;
}

#squareButtonsDiv {
	height: 1.2rem;
	position: relative;
	top: 56.1rem;
	width: 20rem;
}

#squareButtonsInnerDiv {
margin: 0 auto;
padding: 0 0 0 4.9rem;
max-width: 109.2rem;
min-width: 90rem;

}

}

@media screen and (min-width: 800px) and (max-width: 1080px) {

#rotatorDivOuter {
	height: 27.88em;
	margin: 0 auto;
	overflow: hidden;
	width: 71.31em;
}

#squareButtonsDiv {
	height: 1.2rem;
	position: relative;
	top: 63.1rem;
	width: 20rem;
}

#squareButtonsInnerDiv {
margin: 0 auto;
padding: 0 0 0 4.9rem;
max-width: 103.3rem;
min-width: 70rem;
}

}

@media screen and (min-width: 450px) and (max-width: 800px) {

#rotatorDivOuter {
	height: 27.88em;
	margin: 0 auto;
	overflow: hidden;
	max-width: 71.31em;
	min-width: 40rem;
}

#squareButtonsDiv {
	height: 1.2rem;
	position: relative;
	top: 58.1rem;
	width: 20rem;
}

#squareButtonsInnerDiv {
margin: 0 auto;
padding: 0 0 0 4.9rem;
max-width: 75.1rem;
min-width: 30rem;
}

}

@media screen and (max-width: 449px) {

#rotatorDivOuter {
	height: 27.88em;
	margin: 0 auto;
	overflow: hidden;
	max-width: 40em;
	min-width: 30rem;
}

#squareButtonsDiv {
	height: 1.2rem;
	position: relative;
	top: 58.1rem;
	width: 20rem;
}

#squareButtonsInnerDiv {
margin: 0 auto;
padding: 0 0 0 4.9rem;
max-width: 75.1rem;
min-width: 30rem;
}

}



/* ------------ list styles ------------ */

ul#rotator_controls {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#rotator_controls li {
	display: inline-block;
	height: 1.2rem;
	margin-right: .7rem;
	width: 1.2rem;
	padding: 0;
}

#floatRight-li {
	float: right;
}

.floatLeft-li {
	float: left;
}

ul#rotator_controls li a {
	display: inline-block;
	height: 1.2rem;
	width: 1.2rem;
}

#rotator {
}


.nonactiveNav {
	background-color: #fff;
}

.current {
	background-color: #c08197;
}

/* ------------ list styles ------------ */

ul#rotator_controls li a:link, ul#rotator_controls li  a:visied {
	background-color: #fff;
}

ul#rotator_controls li  a:hover, ul#rotator_controls li  a:active {
	 background-color: #c08197;
}