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

/*MAIN DOCUMENT CSS*/

/*NOTE: GREEN TEXT IS #388c35*/
html { height: 100%; margin: 0; padding:0;}
body { height:100%; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#333; background-color:#ffffff; margin:0; padding:0; background-image:url(../images/2010/bg1.jpg); background-repeat: no-repeat; background-position:left; background-attachment:fixed;}
ul { margin-left:12px; padding:0;}

/*LINKS*/
a:link { color:#ffffff text-decoration:none;}
a:hover { color:#181818; text-decoration:none;}
a:active { color:#ffffff text-decoration:none;}
a:visited { color:#ffffff; text-decoration:none;}


/*TEXT*/
h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#060; margin:0; padding:0; font-weight:bold;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#060; margin:0; padding:0; font-weight:400;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; font-weight:bold;}
form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

/*HOME TOP TEXT AND CONTAINER*/
.topcontentcontainer { width:960px; height:auto; clear:both; margin-left:-8px;}
.topcontenttop { width:960px; height:18px; background-image:url('../images/topcontenttop.png'); background-repeat:no-repeat; margin:0; padding:0;}
.topcontent { width:920px; height:auto; min-height:95px; background-image:url('../images/topcontentmiddle.png'); background-repeat:repeat-y; padding: 15px 30px 8px 20px;}
.topcontentbottom { width:960px; height:20px; background-image:url('../images/topcontentbottom.png'); background-repeat:no-repeat; margin:0; padding:0;}
.hometoptext { font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.bold { font-weight:bold;}
.bold a { text-decoration:none; color:#006600;}
.bold a:hover { text-decoration:underline; color:#333;}
.topcontent a { text-decoration:none; color:#006600;}
.topcontent a:hover { text-decoration:underline; color:#333;}

.header { width:100%; height:160px; background-image:url(../images/2010/header-strip.png); background-repeat:repeat-x;}
.innerheader { width:950px; height:160px; margin-left:auto; margin-right:auto; background-image:url(../images/2010/header-logo.png); background-position:left; background-repeat:no-repeat;}
.headertitle { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#358a34; padding-top:110px; padding-left:200px;}
.nav { width:100%; height:40px; background-image:url(../images/2010/nav-strip.png); background-repeat:repeat-x; margin-bottom:20px; position:relative; z-index:999;}
.container { width:950px; height:auto;  margin-left:auto; margin-right:auto; clear:both; min-height:500px;}

/*NAVIGATION*/
.innernav { width:950px; height:40px; margin-left:auto; margin-right:auto;}
.innernav ul { padding:0; margin:0;}
.innernav ul li { display:block; height:39px;}
.innernav ul li a{ color:#fff; display:block; padding: 7px 21px 9px 21px; text-decoration:none; display:block;} 
.home { list-style:none; font-size:18px; color:#FFF; float:left; border-left:1px #666 solid; border-right:1px #666 solid; display:block; }
.innernav ul li:hover a { color:#181818;}
.innernav ul li:hover { background-image:url(../images/2010/nav-hover.png); background-repeat:repeat-x;}
.overview { list-style:none; font-size:18px; color:#FFF; float:left; border-right:1px #666 solid; display:block;}
.features { list-style:none; font-size:18px; color:#FFF; float:left; border-right:1px #666 solid; display:block;}
.system { list-style:none; font-size:18px; color:#FFF; float:left; border-right:1px #666 solid; display:block;}
.demos { list-style:none; font-size:18px; color:#FFF; float:left; border-right:1px #666 solid; display:block;}
.purchase { list-style:none; font-size:18px; color:#FFF; float:left; border-right:1px #666 solid; display:block;}
.contact { list-style:none; font-size:18px; color:#FFF; float:left; border-right:1px #666 solid; display:block;}
.navshadow { width:100%; height:20px; background-image:url(../images/2010/nav-shadow1.png); background-repeat:repeat-x; margin-top:-2px;}
.home > .Home { color: #000; }
.overview > .Overview { color: #000; }
.features > .Features { color: #000; }
.system > .System { color: #000; }
.demos > .Demo { color: #000; }
.purchase > .Purchase { color: #000; }
.contact > .Contact { color: #000; }

/*SLIDESHOW CSS*/

/*SHADOW*/
.shadow {width: 980px; height:240px; background-image:url(../images/2010/shadow.png); background-repeat:no-repeat; position:relative; z-index:1; margin-left:-15px; margin-top:-225px;}

/* SLIDESHOW BANNER */
.slideshow {width:950px; height:210px; position:relative; z-index:999; padding:0; margin:0;}
.slideshow a img { border:none;}
.slideshow li.slide { list-style-type:none;}
.slideshow .slides { width:950px; height:210px; margin:0;}
.slideshow .slides li.slide { visibility:hidden; position:absolute; left:0px; top:0;}
.slideshow .buttons { display:none;}
.slideshow .buttons { display:block; position:absolute; z-index:100; left:0px; bottom:20px; margin:0;}
.slideshow .buttons li { float:left; display:inline; width:30px; height:30px; margin:0; padding-left:11px; line-height:30px; background-image:url('buttonBg.png'); background-repeat:no-repeat;}
.slideshow .buttons li a { float:left; text-decoration:none; width:30px; height:30px; color:#fff; outline:0;}
.slideshow ul.buttons li a:hover { text-decoration:none; color:#0a0a0a;}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a { color:#666666;}

/*HOME PAGE CONTAINERS*/

/*LEFT CONTENT BOX*/
.leftcontentcontainer { width:315px; height:auto; float:left; margin-right:7px; padding:0; margin-left:-9px;}
.leftcontenttop { width:315px; height:18px; background-image:url('../images/2010/box-top.png'); background-repeat:no-repeat;}
.leftcontent { width:280px; height:auto; min-height:485px; padding-left:20px; padding-right:20px; background-image:url('../images/2010/box-middle.png'); background-repeat:repeat-y;}
.leftcontentbottom { width:315px; height:18px; background-image:url('../images/2010/box-bottom.png'); background-repeat:no-repeat;}

/*MIDDLE CONTENT BOX*/
.middlecontentcontainer { width:315px; height:auto; float:left; margin-right:7px; padding:0;}
.middlecontenttop { width:315px; height:18px; background-image:url('../images/2010/box-top.png'); background-repeat:no-repeat;}
.middlecontent { width:280px; height:auto; min-height:485px; padding-left:20px; padding-right:20px; background-image:url('../images/2010/box-middle.png'); background-repeat:repeat-y;}
.middlecontentbottom { width:315px; height:18px; background-image:url('../images/2010/box-bottom.png'); background-repeat:no-repeat;}

/*RIGHT CONTENT BOX*/
.rightcontentcontainer { width:315px; height:auto; float:left; margin:0; padding:0;}
.rightcontenttop { width:315px; height:18px; background-image:url('../images/2010/box-top.png'); background-repeat:no-repeat;}
.rightcontent { width:280px; height:auto; min-height:485px; padding-left:20px; padding-right:20px; background-image:url('../images/2010/box-middle.png'); background-repeat:repeat-y;}
.rightcontentbottom { width:315px; height:18px; background-image:url('../images/2010/box-bottom.png'); background-repeat:no-repeat;}

/* MIDDLE CONTENT BOX UL LI*/
.middlecontent ul { padding:0; margin-top:20px;}
.middlecontent ul li { margin-bottom:10px; list-style:none; padding-left:5px; }
.demovideosbutton {width:101px; height:29px; background-image:url('../images/2010/green-button.png'); background-repeat:no-repeat; float:left; margin-right:45px; font-size:14px; padding-left:15px; padding-top:5px;}
.demovideosbutton a { color:#fff; text-decoration:none;}
.demovideosbutton a:hover { color:#181818;  text-decoration:none;}
.middlemoreinfobutton { width:89px; height:29px; background-image:url('../images/2010/green-button.png'); background-repeat:no-repeat; float:left; font-size:14px; padding-left:27px; padding-top:5px}
.middlemoreinfobutton a{ color:#ffffff;  text-decoration:none;}
.middlemoreinfobutton a:hover { color:#181818;  text-decoration:none;}

/*FOOTER*/
.footer { width:100%; height:100px; background-image:url('../images/2010/footer-strip.png'); background-repeat:repeat-x; }
.innerfooter { width:717px; height:80px; margin-left:auto; margin-right:auto; background-image:url('../images/2010/footerbg1.png'); background-repeat:no-repeat; font-size:12px; color:#388c35; padding-left:223px; padding-top:5px;}

/*VIDEO CONTENT*/
h4 {  color:#3d9338; padding:0px; margin:0px;}
.vid_cont {border: 12px solid #ddd;  -moz-border-radius: 12px; border-radius: 12px; width: 640px; margin: 30px auto;}

.vid_down {  font-size: 18px;  color: white;  border: 1px solid #337a2f;  -moz-border-radius: 8px;  border-radius: 8px;  padding: 8px;  margin-left: 0px;  background: #3D9338;  background: -webkit-gradient(linear, left top, left bottom, from(#5ee056), to(#337a2f)); /* for webkit browsers */  background: -moz-linear-gradient(top,  #5ee056,  #337a2f); /* for firefox 3.6+ */  background: linear-gradient(top, #5ee056, #337a2f); /* for the future */  text-shadow: #4ef445 0px 1px 1px;}
.vid_down a { text-decoration:none; color:#fff;}
.vid_down a:hover {text-decoration:none; color:#fff;}

/*CONTACT*/
.thankyou { text-align:center; font-size:16px; color:#333; margin-top: 100px;}

/*BETA ADVERT*/
.betaadvert { height:192px; height:95px; background-image:url('../images/beta-advert2.jpg'); background-repeat:no-repeat; padding-left:130px; padding-top:15px;}

/*2 COLUMN LAYOUT*/
.textleftcolumn { width:445px; height:auto; padding:10px; margin-right:20px; float:left;}
.textrightcolumn {width:445px; height:auto; padding:10px; float:left;}

/*VIDEO LINKS MENU*/
.videolinks { width:950px; height:200px; clear:both; margin-left:auto; margin-right:auto;}
.videolinkscontainer { width:950px; height:auto; margin-left:auto; margin-right:auto; clear:both;}
.videolinks-students { font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin-right:30px;}
.videolinks-admin { font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left;}
.videolinks-admin ul { margin:0; padding:0; text-align:center;}
.videolinks-students ul { margin:0; padding:0; margin-left:250px; text-align:center;}
.videolinks-students ul li { list-style:none;}
.videolinks-admin ul li { list-style:none; }
.videolinks-students ul li a { text-decoration:none; color:#333;}
.videolinks-admin ul li a { text-decoration:none; color:#333;}
.videolinks-students ul li a:hover { text-decoration:underline; color:#388c35;}
.videolinks-admin ul li a:hover { text-decoration:underline; color:#388c35;}

/*VIDEO MULTI PLAYER*/
#videocontainer {width:910px; height:544px; padding:10px; background-image:url('../images/video-container-bg.png'); color:#333; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:30px;}
#video-holder {width:640px; height:360px; display:block; border:#666 1px solid; float:left; margin-bottom:20px;}
.holder {overflow:auto; background:#eee; border:#666 1px solid; padding:10px; margin:0 10px 5px 10px; clear:both;}
/*p.holder {background:#eee; border:#666 1px solid; padding:10px; margin:0 10px 5px 10px; clear:both;}*/
.script {display:block; background:#ddd; border:#666 1px solid; margin:5px 0; padding:4px;}
span.indent {padding-left:10px;}
.videobuttons ul {float:right; margin-right:10px;}
.videobuttons li { width:152px; height:24px; list-style-type:none; padding:4px 4px 4px 18px; margin:0 0 10px 0; cursor:pointer; background-image:url('../images/vidbuttonbg2.png'); background-repeat:no-repeat; color:#FFF;}

.videobuttons li a:hover { color:#181818;}

.videocontainertitle { width:900px; padding-left:20px; padding-top:10px;}
.videocontainersubtitle { padding-right:20px; margin-top:-10px; float:right;}

/*FIXED FOOTER*/
.wrapper { min-height: 100%; height: auto !important;height: 100%; margin: 0 auto -100px 0; 
/* the bottom margin is the negative value of the footer's height */}
.push { height: 100px;
/* .push must be the same height as .footer */}


/*PHONE GIRL*/
.phonegirl { width:287px; height: 230px; background-image:url('../images/phonegirl.jpg'); background-repeat:no-repeat; margin-left:0px; margin-top:-40px; padding-top:26px;}

/*TWITTER BUTTON*/
.twitter { width:255px; height:45px; margin-left:120px; margin-bottom:5px;}


.err {
	color: #FF0000;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0em;
	margin-right: 0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: solid 1px #FF0000;
	background-color: #FFBBBB;
}    
.warn {
	color: #FF5000;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0em;
	margin-right: 0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: solid 1px #FF5000;
	background-color: #FFBB66;
}

.okay {
	color: #009900;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0em;
	margin-right: 0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: solid 1px #009900;
	background-color: #AAEEAA;
}