html { height: 100%; }
body {text-align: center; margin: 0px; background-color:#cac5e9} 
.whitebody {margin: 0px; text-align:left; background-color:#ffffff} 

#promo {position: absolute; top:60%; left:20%; width:60%; height:30%; z-index:3; border:1px solid red; border-width:2;  background:#cac5e9; visibility:hidden}
.inner {margin:5px 5px 5px 5px}

#header {width:1200; height:50px; background-color:#888888; margin-top:10px; margin-left:auto; text-align:right; font-family:arial; font-size:1.7em; color:#aaaaaa; vertical-align: middle;}
#header a:link {font-family:arial; font-size:1em; text-decoration:none; color:#ffffff}
#header a:hover {font-family:arial; font-size:1em; text-decoration:none; color:#ffe777}
#header a:visited {font-family:arial; font-size:1em; text-decoration:none; color:#ffffff}
#header a:visited:hover {font-family:arial; font-size:1em; text-decoration:none; color:#ffe777}
#header a:active {font-family:arial; font-size:1em; text-decoration:none; color:#ffffff}
#header a:active:hover {font-family:arial; font-size:1em; text-decoration:none; color:#ffe777}

#main {width:1200px; text-align:left; margin-left:auto; margin-right:auto; background-color:#ffffff}

#top {width:1200px; height:170px; text-align:left; margin-left:auto; margin-right:auto; background-color:#ffffff}
#pic {position:absolute; width:200px; text-align:center; font-family:arial; font-size:1.2em; font-style:italic; color:#ee2020; padding-top:10px;}
.withborder {border-color:#8080ff; border-width:2px; height:144px; width:152px}
#voucher {position:relative; width:180px; text-align:center; font-family:arial; font-size:0.9em; font-style:italic; color:#ee2020; padding-top:10px; padding-left:2px;}
.testimonials {background-color:#f8f0ff; border:solid #3030af 1px; width:140px; padding:5px; margin:15px;}
.termdates {background-color:#f8f0ff; border:solid #3030af 1px; width:140px; padding:5px; margin:15px;}
#intro {position:relative; top:20px; left:220px; width:920px; }
#intro2 {position:relative; top:20px; left:220px; width:920px;}
#quoteTxt{font-style:italic; height:70%; width:98%;}
#next{position:relative; top:85%; height:15px;}
#next img{text-decoration:none; border:none}
#feature {position:relative; width:1200px; text-align:center;  rotate:240deg; animation: rotate-stop 10s infinite linear; transform: rotate();}
@keyframes rotate-stop{  0%{transform: rotate(0deg);} 5%, 33%{transform: rotate(120deg);} 38%, 66%{transform: rotate(240deg);} 71%, 100%{transform: rotate(360deg); }}
#feature1 {position:relative; width:805px; text-align:center; margin-left:230px;}
#feature2 {position:relative; width:805px; text-align:left; margin-left:220px;}
#pic_carousel {margin-left:206px; text-align:center; width:600px}
.footerframe {width:1200px; height:60px; }
.tabheada2 {display:block; width:222px; height:30px; font-family:arial; font-size:1.6em;  font-weight:bold; border-style:solid; border-color:black; border-top-width:1px; border-left-width:0px; border-right-width:1px; border-bottom-width:0px; background-color:#ffffff; padding:0px}
.tabheadb2 {display:block; width:362px; position:relative; top:-31px; left:223px; font-family:arial; font-size:1.6em;  font-weight:bold; border-style:solid; border-color:black; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-bottom-width:1px; background-color:#e0e0e0; padding:0px}
.tabheada {display:block; width:222px; height:30px; font-family:arial; font-size:1.6em; font-weight:bold; border-style:solid; border-color:black; border-top-width:0px; border-left-width:0px; border-right-width:1px; border-bottom-width:1px; background-color:#e0e0e0;padding:0px}
.tabheadb {display:block; width:362px; position:relative; top:-31px; left:223px; font-family:arial; font-size:1.6em; font-weight:bold; border-style:solid; border-color:black; border-top-width:1px; border-left-width:0px; border-right-width:0px; border-bottom-width:0px; background-color:#ffffff; padding:0px}
.floatleft {float:left; margin-left:10px; margin-right: 10px; margin-top:5px;}
.floatleft2 {float:left; margin-left:5px; margin-right: 5px; margin-top:5px;}
.floatright {float:right; margin-right:5px;}
.floatright2 {float:right; margin-right:5px; margin-top:-15px}
.floatright2 img {border:none}
.black_overlay{	display:none; position:absolute; top:0%; left:0%; width:100%; height:100%;
	background-color:black; z-index:1001; -moz-opacity:0.4; opacity:.40; filter:alpha(opacity=40);}
.white_content {	display: none; position:absolute; top:30%; left:20%; width:60%; height:240px; padding:8px;
	border:16px solid #ffe777; background-color:white; z-index:1002; overflow:auto; text-align:center;}
.title {font-family:arial; font-size:2em; text-decoration:none; font-weight:bold; color:#300090;}
.subtitle {font-family:arial; text-decoration:none; font-weight:bold; color:#300090;}
.main_txt {font-family:arial; font-size:1.4em; text-decoration:none; color:#303030; }
.tab_txt {font-family:arial; font-size:1.1em; text-decoration:none; color:#303030; }
.smaller {font-family:arial; font-size:1.1em; color:#707070; background-color:white;}
.smaller a:link {font-family:arial; font-size:1em; text-decoration:none; color:#3030af}
.smaller a:hover {font-family:arial;font-size:1em; text-decoration:none; color:#8080ff}
.smaller a:visited {font-family:arial; font-size:1em; text-decoration:none; color:#3030af}
.smaller a:visited:hover {font-family:arial; font-size:1em; text-decoration:none; color:#8080ff}
.smaller a:active {font-family:arial; font-size:1em; text-decoration:none; color:#3030af}
.smaller a:active:hover {font-family:arial; font-size:0.8em; text-decoration:none; color:#8080ff}
.smallest {font-family:arial; font-size:1em; color:#404040; }
.tableshade {background-color:#f8f0ff; border:0px; width:700px; }
.tablewhite {background-color:#ffffff; border:0px; width:900px}


a:link {font-family:arial; font-size:1em; text-decoration:none; color:#3030af}
a:hover {font-family:arial;font-size:1em; text-decoration:none; color:#8080ff}
a:visited {font-family:arial; font-size:1em; text-decoration:none; color:#3030af}
a:visited:hover {font-family:arial; font-size:1em; text-decoration:none; color:#8080ff}
a:active {font-family:arial; font-size:1em; text-decoration:none; color:#3030af}
a:active:hover {font-family:arial; font-size:1em; text-decoration:none; color:#8080ff}
  
table td {font-family:arial; font-size:1em; color:#404040; }

#footer {position:absolute; width:1200px; height:60px; background-color:#333333; text-align:left; padding-top:10px; font-family:arial; font-size:1em; color:#ffffff; }
#reps {position:relative; left:20px; background-color:#333333; width:110px; height:42px; }
#contact {position:relative; left:450px; top:-30px}
#footer a:link {font-family:arial; font-size:1em; text-decoration:none; color:#ffff77}
#footer a:visited {font-family:arial; font-size:1em; text-decoration:none; color:#ffff77}
#footer a:active {font-family:arial; font-size:1em; text-decoration:none; color:#ffff77}
#counter {position:relative; left:950px; top:-50px;}
#counter img {border:0px; text-decoration: none; color:black}


/*Narrow displays */
@media all and (max-width: 1200px) {
#header {width:100%;}
#main {width:95%;}
#top {width:100%; height:170px}
#intro {width:75%; left:150px }
#intro2 {width:75%; left:150px}
#pic {position:absolute; width:140px;}
#feature {width:95%;}
#feature1 {width:80%; margin-left:145px;}
#feature2 {width:80%; margin-left:145px;}
#voucher {width:140px; font-size:0.7em; height:0px; visibility:hidden}
.main_txt {font-size:1.3em;}
.smaller {font-size:1em; }
.smallest {font-size:0.8em; }
.withborder {height:105px; width:120px}
.footerframe {width:95%;}
.tableshade {width:95%}
.tablewhite {width:95%}
.testimonials {width:100px;}
.termdates {width:100px;}
#pic_carousel {margin-left:130px; text-align:center; width:400px}
#footer {width:100%}
#contact {left:20%;}
#counter {left:70%;}
table td {font-size:0.8em}
}