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



/* ////////////////////////////////////////////////////////////////////////// */
/* Additional Fonts */
/* ////////////////////////////////////////////////////////////////////////// */





/*@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSlab500';
    src: url('fonts/Museo_Slab_500-webfont.eot');
    src: url('fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSlab500Italic';
    src: url('fonts/Museo_Slab_500italic-webfont.eot');
    src: url('fonts/Museo_Slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab_500italic-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500italic-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500italic-webfont.svg#MuseoSlab500Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

.redText { color: #711310; display: inline-block;	}
/*
a:link    { color: #41464c; text-decoration: underline; }
a:visited { color: #41464c; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }*/
/* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */

.contentBenefits a:link    { color: #3a566f; text-decoration: underline; font-weight: bold; }
.contentBenefits a:visited { color: #3a566f; text-decoration: underline; font-weight: bold; }
.contentBenefits a:hover, a:active, a:focus { text-decoration: none; }
	
.contentExamples a:link    { color: #500c06; text-decoration: underline; font-weight: bold; }
.contentExamples a:visited { color: #500c06; text-decoration: underline; font-weight: bold; }
.contentExamples a:hover, a:active, a:focus { text-decoration: none; }

.contentExamplesSiteWrapper a:link    { color: #40454b; display: block; width: 288px; height: 190px; text-decoration: none; }
.contentExamplesSiteWrapper a:visited { color: #40454b; text-decoration: none;}
.contentExamplesSiteWrapper a:hover, a:active, a:focus { text-decoration: none; }

.footer a:link    { color: #c4cdd8; text-decoration: none; }
.footer a:visited { color: #c4cdd8; text-decoration: none; }
.footer a:hover, a:active, a:focus { text-decoration: underline; }
/* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */



ul, ol, dl { 
    padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 0px;
	padding-left: 0px; 
}

a img { 
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
/*
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(//www.classcreator.com/images/newfooter/bg.jpg);
	background-repeat: repeat-x;
}

.container {
	width: 1004px;
	margin: 0 auto;
	padding: 0px 0px 25px 0px;
}

.header {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.logoContainer {
	float: left;
	
}

.navTopWrapper {
	width: 70%;
	float: right;
	margin-top: 32px;
}

.nav{
	font-family: DroidSansRegular;
	list-style: none;
	padding: 0;
	text-align: center;
}

.nav li{
  display: inline;
  padding: 1px;
  
}

.nav a{
  display: inline-block;
  padding: 10px;
}*/

/*.content {
  clear: both;	
  padding: 10px 0;
}*/
/*
.contentLargeTextBlurb {
	float: left;
	width: 475px;
	margin: 25px 0px 0px 10px;
	position: relative;
}

.contentLargeTextBlurb h1{
	font-family: DroidSansBold;
	font-size: 2.17em;
	color: #FFF;
	line-height: 1.3em;
	letter-spacing: -0.01em;
	text-shadow: 4px 4px 4px #000;
	font-weight: normal;
	margin: 48px 0px 0px 20px;
	padding: 0;
	position: relative;
}
	
.contentSignUpButton {
	float: left;
	width: 460px;
	height: 171px;
	margin: 0px 0px 1px 0px;
	position: relative;
}

.contentChalkboard {
	float: right;
	width: 490px;
	margin: 25px 20px 0px 0px;
	font-size: 2.1em;
	color: #FFF;
	line-height: 1.3em;
	letter-spacing: -0.01em;
	text-align: right;
	position: relative;
}*/

/* ~~ Needed negative margins on the .contentOwl below to position it correctly ~~ */
/*	
.contentOwl {
	float: left;
	position: relative;
	width: 295px;
	height: 206px;
	margin: -112px 0px 0px -48px;
	font-size: 2.1em;
	color: #FFF;
	line-height: 1.3em;
	letter-spacing: -0.01em;
	background-image: url(//www.classcreator.com/images/newfooter/owl.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.contentLowerContainer {
	float: left;
	width: 1004px;
	margin: 30px 0px 0px 0px;
}

.contentBenefits {
	float: left;
	position: relative;
	width: 340px;
	margin: 0px 0px 0px 15px;
	padding: 0;
	
}

.contentBenefits h2{
	font-family: DroidSansBold;
	font-size: 1.5em;
	color: #40454b;
	margin: 0px 0px 35px 20px;
	line-height: 1em;
	font-weight: normal;
	position: relative;
	font-style: italic;
}

.contentBenefits p{
	font-family: MuseoSlab500;
	width: 235px;
	font-size: 1em;
	color: #000;
	line-height: 1.1em;
	float: left;
	position: relative;
	margin: 0px 0px 30px 0px;
}

.contentIconShake {
	width: 85px;
	height: 68px;
	float: left;
	position: relative;
	margin: 0px 20px 5px 0px;
	background-image: url(//www.classcreator.com/images/newfooter/icon-shake.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.contentIconCap {
	width: 85px;
	height: 68px;
	float: left;
	margin: 0px 20px 5px 0px;
	position: relative;
	background-image: url(//www.classcreator.com/images/newfooter/icon-gradcap.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.contentIconUser {
	width: 85px;
	height: 68px;
	float: left;
	margin: 0px 20px 5px 0px;
	position: relative;
	background-image: url(//www.classcreator.com/images/newfooter/icon-user.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
*/
.contentIconEbook {
	width: 85px;
	height: 68px;
	float: left;
	margin: 0px 20px 5px 0px;
	position: relative;
	background-image: url(//www.classcreator.com/images/newfooter/icon-ebook.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.contentIconGlobe {
	width: 85px;
	height: 68px;
	float: left;
	margin: -3px 20px 5px 0px;
	position: relative;
	background-image: url(//www.classcreator.com/images/newfooter/icon-globe.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.footerSecure1 {
	width: 76px;
	height: 24px;
	float: left;
	margin: 31px 10px 0px 0px;
}

.footerSecure2 {
	width: 76px;
	height: 24px;
	float: left;
	margin: 28px 0px 0px 0px;
}
/*
.contentExamples {
	float: right;
	position: relative;
	width: 610px;
	height: 510px;
	margin: 0px 15px 30px 0px;
}*/
/* ----------jQuery Slideshow Controls ----------------*/

#slideshow #slidesContainer {
    margin: 0 auto;
    width: 610px;
    height: 420px;
    overflow: auto; /* allow scrollbar */
    position: relative;
}

#slideshow #slidesContainer .slide {
    margin: 0 auto;
    width: 610px; 
    height: 440px; /* reduce by 20 pixels to avoid vertical scroll */
	float: left;
}

.control {
  display: block;
  width: 130px;
  height: 33px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
}
#leftControl {
	top: 0;
	left: 0;
	background-image: url(//www.classcreator.com/images/newfooter/button-viewprevious.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#rightControl {
	top: 0;
	right: 0;
	background-image: url(//www.classcreator.com/images/newfooter/button-viewmore.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*--------- end jQuery Slideshow Controls-------------- */
/*------------------------------------------------------ */
/*
.contentExamples h2{
	font-family: DroidSansBold;
	font-size: 1.5em;
	color: #40454b;
	margin: 0px 0px 20px 0px;
	line-height: 1em;
	font-weight: normal;
	position: relative;
	font-style: italic;
	text-align: right;  }

.contentExamples  p {
	font-family: DroidSansRegular;
	margin: 40px 0px 0px 12px;
	font-size: 1em;
	font-weight: normal;
	float: left;
}

.contentExamplesSiteWrapper {
	font-size: 1em;
	color: #40454b;
	line-height: 1em;
	float: left;
	position: relative;
	width: 288px;
	height: 170px;
	margin: 0px 0px 35px 10px;
}

.contentExamplesSiteWrapper b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 6px 0px 0px 0px;
	font-style: normal;
	display: block;
}

.contentExamplesSiteWrapper p {
	width: 288px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px 0px;
	font-size: 0.88em;
	font-style: italic;
	background-image: url(//www.classcreator.com/images/newfooter/button-view-site.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.contentExamplesSite {
	width: 284px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	clear: both;
	border: 2px solid #41464c;
	background-image: url(//www.classcreator.com/images/newfooter/ex-class.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.contentExamplesButtonForward {
	width: 260px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	position: relative;
	float: right;
}
.contentLine2px {
	width: 590px;
	height: 2px;
	margin: 0px 0px 10px 7px;
	position: relative;
	clear: both;
	background-color: #41464c;
}

.contentLine8px {
	height: 8px;
	margin: 0px 10px 0px 10px;
	clear: both;
	background-color: #41464c;
}

*/
/*--------- FOOTER-------------- */

.footer {
	height: 312px;
	clear: both;
	text-align: center;
	position: relative;
	background-color: #40454b;
	background-image: url(//www.classcreator.com/images/newfooter/new-footer-bg.gif);
	background-repeat: repeat-x;
}

.footerContainer {
	width: 980px;
	height: 312px;
	position: relative;
	margin: -10px auto;
	background-image: url(//www.classcreator.com/images/newfooter/new-footer-bg-lines.gif);
	background-repeat: repeat-x;

}

.footerNav{
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0;
	text-align: center;
}

.footerNav li{
  padding: 0;
  margin: 0;
  text-align: left;
  
}

.footerNav a{
  padding: 0px;
}

.footerNavHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #ffffff;
	text-align: left;
}

.ftitle1 {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 120px;
}

.ftitle2 {
	position: absolute;
    left: 240px;
	top: 70px;
	width: 180px;
}

.ftitle3 {
	position: absolute;
    left: 510px;
	top: 70px;
	width: 170px;
}

.ftitle4 {
	position: absolute;
    left: 760px;
	top: 70px;
	width: 170px;
}

.footerIconContainer1 {
	position: absolute;
	left: 10px;
	top: 130px;
	width: 61px;
	height: 61px;
	background-image: url(//www.classcreator.com/images/newfooter/new-footer-icon1.png);
	background-repeat: no-repeat;
}

.footerNavContainer1 {
	position: absolute;
	left: 90px;
	top: 130px;
	width: 120px;
}

.footerIconContainer2 {
	position: absolute;
	left: 250px;
	top: 130px;
	width: 61px;
	height: 62px;
	background-image: url(//www.classcreator.com/images/newfooter/new-footer-icon2.png);
	background-repeat: no-repeat;
}

.footerNavContainer2 {
	position: absolute;
	left: 330px;
	top: 130px;
	width: 180px;
}

.footerIconContainer3 {
	position: absolute;
	left: 520px;
	top: 130px;
	width: 56px;
	height: 62px;
	background-image: url(//www.classcreator.com/images/newfooter/new-footer-icon3.png);
	background-repeat: no-repeat;
}

.footerNavContainer3 {
	position: absolute;
	left: 600px;
	top: 130px;
	width: 170px;
}

.footerIconContainer4 {
	position: absolute;
	left: 760px;
	top: 131px;
	width: 65px;
	height: 72px;
	background-image: url(//www.classcreator.com/images/newfooter/new-footer-icon4.png);
	background-repeat: no-repeat;
}

.footerNavContainer4 {
	position: absolute;
	left: 840px;
	top: 130px;
	width: 170px;
}

.footerSMHeader {
	position: absolute;
	right: 0px;
	top: 70px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #ffffff;
	text-align: right;
}

.footerSMFacebook {
	position: absolute;
	left: 810px;
	top: 125px;
	width: 30px;
	height: 30px;
}

.footerSMTwitter {
	position: absolute;
	left: 810px;
	top: 167px;
	width: 30px;
	height: 30px;
}

.footerSMVote { 
	height: 29px;
    position: absolute;
	right: 0px;
	bottom: 10px;
}

.footerSecure3 {
	width: 76px;
	height: 24px;
	position: absolute;
	left: 330px;
	bottom: 10px;
}

.footerSecure4 {
	width: 76px;
	height: 24px;
	position: absolute;
	left: 420px;
	bottom: 10px;
}

.dmca {
	width: 360px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	color: #c0c5cc;
	line-height: 1.1em;
	text-align: left;
	position: absolute;
	left: 0px;
	bottom: 40px;
}	

.copyright {
	width: 300px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	color: #c0c5cc;
	line-height: 1.1em;
	text-align: right;
	position: absolute;
	right: 0px;
	bottom: 40px;
}	

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

</style>