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

body {font-family:Verdana, Geneva, sans-serif;}


.paraRotator { width:100%; height:448px; overflow:hidden ; background:#fff; position:relative; border:#777778 0px solid; border-width:1px 0px 1px 0px;}
	.paraRotator img {border:0px none;}
	.paraRotator .stage {position:relative; }
	.paraRotator .data {display:none; }
	.paraRotator .frame { width:1000px; height:448px; position:absolute;}
	.paraRotator .p-cta { width:310px; height:448px; z-index:30; 
						position:absolute; color:#fff; 
						 text-align:left; font-size:20px; text-shadow:#060 1px 1px 0px; text-decoration:none;}
	.paraRotator .p-cta .p-in { padding:10px 15px; font-weight:bold; background:url(../img/rotator-text-bg.html) top left repeat;
								margin:0px 0 0 0; height:448px; text-shadow:none;}
								
		.paraRotator .p-cta .p-in h2 {font-size:24px; font-weight:bold;  text-align:center; margin:0; padding:0 0 5px; }
		.paraRotator .p-cta .p-in p {font-size:16px; text-shadow:none; font-weight:normal; margin:0; padding:0 0 10px;}
		.paraRotator .p-cta .p-in .cta {background:url(../img/grey-btn.html) top left no-repeat; width:240px; height:55px; display:block;
										margin:0 auto; text-align:center; text-decoration:none;}
		.paraRotator .p-cta .p-in .cta span {display:block; padding:10px 0 0 0;}
		.paraRotator .p-cta .p-in .cta:hover {background-position:left -60px; text-decoration:underline;}
		.paraRotator .p-cta .p-in .textcont {height:370px;}
		
		.paraRotator .p-cta .p-in ul {font-size:18px; padding:0 0 0 20px;}
		.paraRotator .p-cta .p-in ul li {padding:0 0 10px;}
		
	.paraRotator .controls {display:none; position:absolute;z-index:31; height:10px;}
  	.paraRotator .controls a {display:block; width:40px; height:320px;  opacity:0.7;}
	.paraRotator .controls a:hover {opacity:1;}
	.paraRotator .controls a span {display:none;}
	.paraRotator .p-left { position:absolute;  background:url(./rotator-arrows.png) left 180px no-repeat; width:40px; left:-45px;}
	.paraRotator .p-right { position:absolute;   background:url(./rotator-arrows.png) right 180px no-repeat; left:1005px; }


@media
	screen and (max-width:1000px),
	all and (max-width:1000px){
		
		.paraRotator .p-cta .p-in .cta {background:#eaeaea; border:#460707 1px solid; border-radius:4px; height:25px; width:90%; }
		.paraRotator .p-cta .p-in .cta span {padding:5px 0 0 0;}
		
		.paraRotator .p-cta .p-in .textcont {height:300px;}
		

	}

@media
	screen and  (min-width: 800px) and (max-width:1000px),
	all and (min-width: 800px) and (max-width:1000px){
		
		.paraRotator { height:359px;}
		.paraRotator .frame { width:800px; height:359px;}

		
		.paraRotator .p-cta { width:250px; font-size:10px;}
		.paraRotator .p-cta .p-in h2 {font-size:20px; margin:0;}
		.paraRotator .p-cta .p-in {min-height:20px; margin:0px 0 0; padding:10px; }
		.paraRotator .p-cta .p-in p {font-size:13px; margin:0; padding:0 0 10px;}
		
		.paraRotator .p-cta .p-in ul {font-size:13px; padding:0 0 0 20px;}
		
		.paraRotator .p-left {  left:-45px; background-position:left 140px;}
		.paraRotator .p-right {  left:807px !important;  background-position:right 140px;}
		

	}


@media
	screen and  (min-width: 600px) and (max-width:799px),
	all and (min-width: 600px) and (max-width:799px){
		
		.paraRotator { height:269px;}
		.paraRotator .frame { width:600px; height:269px;}

		
		.paraRotator .p-cta { width:185px; font-size:10px;}
		.paraRotator .p-cta .p-in h2 {font-size:13px; margin:0;}
		.paraRotator .p-cta .p-in {min-height:20px; margin:0px 0 0; padding:10px; }
		.paraRotator .p-cta .p-in p {font-size:10px; margin:0; padding:0 0 4px;}
		.paraRotator .p-cta .p-in ul {font-size:10px; padding:0 0 0 20px;}
		.paraRotator .p-cta .p-in ul li {padding:0 0 5px;}
		.paraRotator .p-cta .p-in .textcont {height:225px;}
		
		.paraRotator .controls {display:none !important;}

	}

@media
	screen and  (min-width: 500px) and (max-width:599px),
	all and (min-width: 500px) and (max-width:599px){
		
		.paraRotator { height:224px;}
		.paraRotator .frame { width:500px; height:224px;}
		.paraRotator .controls {display:none !important;}
		
		.paraRotator .p-cta { width:155px; font-size:10px;}
		.paraRotator .p-cta .p-in h2 {font-size:17px; margin:0; padding:0 0 5px;}
		.paraRotator .p-cta .p-in {min-height:20px; margin:0px 0 0; padding:10px; }
		.paraRotator .p-cta .p-in p {font-size:10px; margin:0; padding:0 0 3px; display:none;}
		.paraRotator .p-cta .p-in ul {display:none;}
		.paraRotator .p-cta .p-in .textcont {height:165px;}
		.paraRotator .p-cta .p-in .cta {height:19px;}
		.paraRotator .p-cta .p-in .cta span {padding:2px 0 0 0;}
		
	}
	
@media
	screen and  (min-width: 400px) and (max-width:499px),
	all and (min-width: 400px) and (max-width:499px){
		
		.paraRotator { height:179px;}
		.paraRotator .frame { width:400px; height:179px;}
		.paraRotator .controls {display:none !important;}
		
		.paraRotator .p-cta { width:125px; font-size:10px;}
		.paraRotator .p-cta .p-in h2 {font-size:13px; margin:0; padding:0 0 5px;}
		.paraRotator .p-cta .p-in {min-height:20px; margin:0px 0 0; padding:10px; }
		.paraRotator .p-cta .p-in p {font-size:10px; margin:0; padding:0 0 3px; display:none;}
		.paraRotator .p-cta .p-in ul {display:none;}
		.paraRotator .p-cta .p-in .textcont {height:145px;}
		.paraRotator .p-cta .p-in .cta {height:19px;}
		.paraRotator .p-cta .p-in .cta span {padding:2px 0 0 0;}
		
	}
	
@media
	screen and  (min-width: 251px) and (max-width:399px),
	all and (min-width: 251px) and (max-width:399px){
		
		.paraRotator { height:113px;}
		.paraRotator .frame { width:251px; height:113px;}
		.paraRotator .controls {display:none !important;}
		
		.paraRotator .p-cta { width:80px; font-size:10px;}
		.paraRotator .p-cta .p-in h2 {font-size:11px; margin:0; padding:0 0 2px;}
		.paraRotator .p-cta .p-in {min-height:20px; margin:0px 0 0; padding:3px; }
		.paraRotator .p-cta .p-in p {font-size:10px; margin:0; padding:0 0 3px; display:none;}
		.paraRotator .p-cta .p-in ul {display:none;}
		.paraRotator .p-cta .p-in .textcont {height:auto;}
		.paraRotator .p-cta .p-in .cta {display:none;}
		
	}

@media
	screen and (max-width:250px),
	all and (max-width:250px){
		
		.paraRotator { height:89px;}
		.paraRotator .frame { width:200px; height:89px;}
		.paraRotator .controls {display:none !important;}
		
		.paraRotator .p-cta { width:80px; font-size:10px;}
		.paraRotator .p-cta .p-in h2 {font-size:9px; margin:0; padding:0 0 2px;}
		.paraRotator .p-cta .p-in {min-height:20px; margin:0px 0 0; padding:3px; }
		.paraRotator .p-cta .p-in p {font-size:10px; margin:0; padding:0 0 3px; display:none;}
		.paraRotator .p-cta .p-in ul {display:none;}
		.paraRotator .p-cta .p-in .textcont {height:auto;}
		.paraRotator .p-cta .p-in .cta {display:none;}

	}