body {
	background: #ffffff;
	color: #000066;
}

table#canvas {
	background: #ffffff;
	width: 760px;
	height: 410px;
	margin: auto;	/* NOTE: setting this to 0px will disable centering in Mozilla */
	padding: 0px;
}

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

h1 {
	font: bold 14px Verdana, sans-serif;
}

h2 {
	font: bold 12px Verdana, sans-serif;
}

span.exampleTitle {
	margin: 0px;
	font-size: 12px;
}

div#main {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px;
}

.hotspotimg {
	border: 0px;
}

.noborder {
	border: 0px;
}

.center {
	text-align: center;
}

img.preloadimage {
	display: none;
}

div#logo {
	position: absolute;
	top: 0px;
	left: -20px;
}

div#leftpane {
	position: absolute;
	top: 100px;
	left: -20px;
	width: 290px;
	height: 384px;
	background: url(images/leftpane.gif) no-repeat;
}

div#tagline {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 3px 0px 0px 10px;
	font: bold 12px Verdana, sans-serif;
}

div#contact {
	position: relative;
	top: 35px;
	left: 0px;
	width: 160px;
	font: normal 14px Verdana, sans-serif;
}
div.contactitem {
	margin-bottom: 7px;
}
div#contactphone {
	margin-left: 20px;
}
div#contactemail {
	margin-left: 20px;
}

div#textmenu {
	position: relative;
	top: 75px;
	left: 0px;
	width: 210px;
	font: normal 14px Verdana, sans-serif;
}
div#textmenu img {
	border: 0px;
	margin-left: 7px;
	vertical-align: bottom;
}
div.menuitem {
	margin-bottom: 7px;
	width: 150px;
}
div.menuitem img {
	width: 31px;
	height: 16px;
}
div#menuhome {
	margin-left: 35px;
}
div#menuhome img {
	width: 16px;
	height: 16px;
}
div#menuunique {
	margin-left: 30px;
}
div#menueasy {
	margin-left: 50px;
}
div#menueffective {
	margin-left: 32px;
}
div#menuiterative {
	margin-left: 44px;
}
div#menuexamples {
	margin-left: 43px;
}
div#menustandard {
	margin-left: 55px;
}
div#menuuseable {
	margin-left: 80px;
}
div#menuaffordable {
	margin-left: 79px;
}

div#copyright {
	position: relative;
	top: 101px;
	left: 0px;
	font: normal 9px Verdana, sans-serif;
	text-align: center;
}

div#circleMain {
	position: relative;
	left: 250px;
	top: 10px;
	width: 458px;
	height: 458px;
}

div#detail {
	position: absolute;
	top: 87px;
	left: 325px;
	height: 310px;
	width: 310px;
	color: #000000;
	font: normal 12px Verdana, sans-serif;
}

div#circleUnique {
	position: absolute;
	left: 326px;
	top: -7px;
	width: 121px;
	height: 64px;
}

div#circleEasy {
	position: absolute;
	left: 535px;
	top: -2px;
	width: 84px;
	height: 51px;
}

div#circleEffective {
	position: absolute;
	left: 653px;
	top: 77px;
	width: 75px;
	height: 148px;
}

div#circleIterative {
	position: absolute;
	left: 655px;
	top: 255px;
	width: 81px;
	height: 144px;
}

div#circleExamples {
	position: absolute;
	left: 484px;
	top: 413px;
	width: 166px;
	height: 83px;
}

div#circleStandard {
	position: absolute;
	left: 306px;
	top: 411px;
	width: 161px;
	height: 83px;
}

div#circleUseable {
	position: absolute;
	left: 231px;
	top: 263px;
	width: 73px;
	height: 136px;
}

div#circleAffordable {
	position: absolute;
	left: 223px;
	top: 65px;
	width: 94px;
	height: 175px;
}

div#viewport {
	position: relative;
	height: 230px;
	width: 100%;
	overflow: scroll;
	text-align: center;
}
div#viewportContent {
	height: 1000px;
	width: 100%;
	margin: auto;
}

div.w3cvalid {
	text-align: center;
}