* {padding: 0; margin: 0;}
body {background: #fff url(images/bg-tile-internal.png) top repeat-x; font-size: 85%; font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #818a90;}
#container {width: 960px; margin: 0 auto; position: relative; text-align: left; overflow: auto;}
#heading-internal {width: 960px; height: 150px; background: url(images/header-internal.png) no-repeat;}
	#movie-link-internal {width: 100px; height: 20px; float: right; margin: 85px 260px 0 0; display: block;}
#heading-index {width: 960px; height: 385px; background: url(images/header-index.png) no-repeat;}
	#tour-index {width: 145px; height: 115px; float: right; margin: 20px 45px 0 0; display: block;}
	#tour-index span {display: block; width: 0; height: 0; overflow: hidden;}

.body-index {width: 710px; float:left; margin: 10px 0;}
	#body-index-content {width: 450px; float: right;}
.side-column-index {width: 240px; float:right; background: url(images/sidebar-index-tile.png) repeat-y;}
	#register-index {width: 240px; background: url(images/sidebar-index-register.png) top no-repeat;}
	#trial-index {width: 240px; background: url(images/sidebar-index-trial.png) top no-repeat;}
	.sb-index-bottom {width: 240px; height: 10px; background: url(images/sidebar-index-foot.png) no-repeat;}
	#register-index p {margin: 0px 20px 5px 15px; padding-top: 130px; color: #fff; text-align: left;}
	#trial-index p {margin: 5px 20px 5px 15px; color: #fff; text-align: left;}
	a#try-it-out {display:block; position:relative; left: 120px; width: 120px; height: 128px; margin: 0; padding: 0; background: url(images/trial-button.png); border: none;}
	a:hover#try-it-out {background: url(images/trial-button.png) 0 -128px;}
#message-index {width: 960px; background: url(images/message-index-tile.png) repeat-y;}
	#message-index-top {width: 960px; background: url(images/message-index.png) top no-repeat;}
	#message-index-bottom {width: 960px; height: 10px; background: url(images/message-index-foot.png) no-repeat;}
	.message-bucket {width: 270px; float: left; margin: 5px 0px 5px 35px;}
	.message-bucket h2 {color: #fff; margin: 0; font-size: 18px;}
	.message-bucket p {color: #fff; margin: 5px;}
	.message-bucket a {font-weight: bold; color: #ffbf00;}
#index-sidebar {width: 240px; float:right;}
#sidebar-tour-index {width: 240px; background: url(images/sidebar-tour-tile.png) repeat-y;}
	#sb-tour-index {width: 240px; background: url(images/sidebar-index-tour.png) top no-repeat;}
	#sb-tour-bottom {width: 240px; height: 10px; background: url(images/sidebar-tour-foot.png) no-repeat;}
	#sidebar-tour-index p {color: #000; margin: 5px 20px 5px 15px; text-align: left;}
	a#take-a-tour {display:block; position:relative; left: 120px; width: 120px; height: 120px; margin: 0; padding: 0; background: url(images/tour-button.png); border: none;}
	a:hover#take-a-tour {background: url(images/tour-button.png) 0 -120px;}

#heading-pp {width: 960px; height: 150px; background: url(images/header-pp.png) no-repeat; margin:0 0 10px 0;}
	#tour-pp {width: 135px; height: 115px; float: right; margin: 25px 50px 0 0; display: block;}
	#tour-pp span {display: block; width: 0; height: 0; overflow: hidden;}
#washpilot {width: 140px; height: 30px; position: absolute; left: 5px; top: 370px;}
	#washpilot a {display:block; width: 140px; height: 30px; background: url(images/learn-more.png) no-repeat;}
	#washpilot a:hover {background: url(images/learn-more.png) -0 -30px;}
	#washpilot span {display: block; width: 0; height: 0; overflow: hidden;}
#profitpilot {width: 140px; height: 30px; position: absolute; left: 400px; top: 370px;}
	#profitpilot a {display:block; width: 140px; height: 30px; background: url(images/learn-more.png) no-repeat;}
	#profitpilot a:hover {background: url(images/learn-more.png) -0 -60px;}
	#profitpilot span {display: block; width: 0; height: 0; overflow: hidden;}
#pp-images {width: 590px; background: url(images/profitpilot-heading2.png) left top no-repeat; float: left; margin: 0 0 15px 0;}
	.pp-screens {
	width: 560px;
	margin-left: 10px;

}


#sidebar {width: 240px; float: right; margin: 20px 0 10px 10px;}
#sidebar-index {width: 350px; float: right; margin: 15px 0 10px 0;}
.clearing {display: block; clear: both;}

a {color: #0064be;}
a:hover {text-decoration: none;}

h1 {font-size: 140%; font-weight: bold; margin: 5px 5px 0 5px; color: #0064be;}
h2 {font-size: 130%; font-weight: bold; margin: 5px 5px 0 5px;}
h3 {font-size: 110%; font-weight: bold; margin: 5px 5px 0 5px; color: #00ae42;}
h4 {font-size: 115%; font-weight: normal; margin: 0.6em 5px 4px 5px;}
h5 {font-size: 115%; font-weight: bold; margin: 5px 5px 0 5px; color: #be0000;}
h5 a {color: #be0000;}
p {
	margin: 0.6em 15px;
	text-align: left;
}
.unjust {text-align: left;}
ul, ol {margin: 4px 25px; padding: 0;}
li {color:#00ae42; margin: 0.4em 10px; padding: 0;}
table {margin: 0.6em 15px;}
table p {margin: 4px 8px;}
img {border: none;}
.logo {margin: 20px 5px 5px 0;}
.featureimg {float: left; margin: 4px 10px 10px 0; border: none;}
.floatedimg {float: right; margin: 4px 4px 10px 10px; border: none;}
.thumb {margin: 2px; border: none;}
.ppt {float: left; margin: 2px 10px; border: none;}

#footer-nav {font-size: 11px; text-align: center; margin-top: 30px;}
#footer-nav a {color: #818a90;}
#footer-copyright {font-size: 10px; text-align: center;}

.centered {text-align: center;}

h2.toggler {background-color: #9bbca0; margin: 5px 0; cursor: pointer;}
h3.toggler {cursor: pointer;}
h3.element, .element h3 {color: #7b9981;}
.element {height: auto;}

/* Navigation */
#nav {width: 960px; height: 50px; background: url(images/navigation.png) no-repeat; position: relative; margin: 0; padding: 0;}
#nav li {list-style: none; position: absolute; top: 0; margin: 0; padding: 0;}
#nav li, #nav a {display: block; height: 50px;}
#navbuttons-a {left: 18px; width: 52px;}
#navbuttons-b {left: 71px; width: 90px;}
#navbuttons-c {left: 162px; width: 78px;}
#navbuttons-d {left: 241px; width: 135px;}
#navbuttons-e {left: 377px; width: 48px;}
#navbuttons-f {left: 426px; width: 81px;}
#navbuttons-g {left: 508px; width: 63px;}
#navbuttons-h {left: 572px; width: 131px;}
#navbuttons-i {left: 850px; width: 100px;}
#navbuttons-a a:hover {background: url(images/navigation.png) -18px -50px; text-decoration: none;}
#navbuttons-b a:hover {background: url(images/navigation.png) -71px -50px; text-decoration: none;}
#navbuttons-c a:hover {background: url(images/navigation.png) -162px -50px; text-decoration: none;}
#navbuttons-d a:hover {background: url(images/navigation.png) -241px -50px; text-decoration: none;}
#navbuttons-e a:hover {background: url(images/navigation.png) -377px -50px; text-decoration: none;}
#navbuttons-f a:hover {background: url(images/navigation.png) -426px -50px; text-decoration: none;}
#navbuttons-g a:hover {background: url(images/navigation.png) -508px -50px; text-decoration: none;}
#navbuttons-h a:hover {background: url(images/navigation.png) -572px -50px; text-decoration: none;}
#navbuttons-i a:hover {background: url(images/navigation.png) -850px -50px; text-decoration: none;}
#nav span {display: block; width: 0; height: 0; overflow: hidden;}

#featureset {width: 600px; height: 300px; background: url(images/feature-set.png) no-repeat; position: relative; margin: 20px 0 10px 0; padding: 0;}
#featureset li {list-style: none; position: absolute; margin: 0; padding: 0;}
#featureset li, #featureset a {display: block; width: 90px; height: 90px;}
#featurebuttons-a {left: 0; top: 0;}
#featurebuttons-b {left: 102px; top: 0;}
#featurebuttons-c {left: 204px; top: 0;}
#featurebuttons-d {left: 306px; top: 0;}
#featurebuttons-e {left: 408px; top: 0;}
#featurebuttons-f {left: 510px; top: 0;}
#featurebuttons-g {left: 0; top: 150px;}
#featurebuttons-h {left: 102px; top: 150px;}
#featurebuttons-i {left: 204px; top: 150px;}
#featurebuttons-j {left: 306px; top: 150px;}
#featurebuttons-k {left: 408px; top: 150px;}
#featurebuttons-l {left: 510px; top: 150px;}
#featurebuttons-a a:hover {background: url(images/feature-set.png) -0 -300px; text-decoration: none;}
#featurebuttons-b a:hover {background: url(images/feature-set.png) -102px -300px; text-decoration: none;}
#featurebuttons-c a:hover {background: url(images/feature-set.png) -204px -300px; text-decoration: none;}
#featurebuttons-d a:hover {background: url(images/feature-set.png) -306px -300px; text-decoration: none;}
#featurebuttons-e a:hover {background: url(images/feature-set.png) -408px -300px; text-decoration: none;}
#featurebuttons-f a:hover {background: url(images/feature-set.png) -510px -300px; text-decoration: none;}
#featurebuttons-g a:hover {background: url(images/feature-set.png) -0 -400px; text-decoration: none;}
#featurebuttons-h a:hover {background: url(images/feature-set.png) -102px -400px; text-decoration: none;}
#featurebuttons-i a:hover {background: url(images/feature-set.png) -204px -400px; text-decoration: none;}
#featurebuttons-j a:hover {background: url(images/feature-set.png) -306px -400px; text-decoration: none;}
#featurebuttons-k a:hover {background: url(images/feature-set.png) -408px -400px; text-decoration: none;}
#featurebuttons-l a:hover {background: url(images/feature-set.png) -510px -400px; text-decoration: none;}
#featureset span {display: block; width: 0; height: 0; overflow: hidden;}

#management-flex {width: 550px; height: 105px; background: url(images/management-sys-flex.png) no-repeat; position: relative; margin: 0 0 0 5px;}
#management-flex li {list-style: none; position: absolute; top: 0; margin: 0; padding: 0;}
#management-flex li, #management-flex a {display: block; height: 105px;}
#man-flex-a {left: 9px; width: 99px;}
#man-flex-b {left: 149px; width: 102px;}
#man-flex-c {left: 284px; width: 91px}
#man-flex-a a:hover {background: url(images/management-sys-flex.png) -9px -105px; text-decoration: none;}
#man-flex-b a:hover {background: url(images/management-sys-flex.png) -149px -105px; text-decoration: none;}
#man-flex-c a:hover {background: url(images/management-sys-flex.png) -284px -105px; text-decoration: none;}
#management-flex span {display: block; width: 0; height: 0; overflow: hidden;}

#management-full {width: 550px; height: 105px; background: url(images/management-sys-full.png) no-repeat; position: relative; margin: 0 0 0 5px;}
#management-full li {list-style: none; position: absolute; top: 0; margin: 0; padding: 0;}
#management-full li, #management-full a {display: block; height: 105px;}
#man-full-a {left: 9px; width: 99px;}
#man-full-b {left: 149px; width: 102px;}
#man-full-a a:hover {background: url(images/management-sys-full.png) -9px -105px; text-decoration: none;}
#man-full-b a:hover {background: url(images/management-sys-full.png) -149px -105px; text-decoration: none;}
#management-full span {display: block; width: 0; height: 0; overflow: hidden;}