body {
	width: 100%;
	height: 100%;
	font-family: "Verdana", "Geneva", sans-serif;
	color: #222222;
	font-size: 12pt;
}

h1 {
	font-family: "Verdana", "Geneva", sans-serif;
	color: #530a68;
	text-shadow: 2px 2px 5px #999999;
}

h2 {
	font-family: "Verdana", "Geneva", sans-serif;
	color:#743885;
	text-shadow: 2px 2px 5px #999999;
}

ol li {
	padding-top: 20px;
}

a img, img {
	border: 0;
}

img {
	box-shadow: 5px 5px 10px #999999;
}

.orange_box {
	background-color: #f98c17;
	border-radius:25px;
	color: #000;
	box-shadow: 5px 5px 10px #999999;
	padding: 10px;
	margin: 20px;
	display: block;
	text-align: center;
}


.snail {
	color:#743885;
	font-size: 10pt;
}

.snail a, .snail a:visited {
	color:#743885;
	text-decoration: underline;
}

.snail a:hover {
	color:#743885;
	text-decoration: underline;
	text-shadow: 2px 2px 5px #999999;
}

a {
	color:#743885;
}

a, a:visited {
	color:#743885;
	text-decoration: underline;
}

a:hover {
	color:#743885;
	text-decoration: underline;
	text-shadow: 2px 2px 5px #999999;
}


#header {
	width: 880px;
	height: 296px;
	background-color: #FFFFFF;
	position: relative;
	margin: 0 auto;
}

#header a, #header a:hover {
	text-decoration: none;
	outline: none;
	border: none;
}

#content {
	top: 296px;
	bottom: 0;
	width: 800px;
	margin: 0 auto;
	
}

#footer {
	width: 800px;
	height: 50px;
	bottom: 0;
	margin: 0 auto;
	position: relative;
	display: block;
}

#footer a img {
	box-shadow: none;
}

/*******
HEADER IMAGES
*******/

#top_spacer { width: 880px; height: 8px; background-image: url('images/top_spacer.gif'); position: absolute; top: 0; left: 0; }
#far_left_spacer { width: 50px; height: 288px; background-image: url('images/far_left_spacer.gif');position: absolute; top: 8px;left: 0; }
#home_banner {width: 253px;height: 237px;background-image: url('images/home_banner.gif');position: absolute;top: 8px;left: 50px;}
#tagline {width: 577px;height: 57px;background-image: url('images/tagline.gif');position: absolute;top: 8px;left: 303px;}
#left_spacer {width: 15px;height: 180px;background-image: url('images/left_spacer.gif');position: absolute;top: 65px;left: 303px;}
#sb_basics {width: 141px;height: 118px;background-image: url('images/sb_basics.gif');position: absolute;top: 65px;left: 318px;}
#mid_spacer {width: 51px;height: 144px;background-image: url('images/mid_spacer.gif');position: absolute;top: 65px;left: 459px;}
#install {width: 137px;height: 118px;background-image: url('images/install.gif');position: absolute;top: 65px;left: 510px;}
#right_spacer {width: 46px;height: 180px;background-image: url('images/right_spacer.gif');position: absolute;top: 65px;left: 647px;}
#xc_basics {width: 139px;height: 120px;background-image: url('images/xc_basics.gif');position: absolute;top: 65px;left: 693px;}
#far_right_spacer {width: 48px;height: 180px;background-image: url('images/far_right_spacer.gif');position: absolute;top: 65px;left: 832px;}
#left_mid_spacer {width: 141px;height: 26px;background-image: url('images/left_mid_spacer.gif');position: absolute;top: 183px;left: 318px;}
#mid_mid_spacer {width: 137px;height: 26px;background-image: url('images/mid_mid_spacer.gif');position: absolute;top: 183px;left: 510px;}
#right_mid_spacer {width: 139px;height: 24px;background-image: url('images/right_mid_spacer.gif');position: absolute;top: 185px;left: 693px;}
#additional {width: 251px;height: 36px;background-image: url('images/additional.gif');position: absolute;top: 209px;left: 318px;}
#rand_spacer {width: 78px;height: 36px;background-image: url('images/rand_spacer.gif');position: absolute;top: 209px;left: 569px;}
#contact {width: 139px;height: 36px;background-image: url('images/contact.gif');position: absolute;top: 209px;left: 693px;}
#bottom_spacer {width: 830px;height: 51px;background-image: url('images/bottom_spacer.gif');position: absolute;top: 245px;left: 50px;}



/*************
SMART BOARD HARDWARE
**************/

#hw_installation {
	width: 100%;
	height: 390px;
	background: url('images/sb_hw/installation.png') no-repeat top left;
	top:0;
	position: relative;
	box-shadow: 5px 5px 10px #999999;
}


#hw_installation #usb, #hw_installation #vga, #hw_installation #power {
	padding: 2px;
	border: 2px solid #660066;
	position: relative;
	text-align: center;
	background-color: #FFF;
}

#hw_installation #usb {
	top: 250px;
	left: 150px;
	width: 50px;
}

#hw_installation #vga {
	top: 260px;
	left: 330px;
	width: 50px;
}

#hw_installation #power {
	top: 300px;
	left: 120px;
	width: 70px;
}

#hw_installation #power_cable {
	top: 123px;
	left: 130px;
	width: 3px;
	height: 120px;
	background-color: #660066;
	position: relative;
}

