/* ---------------------------------------------
OrangeEd Screen Style Sheet
author: OrangeEd
version:  2008.02
----------------------------------------------- */

body {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#35170f;
	margin:0;
	padding:0;
	background:#dad7d0 url(../images/bodybg.jpg) repeat-x top center;
	text-align:center;
	min-width:758px;}

a {color:#c95520; text-decoration:none;}
a:visited {color:#c95520;}
a:hover {text-decoration:underline;}

h2 {font:normal 35px/40px "Lucida Grande", Arial, Helvetica, sans-serif; color:#c95520; margin:0; padding:10px 0;}
h3 {font:bold 16px/25px "Lucida Grande", Arial, Helvetica, sans-serif; color:#35170f; padding:10px 0 5px 0; margin:0;}
h4 {font:bold 14px/20px "Lucida Grande", Arial, Helvetica, sans-serif; color:#35170f; padding:10px 0 5px 0; margin:0;}


/* Layout Blocks
----------------------------------------------- */
a.skiplink {position:absolute; text-indent:-99999px; display:none;}
#headerwrapper {background:url(../images/headerbg.jpg) no-repeat top center; height:170px; padding:0; margin:0 0 30px 0;}
#header {position:relative; width:758px; margin:0 auto; text-align:left;}
.printlogo {display:none;}
#header h1 {position:absolute; top:0; left:0; margin:0; padding:0; width:160px; height:170px; background:url(../images/h1bg.gif) no-repeat bottom left;}
#header h1 a {display:block; margin-top:110px; border-top:1px solid #fff; text-indent:-9999px; font-size:1px;}
#header h3 {position:absolute; margin:0; padding:0; width:187px; border-right:1px solid #fff;}
#header h3 a {display:block; height:150px; background:url(../images/websitesforschools.gif) no-repeat 0 80px; font-size:1px; text-indent:-999999px; outline:none;}
#header h3 a:hover {text-decoration:none;}

ul#topnav {position:absolute; top:0; left:214px; margin:0; padding:0; width:544px; height:170px; }
	#topnav li.orangeinfo,
	#topnav li.orange101,
	#topnav li.digdeeper {display:block; position:absolute; top:0; width:160px; height:170px; margin:0; padding:0; background:url(../images/topnavheaders.gif) no-repeat bottom left;}

	#topnav li.orangeinfo {left:0; background-position:0 bottom;}
	#topnav li.orange101 {left:192px; background-position:-192px bottom;}
	#topnav li.digdeeper {left:384px; background-position:-384px bottom;}

	#topnav li a {position:absolute; display:block; font-size:12px; width:160px; height:60px; bottom:0; left:0;}
	#topnav li strong {display:none;}

	#topnav ul {display:block; position:absolute; left:0; bottom:0; list-style:none; margin:0 0 60px 0; width:160px; padding:0 0 12px 0; border-bottom:1px solid #fff;}
	#topnav ul li {display:inline; margin:0; padding:0;}
	#topnav ul li a {position:relative; bottom:auto; width:auto; height:auto; display:block; color:#fff; line-height:22px; }
	
#contentwrapper {background:url(../images/contentwrap.jpg) no-repeat top center;}
	#content {position:relative; width:758px; margin:0 auto; padding:20px 0 50px 0; text-align:left;}
	#content ul {margin:10px 0 10px 15px; padding:0; list-style:none;}
		#content ul li {display:block; margin:0; padding:3px 0 3px 20px; background:url(../images/orangebullet.gif) no-repeat center left;}

	ul#featurepeep {display:block; width:310px; height:320px; list-style:none; margin:5px 45px 35px 0; padding:0; float:left;}
		ul#featurepeep li {display:inline; margin:0; padding:0;}
		ul#featurepeep li a {display:block; color:#35170f; height:80px; font-size:11px; line-height:15px; padding:0 20px 0 96px; background:url(../images/featurepeep.jpg) no-repeat top left;}
		ul#featurepeep li a,
		ul#featurepeep li a:link,
		ul#featurepeep li a:visited, 
		ul#featurepeep li a:hover {text-decoration:none; color:#35170f;}
		ul#featurepeep li a strong {display:block; padding:13px 0 0 0; font-size:12px; line-height:20px; font-weight:bold;}
		ul#featurepeep li a br {display:none;}
			ul#featurepeep a.a {background-position:0 0;}
			ul#featurepeep a.a:hover {background-position:-310px 0;}
			ul#featurepeep a.b {background-position:0 -80px;}
			ul#featurepeep a.b:hover {background-position:-310px -80px;}
			ul#featurepeep a.c {background-position:0 -160px;}
			ul#featurepeep a.c:hover {background-position:-310px -160px;}
			ul#featurepeep a.d {background-position:0 -240px;}
			ul#featurepeep a.d:hover {background-position:-310px -240px;}

	ul#featurewalker {display:block; width:450px; margin:15px 0; padding:20px 0 0 0; background:url(../images/hrbg.gif) no-repeat top center;}
		ul#featurewalker li {display:inline; margin:0; padding:0; background:none;}
		ul#featurewalker li a {display:block; color:#35170f; font-size:12px; line-height:30px; margin:0; padding:2px 0 2px 20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(../images/orangebullet.gif) no-repeat 0 center;}
		ul#featurewalker li a,
		ul#featurewalker li a:link,
		ul#featurewalker li a:visited, 
		ul#featurewalker li a:hover {text-decoration:none; color:#35170f;}
		ul#featurewalker li a strong {display:inline; font-size:22px; line-height:22px; font-weight:bold; color:#c95520;}
		ul#featurewalker li a:hover {color:#c95520;}
		
			body.usability ul#featurewalker a.a,
			body.usability ul#featurewalker a.a strong {color:#35170f;}

			body.design ul#featurewalker a.b,
			body.design ul#featurewalker a.b strong {color:#35170f;}

			body.technology ul#featurewalker a.c,
			body.technology ul#featurewalker a.c strong {color:#35170f;}
	
			body.support ul#featurewalker a.d,
			body.support ul#featurewalker a.d strong {color:#35170f;}
	

/* Case Studies Styles */

		.case_study { display:block; margin:20px 0 0 0; padding:0 0 5px 0; }
			.case_study.first { margin-top:0; }
			.case_study h3 { margin-left:10px; }
			.case_study p { font-size:14px; line-height:24px; margin-left:10px; width:auto; }
		span.site_link { float:right; margin:-20px 0 0 0; font-weight:bold; }
		span.preview { display:block; clear:both; width:768px; height:266px; margin:0 0 20px 0; cursor:pointer; background-position:0 0; }
			span.preview.rockhill { background:url(../images/case_study_rockhill.jpg) no-repeat 0 0; }
			span.preview.spartanburg { background:url(../images/case_study_spartanburg.jpg) no-repeat 0 0; }
			span.preview.orangeburg { background:url(../images/case_study_orangeburg.jpg) no-repeat 0 0; }
				span.preview.js { margin:-286px 0 0 0; }
				span.preview:hover { background-position:0 -266px; }
				span.preview a { display:block; width:100%; height:100%; text-indent:-9999px; }
		
		
		


#footerwrapper {background:url(../images/footerwood.jpg) repeat-x top center;}
	#footer {position:relative; width:758px; margin:0 auto; padding:0; text-align:left;}
		.lp {position:relative; float:left; width:310px; margin:0; padding:0; height:265px; background-repeat:no-repeat; background-position:0 66px;}
			.leftlaunch {margin:0 138px 0 0; background-image:url(../images/lp-left.png);}
				.leftlaunch.casestudy { background-image:url(../images/lp-left-rockhill.png); }
					* html .leftlaunch.casestudy { background-image:url(../images/lp-left-rockhill-ie.png); }
				.leftlaunch.casestudy.spartanburg { background-image:url(../images/lp-left-spartanburg.png); }
					* html .leftlaunch.casestudy.spartanburg { background-image:url(../images/lp-left-spartanburg-ie.png); }
				.leftlaunch.casestudy.orangeburg { background-image:url(../images/lp-left-orangeburg.png); }
					* html .leftlaunch.casestudy.orangeburg { background-image:url(../images/lp-left-orangeburg-ie.png); }
				
			.rightlaunch { background-image:url(../images/lp-right.png);}

		.lp h3 {display:block; width:280px; padding:0 !important; margin:35px 0 0 0; background-repeat:no-repeat; background-position:32px 0;}
			.leftlaunch h3 {background-image:url(../images/poweredbyorangeed.gif);}
			.rightlaunch h3 {background-image:url(../images/scheduleademo.gif);}
			.lp h3 a {display:block; font-size:1px; line-height:1px; text-indent:-9999px; height:145px; outline:none;}

		.lp ul {margin:0 0 0 32px; padding:0; list-style:none; color:#fff; line-height:20px; font-size:12px;}
			.lp ul li {margin:0; padding:0;}
			#footer .lp ul li a {margin:0; padding:0 0 0 18px; background:url(../images/raquo-wood.gif) no-repeat center left; color:#fff;}
			#footer .lp ul li a:hover {text-decoration:underline;}

		.copyright {clear:left; padding:20px 25px 50px 0; text-align:right; font-size:12px;}
			.copyright .phone {float:left; margin-left:32px;}
			
			.copyright .phone {display:none;}
			
			.copyright b {font-family:arial, sans-serif;}
			.copyright a {float:left; margin-left:32px;}
			


/* Homepage Specific 
----------------------------------------------- */
body.home {background-image:url(../images/home-bodybg.jpg);}
body.home #contentwrapper {background:url(../images/home-contentwrap.jpg) no-repeat top center; height:380px;}
body.home #content {padding-top:0;}
	#flashblock {height:235px; position:relative;}
	#flashblock h4 {position:absolute; top:50px; left:0;}
	#flashblock h3 {position:absolute; top:80px; left:0; font-size:24px; color:#fff;}
	#flashblock p {visibility:hidden;}

body.home #footerwrapper {margin-top:-145px; min-width:758px; background:url(../images/home-desk.jpg) no-repeat top center;}
body.home .leftlaunch {margin:0 74px 0 32px;}



/* Form Styles
----------------------------------------------- */

label {float:left; display:block; text-align:right; width:100px; padding-right:5px; line-height:25px;}
.textbox {border:1px solid #c9bdaf; width:180px; height:14px; padding:4px 5px; font-size:11px; line-height:12px; color:#333; font-weight:normal;}
* html .textbox {width:190px; height:22px;}
textarea {border:1px solid #c9bdaf; font-size:11px; color:#333; overflow:auto;}
.button60 {padding:0; display:block; width:60px; height:25px; border:none; font-size:11px; line-height:25px; color:#fff; text-transform:uppercase; background:url(../images/buttonbg60.gif) no-repeat;}
select {border:1px solid #c9bdaf; height:20px; margin:0; font-size:11px; line-height:12px; color:#333; font-weight:normal;}
div.required label {font-weight:bold;}

body.contact #content {background:url(../images/contact-phone.jpg) no-repeat 155px 350px;}
form.contact {position:relative; margin:0 0 60px 30px; padding:0; width:375px; float:right; border:none; background:#dbd8d1; border-left:1px solid #c9bdaf;}
form.contact fieldset {display:block; margin:0; padding:10px 0 0 0; border:none;}
form.contact div.row {position:relative; padding:5px 0;}
form.contact div.first {background:none; margin-top:-5px;}
form.contact div.last {padding:0 0 0 0; background:none;}
form.contact div.alt {}
form.contact label {float:left; display:block; text-align:right; width:142px; padding-right:5px; line-height:25px;}
form.contact div.required label {font-weight:bold;}
form.contact input.textbox {position:relative;}
form.contact textarea {width:295px; height:150px; padding:2px 5px;  margin:0 35px 20px 0; float:right;}
form.contact .errortext {position:absolute; top:5px; left:343px; display:block; width:235px; text-indent:22px; height:22px; line-height:22px; background:url(../images/formerrorbg.gif) no-repeat center left;}
* html form.contact .errortext {left:195px;}
form.contact .linkbutton {position:absolute; margin:160px 0 0 270px;}


form.demo {float:left; border-right:1px solid #c9bdaf; margin:8px 30px 60px 0; padding:0; width:390px;}
form.demo fieldset {display:block; margin:0; padding:0; border:none;}
form.demo .textbox,
form.demo select {float:left; margin-right:5px; border:1px solid #c9bdaf; background:#fff;}
form.demo div.row {height:30px;}
form.demo #txtFirstName {width:75px;}
form.demo #txtLastName {width:100px;}
form.demo #txtTitle,
form.demo #txtDistrict,
form.demo #txtAddress1,
form.demo #txtAddress2 {width:250px;}
form.demo #txtCity {width:100px;}
form.demo #txtZipCode {width:50px;}
form.demo textarea {height:50px; width:190px;}
form.demo .linkbutton {position:absolute; margin:34px 0 0 105px;}
* html form.demo .linkbutton {margin-top:9px;}
form.demo .errortext {position:absolute; display:block; width:235px; text-indent:22px; height:22px; line-height:22px; background:url(../images/formerrorbg.gif) no-repeat center left;}



/* Reusables
----------------------------------------------- */

a.linkbutton {display:block; float:left; padding:8px 15px 8px 25px; margin:8px 0 8px 0; line-height:12px; font-size:12px; text-decoration:none; color:#fff !important; background:url(../images/linkbutton.gif) no-repeat top left;}
a.linkbutton:hover {text-decoration:none; color:#fff; background-position:bottom left;}

.hidden {display:none !important;}

div.hr {height:20px; margin:10px 0; background:url(../images/hrbg.gif) no-repeat center center; clear:both;}
	div.hr hr {visibility:hidden; height:1px; margin:0; padding:0;}

p.intro {font-size:14px; line-height:20px;}

.clear {clear:both; display:block; overflow:hidden; width:0; height:0; border:none;}

.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px;}
.push15 {margin-right:-15px;}

.invisible {visibility:hidden;}

ul.faq li {display:block; margin:0 0 20px 0 !important; background-position:0 8px !important;}
ul.faq li strong {display:block; margin:0 0 5px 0;}
ul.faq li br {display:none}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:60px;
	padding:10px 0 18px 0;
	margin:0 0 -30px 0;
}