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

#header {
	background-image: url(/images/navs/header-bg.jpg);
	background-repeat: no-repeat;
	height: 334px;
	width: 1000px;
	position: relative;/*this allow the ul and span to be positioned absolutely*/
}
#header span a {
	background-image: url(/images/navs/mail-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 29px;
	width: 30px;
	left: 954px;
	top: 295px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#header span a:hover {
	background-position: -30px;
}
/*Software page styling*/

body#software #header{background-image: url(/images/navs/header-software-bg.jpg);}
body#software .nav li a:link, body#software .nav li a:visited{background-image: url(/images/navs/nav-software.jpg);}

.nav{
	margin: 0px;
	padding: 0px;
	width: 214px;
	list-style-type: none;
	position: absolute;
	left: 46px;
	top: 21px;
}
.nav li{
	width: 100%;
	list-style-image: none;
}

/*Body IDs for current page*/

body#home li#navhome a,
body#support li#navsupport a,
body#classes li#navclasses a,
body#software li#navsoftware a,
body#pricing li#navpricing a,
body#testimonials li#navtest a,
body#about li#navabout a,
body#contact li#navcontact a{color: #000000;}

body#home li#navhome a:hover,
body#support li#navsupport a:hover,
body#classes li#navclasses a:hover,
body#software li#navsoftware a:hover,
body#pricing li#navpricing a:hover,
body#testimonials li#navtest a:hover,
body#about li#navabout a:hover,
body#contact li#navcontact a:hover{color: #ffffff;}

.nav li a:link, .nav li a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: #818181;
	background-image: url(/images/navs/nav.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	text-decoration: none;
	font-size: 14px;
	padding-left: 41px;
	line-height: 30px; /*used line heigh to center text instead of padding*/
}
.nav li a:hover, .nav li a:active{
	font-weight: bold;
	color: #FFFFFF;
}

li#navhome a{background-position: left top;}
li#navhome a:hover{background-position: right top;}

li#navsupport a{background-position: left -30px;}
li#navsupport a:hover{background-position: right -30px;}

li#navclasses a{background-position: left -60px;}
li#navclasses a:hover{background-position: right -60px;}

li#navsoftware a{background-position: left -90px;}
li#navsoftware a:hover{background-position: right -90px;}

li#navpricing a{background-position: left -120px;}
li#navpricing a:hover{background-position: right -120px;}

li#navtestimonials a{background-position: left -150px;}
li#navtestimonials a:hover{background-position: right -150px;}

li#navabout a{background-position: left -180px;}
li#navabout a:hover{background-position: right -180px;}

li#navcontact a{background-position: left -210px;}
li#navcontact a:hover{background-position: right -210px;}

/*Index Bottom Three Nav*/

.bottomthree {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
	width: 692px;
}
.bottomthree li {
	list-style-image: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}
.bottomthree li#btmtraining {
	margin-right: 0px;	
}
.bottomthree li a {
	background-image: url(/images/navs/bottomthree.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 63px;
	width: 224px;
	text-indent: -1000px;
}

li#btmsoftware a{background-position: left -63px;}
li#btmsupport a{background-position: -224px -63px;}
li#btmtraining a{background-position: -448px -63px; margin-right: 0px;}

li#btmsoftware a:hover{background-position: left top;}
li#btmsupport a:hover{background-position: -224px top;}
li#btmtraining a:hover{background-position: -448px top; margin-right: 0px;}