/* main css */

body {
  margin: 0;
  padding: 0;
  min-width: 320px;		
  font-family: 'Open Sans', sans-serif; 
}

#rotatorWrap {
    width: 930px; 
    position: absolute; 
    top: 0px; 
    left: 0px;
	overflow: hidden;
}

.itemContainer {
	position: absolute;
	width: 100%;
	height: 100%;	
	-webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}


.rotatorItem {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.rotatorItem .caption {
	font-size: 1.2em;
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 1001;
}

.rotatorItem .caption p {
	display: inline-block;
	position: relative;
	float: left;
	clear: left;
	margin-top: 4px;
	background: #EFEFEF;
	color: #666;
	padding: 10px;
	opacity: 0;
	z-index: 1002;
}

/* Handling linking */

a:link {color: #333333;}
a:visited {color: #333333;}
a:active {color: #333333;}
a:hover {background-color: #e7e7e7;}
a {text-decoration: underline; color: #333333;}


/* Additional new code from me */ 

/* Taglines (name, blurb, links) general styling */

.rotatorItem .caption .taglines {
	font-size: .75em;
	font-style:italic;
	border-radius: 10px;
	color: #333333;
    width:300px; /*added*/
    background: #ffe395; /* #e7e7e7;*/
    opacity: .75;
    position: absolute; /*added*/
	top: 260px; /*added. make larger value to move it down.*/
	left: 565px; /*added. make it smaller (more negative) to move it left.*/
}


/* styling each person's quote */ 

/*----Used----*/
.rotatorItem .caption .mandellFirst {
	font-size: 1.5em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width:530px; /*added*/
    position: absolute; /*added*/
	top: 70px; /*added. make it smaller (more negative) to move it up.*/
	left: 150px; /*added. make it smaller (more negative) to move it left.*/
}


.rotatorItem .caption .rosenbaumSecond {
	font-size: 1.4em;
    font-weight: bold;
	background: #ffd256;/*#394FA0;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FDDB35; /*#A0522D;*/
	color: #333333;/*#FFF;/*#666766; /*#000; /*FFF*/
    width:500px; /*added*/
    position: absolute; /*added*/
	top: 140px; /*added. make larger value to move it down.*/
	left: 190px; /*added. make it smaller (more negative) to move it left.*/
}
 
 /*----Used----*/
.rotatorItem .caption .yangFirst {
	font-size: 1.5em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width:470px; /*added*/
    position: absolute; /*added*/
	top: 80px; /*added. make it smaller (more negative) to move it up.*/
	left: 200px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .nicholasSecond {
	font-size: 1.3em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width:510px; /*added*/
    position: absolute; /*added*/
	top: 170px; /*added. make it smaller (more negative) to move it up.*/
	left: 170px; /*added. make it smaller (more negative) to move it left.*/
}

/*----Used----*/
.rotatorItem .caption .sandersFirst {
	font-size: 1.4em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width: 590px; /*added*/
    position: absolute; /*added*/
	top: 80px; /*added. make it smaller (more negative) to move it up.*/
	left: 140px; /*added. make it smaller (more negative) to move it left.*/
}


.rotatorItem .caption .kingSecond {
  font-size: 1.8em; /*1.2*/
  font-weight: 900;
  background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
  color: #333333;/*#666766; /*FFF*/
    width:750px; /*added*/
    position: absolute; /*added*/
  top: 170px; /*added. make it smaller (more negative) to move it up.*/
  left: 70px; /*added. make it smaller (more negative) to move it left.*/
}

/*----Used----*/
.rotatorItem .caption .bernierFirst {
	font-size: 1.4em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width: 650px; /*added*/
    position: absolute; /*added*/
	top: 75px; /*added. make it smaller (more negative) to move it up.*/
	left: 120px; /*added. make it smaller (more negative) to move it left.*/
}


/*----Used----*/
.rotatorItem .caption .weissFirst {
	font-size: 1.5em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:600px; /*added*/
    position: absolute; /*added*/
	top: 80px; /*added. make it smaller (more negative) to move it up.*/
	left: 140px; /*added. make it smaller (more negative) to move it left.*/
}


.rotatorItem .caption .mcgrathsecond {
	font-size: 1.5em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width:650px; /*added*/
    position: absolute; /*added*/
	top: 75px; /*added. make it smaller (more negative) to move it up.*/
	left: 200px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .mcgraththird {
	font-size: 1.9em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width: 530px; /*added*/
    position: absolute; /*added*/
	top: 150px; /*added. make it smaller (more negative) to move it up.*/
	left: 100px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .mcgrathfourth {
	font-size: 1.7em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35;/*#FF7F50;*/
	color: #333333;/*#666766; /*FFF*/
    width:550px; /*added*/
    position: absolute; /*added*/
	top: 140px; /*added. make it smaller (more negative) to move it up.*/
	left: 400px; /*added. make it smaller (more negative) to move it left.*/
}

/*----Used----*/
.rotatorItem .caption .cardinFirst {
	font-size: 1.5em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:700px; /*added*/
    position: absolute; /*added*/
	top: 100px; /*added. make it smaller (more negative) to move it up.*/
	left: 100px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .ledbettersecond {
  font-size: 1.2em; /*1.2*/
  font-weight: normal;
  background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
  color: #333333;/*#666766; /*#000; /*FFF*/
    width:400px; /*added*/
    position: absolute; /*added*/
  top: 160px; /*added. make it smaller (more negative) to move it up.*/
  left: 480px; /*added. make it smaller (more negative) to move it left.*/
}

/*----Used----*/
.rotatorItem .caption .nelsonFirst {
	font-size: 1.5em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:550px; /*added*/
    position: absolute; /*added*/
	top: 100px; /*added. make it smaller (more negative) to move it up.*/
	left: 140px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .lordsecond {
	font-size: 1.8em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:400px; /*added*/
    position: absolute; /*added*/
	top: 120px; /*added. make it smaller (more negative) to move it up.*/
	left: 400px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .lordthird {
	font-size: 1.4em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:550px; /*added*/
    position: absolute; /*added*/
	top: 120px; /*added. make it smaller (more negative) to move it up.*/
	left: 160px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .lordfourth {
	font-size: 1.4em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:550px; /*added*/
    position: absolute; /*added*/
	top: 120px; /*added. make it smaller (more negative) to move it up.*/
	left: 270px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .robertsfirst {
	font-size: 1.2em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:420px; /*added*/
    position: absolute; /*added*/
	top: 60px; /*added. make it smaller (more negative) to move it up.*/
	left: 160px; /*added. make it smaller (more negative) to move it left.*/
}

/*----Used----*/
.rotatorItem .caption .mandellFirst2 {
	font-size: 1.4em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width: 650px; /*added*/
    position: absolute; /*added*/
	top: 70px; /*added. make it smaller (more negative) to move it up.*/
	left: 90px; /*added. make it smaller (more negative) to move it left.*/
}
/*----Used----*/
.rotatorItem .caption .mayaSecond {
	font-size: 1.6em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width: 650px; /*added*/
    position: absolute; /*added*/
	top: 140px; /*added. make it smaller (more negative) to move it up.*/
	left: 140px; /*added. make it smaller (more negative) to move it left.*/
}



.rotatorItem .caption .robinsonFirst {
	font-size: 1.2em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width:600px; /*added*/
    position: absolute; /*added*/
	top: 30px; /*added. make it smaller (more negative) to move it up.*/
	left: 60px; /*added. make it smaller (more negative) to move it left.*/
}

.rotatorItem .caption .robinsonSecond {
	font-size: 1.6em; /*1.2*/
	font-weight: bold;
	background: #ffd256;/*#f6bc1c; /*#fff9da;/*#FDDB35; /*#FF7F50;*/
	color: #333333;/*#666766; /*#000; /*FFF*/
    width: 650px; /*added*/
    position: absolute; /*added*/
	top: 140px; /*added. make it smaller (more negative) to move it up.*/
	left: 140px; /*added. make it smaller (more negative) to move it left.*/
}

/* color of box and buttons */

.goldColorJustright {
	background: #ffd256; /*#ffe76c;*/
    opacity: 0.5;
	color: #FFF;
 
}

.arrowButton {    
	width: 100%;
	cursor: pointer;  
	position: absolute;
	z-index: 1003;
	top: 170px;
}  

.arrowButton .prevArrow {
	background: url(../images/assets/prev.png) no-repeat; 
	width: 40px;
	height: 80px;      
	position: absolute;
	left: 12px;        
} 

.arrowButton .nextArrow {                 
	background: url(../images/assets/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	/*top: 170px;*/
	right: 12px;	          
}