body {
	background-color: #3a3a3a;
	color: #FFF;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

img {
	vertical-align: middle;
}

h1 {
	font-weight: normal;
}

#container {
	width: 762px;
	margin: 0 auto;
}

#content {
	padding: 12px;
}

#top {
	width: 700px;
	position: absolute;
	top: 24px;
}

#copyright-content {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
	color: #808080;
	text-align: right;
	padding: 0 8px 2px 0;
}
#copyright-content a {
	color: #809080;
	text-decoration: none;
}
#copyright-content a:hover {
	color: #80A080;
	text-decoration: underline;
}

#primary-links {
	float: left;
	width: 320px;
	line-height: 1.8em;
	padding-bottom: 6px;
	margin-right: 12px;
}

#primary-links a {
	color: #CCC;
	background-color: #333;
	padding: 4px 6px;
	margin-left: 12px;
	text-decoration: none;
	opacity: .7;
	filter: alpha(opacity=70);
	display: block;
	line-height: 1em;
	margin-bottom: 6px;
	cursor: pointer;
}

#primary-links a:hover {
	color: #FEFEFE;
	background-color: #479323;
}

#primary-links a:focus {
	color: #FEFEFE;
	background-color: #466836;
}

#secondary-links {
	float: left;
	width: 360px;
	padding-bottom: 12px;
}

#secondary-links a {
	color: #CCC;
	margin: 8px;
	text-decoration: none;
	display: none;
	cursor: pointer;
	line-height: 1.1em;
}

#secondary-links a:hover, #secondary-links a:focus {
	color: #9ee897;
}

.divider {
	background: transparent url(images/divider-rep.gif) repeat-x top center;
	margin-bottom: 3px;
	height: 6px;
}

.divider img {
	vertical-align: top;
}

#middle {
	display: block;
	position: relative;
	margin: 128px auto 0;
	padding-right: 20px;
	clear: left;
}

#amoebas {
	position: relative;
	margin-top: -30px;
	width: 342px;
}

#amoeba {
	position: relative;
	left: 270px;
}

.amoeba-start {
	position: absolute;
	right: 20px;
	bottom: 14px;
}

#textBox-container {
	margin-left: 365px;
	padding-top: 26px;
}

.textBox {
	position: relative;
	font-size: 14px;
}

.textBox table {
	position: relative;
	left: 11px;
	bottom: 6px;
}

.textBox-tl {
	width: 8px;
	height: 11px;
	background: url(images/textbox-gifs/textBox-tl.gif) no-repeat;
}

.textBox-t {
	background: url(images/textbox-gifs/textBox-t.gif) center repeat-x;
	height: 11px;
}

.textBox-tr {
	width: 8px;
	height: 11px;
	background: url(images/textbox-gifs/textBox-tr.gif) no-repeat;
}

.textBox-l {
	background: #595a5c url(images/textbox-gifs/textBox-mid.gif) top center repeat-x;
	width: 8px;
	vertical-align: top;
}

.textBox-l-top {
	background: url(images/textbox-gifs/textBox-l.gif) left repeat-y;
	width: 8px;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 5px;
}

.textBox-mid {
	background: #595a5c url(images/textbox-gifs/textBox-mid.gif) top center repeat-x;
	font-size: 17px;
	padding: 10px;
}

#theAnswer {
	position: relative;
}

.textBox-r {
	background: #595a5c url(images/textbox-gifs/textBox-mid.gif) top center repeat-x;
	width: 8px;
	vertical-align: top;
}

.textBox-r-top {
	background: url(images/textbox-gifs/textBox-r.gif) right repeat-y;
	width: 8px;
	height: auto;
	position: absolute;
	bottom: 12px;
	top: 0;
}

/*safari-only style for right and left sides of textbox*/
::root .textBox-r-top, ::root .text-Box-l-top {
	top: 10px;
	bottom: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.textBox-r-top{top:10px; bottom:12px}
	.textBox-l-top{top:10px; bottom:12px}
} 

.textBox-bl {
	width: 8px;
	height: 16px;
}

.textBox-bl-img {
	position: absolute;
	bottom: -32px;
	left: -29px;
	width: 26px;
	height: 22px;
}

.textBox-b {
	background: #595a5c url(images/textbox-gifs/textBox-b.gif) bottom center repeat-x;
	height: 16px;
}

.textBox-br {
	background: url(images/textbox-gifs/textBox-br.gif) bottom left no-repeat;
	width: 8px;
	height: 16px;
}

.btn {
	float: left;
	height: 28px;
	margin: 4px;
}

.btn-1 {
	width: 124px;
	background: transparent url(images/btn-1.png) center center no-repeat;
}

.btn-2 {
	width: 187px;
	background: transparent url(images/btn-2.png) center center no-repeat;
}

.btn a {
	height: 28px;
	vertical-align: middle;
	color: #000;
	text-decoration: none;
	text-align: center;
}

.btn .btn-text {
	margin: 6px;
	display: block;
}

.btn-left {
	width: 6px;
	height: 28px;
	float: left;
	background: url(images/btn-left.gif) center no-repeat;
}

.btn-right {
	width: 6px;
	height: 28px;
	float: left;
	background: url(images/btn-right.gif) center no-repeat;
}

#question-img {
	margin-left: 14px;
	margin-bottom: -4px;
	vertical-align: top;
}

#theQuestion-container {
	position: absolute;
	top: 20px;
	left: 12px;
	width: 320px;
	margin: 12px auto;
}

#theQuestion-container h1 {
	width: 320px;
	color: #CECECE;
	font-size: 14px;
	line-height: 1.2em;
}

#contact-us-bot {
	position: fixed;
	right: 4px;
	bottom: 4px;
}

/* Dialog css */
.ui-dialog-titlebar {
	display: none;
}

#dialog-message {
	display: none;
}

/* Contact Form */
#contact-container {
	background-color: #393939;
}

#contact-us {
	width: 340px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: left;
}

#contact-us p {
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
	padding: 0 36px;
}

#contact {
	width: 478px;
	height: 512px;
	margin: 0 auto;
	background: #3A3A3A url(images/bg-contact.jpg) no-repeat center;
	text-align: left;
}

.gutter {
	padding: 82px 112px;
}

#errors {
	width: 284px;
	margin: 0 auto;
	text-align: left;
}

#errors p {
	padding: 2px 36px;
	color: #42e6ec;
}

#contact-table {
	width: 284px;
}

.fieldname {
	color: #a4a6a4;
	font-size: 13px;
	font-weight: bold;
	padding: 1px 0;
	width: 160px;
}

#field-comments {
	height: 36px;
	vertical-align: bottom;
}

.fieldinput {
	text-align: right;
}

#contact input[type="text"] {
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #FFF;
	background: #474a47;
	height: 18px;
	padding: 1px;
	margin: 5px 0 0;
	border: 1px solid #999;
	width: 188px;
}

textarea {
	border: 1px solid #999;
	background: #474a47;
	color: #FFF;
	font-size: 13px;
	padding: 2px;
	width: 284px;
	height: 118px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	overflow: auto;
}

.highlight {
	color: #66FFFF;
}