#hw_installation #power_block {
	top: 120px;
	left: 121px;
	width: 20px;
	height: 30px;
	background-color: #660066;
	position: relative;
}

#hw_installation_steps {
	width: 300px;
	height: 300px;
	left: 420px;
	top: 10px;
	position: absolute;
}

#hw_safety {
	padding-top: 250px;
}

#hw_control {
	position: relative;
	width: 100%;
	
}

#hw_control #control_description {
	width: 350px;
	right: 0;
	top: 0;
	position: absolute;
}

#hw_control #control_tray1 {
	position: relative;
	top: 0;
	left: 0;
	width: 397px;
	height: 420px;
	background-image: url('images/sb_hw/control_tray1.png');
	box-shadow: 5px 5px 10px #999999;
}

#hw_control #control_tray2 {
	position: relative;
	float: center;
	width: 350px;
	height: 66px;
	background-image: url('images/sb_hw/control_tray2.png');
	box-shadow: 5px 5px 10px #999999;
}

#hw_control #control_tray3 {
	position: relative;
	float: center;
	width: 140px;
	height: 83px;
	background-image: url('images/sb_hw/control_tray3.png');
	box-shadow: 5px 5px 10px #999999;
}

#hw_orient {
	padding-top: 100px;
}


/****************
SMART BOARD BASICS
****************/

#notebook {
	width: 800px;
	height: 503px;
	background-image: url('images/sb_basics/notebook.png');
	position: relative;
	margin-left: -50px;
	margin-top: 20px;
	box-shadow: 5px 5px 10px #999999;
}

#notebook .label_title {
	padding: 2px;
	border: 2px solid #FF0000;
	position: absolute;
	text-align: center;
	background-color: #FFF;
	font-size: 10pt;
}

#notebook .line {
	background-color: #FF0000;
	border:0;
	position: absolute;
}

.box {
	padding: 2px;
	border: 2px solid #FF0000;
	position: absolute;
	text-align: center;
}

#notebook #menu_title {
	width: 60px;
	top: 18px;
	left: 300px;
}

#notebook #menu_box {
	width: 230px;
	left: 2px;
	top: 25px;
	height: 8px;
}

#notebook #menu_line {
	left: 238px;
	top: 30px;
	width: 64px;
	height: 3px;
}

#notebook #tool_title {
	width: 60px;
	top: 50px;
	left: 500px;
}

#notebook #tool_box {
	width: 450px;
	left: 2px;
	top: 44px;
	height:46px;
}

#notebook #tool_line {
	left: 458px;
	top: 60px;
	width: 42px;
	height: 3px;
}

#notebook #tabs_title {
	width: 60px;
	top: 150px;
	right: 80px;
}

#notebook #tabs_box {
	width: 35px;
	right: 2px;
	top: 100px;
	height: 395px;
}

#notebook #tabs_line {
	right: 43px;
	top: 160px;
	width: 37px;
	height: 3px;
}

#toolbar_pens {
	width: 800px;
	height: 103px;
	position: relative;
	background-image: url('images/sb_basics/toolbar_pens.png');
	margin-top: 20px;
	margin-left: -50px;
	box-shadow: 5px 5px 10px #999999;
}

#toolbar_pens_box {
	bottom: 5px;
	left: 345px;
	width: 27px;
	height: 24px;
	position: absolute;
}

#toolbar_pens_add_box {
	bottom: 5px;
	right: 10px;
	width: 310px;
	height: 50px;
	position: absolute;
}

#toolbar_text {
	width: 800px;
	height: 92px;
	position: relative;
	background-image: url('images/sb_basics/toolbar_text.png');
	margin-top: 20px;
	margin-left: -50px;
	box-shadow: 5px 5px 10px #999999;
}

#toolbar_text_box {
	bottom: 2px;
	left: 315px;
	width: 27px;
	height: 24px;
	position: absolute;
}

#toolbar_text_add_box {
	bottom: 5px;
	right: 5px;
	width: 357px;
	height: 50px;
	position: absolute;
}

#toolbar_line {
	width: 800px;
	height: 103px;
	position: relative;
	background-image: url('images/sb_basics/toolbar_line.png');
	margin-top: 20px;
	margin-left: -50px;
	box-shadow: 5px 5px 10px #999999;
}

#toolbar_line_box {
	bottom: 2px;
	left: 427px;
	width: 27px;
	height: 24px;
	position: absolute;
}

#toolbar_line_add_box {
	bottom: 5px;
	right: 5px;
	width: 292px;
	height: 50px;
	position: absolute;
}

/******************
XC BASICS
*******************/

#xc_basics2 {
	background-image: url('images/xc_basics/xc2.png');
	width: 524px; 
	height: 368px;
	position: relative;
	box-shadow: 5px 5px 10px #999999;
}

#xc_basics2_box {
	left: 3px;
	bottom: 30px;
	width: 30px;
	height: 30px;
	position: absolute;
}

#xc_basics3 {
	background-image: url('images/xc_basics/xc3.png');
	width: 529px; 
	height: 414px;
	position: relative;
	box-shadow: 5px 5px 10px #999999;
}

#xc_basics3_box {
	left: 170px;
	top: 150px;
	width: 80px;
	height: 100px;
	position: absolute;
}