body {
	background: #267099 url(../imgs/body-bg.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

div#main-container {
	width: 952px;
	margin: 0 auto;
	padding: 0;
}
div#menu-pannel {
	width: 180px;
	float: left;
}
div#top-tape {
	background: url(../imgs/top-tape.jpg) no-repeat 0 0;
	width: 180px;
	height: 65px;
	float: left;
}
div#above-tab1 {
	background: url(../imgs/above-tab1.jpg) no-repeat 0 0;
	width: 180px;
	height: 29px;
	float: left;
}
div#welcome-tabpc1 {
	background: url(../imgs/welcome-tabpc1.jpg) no-repeat 0 0;
	width: 55px;
	height: 56px;
	float: left;
}
div#works-tabpc1 {
	background: transparent url(../imgs/works-tabpc1.png) no-repeat 0 0;
	width: 55px;
	height: 44px;
	float: left;
}
div#games-tabpc1 {
	background: transparent url(../imgs/games-tabpc1.png) no-repeat 0 0;
	width: 55px;
	height: 53px;
	float: left;
}
div#features-tabpc1 {
	background: transparent url(../imgs/features-tabpc1.png) no-repeat 0 0;
	width: 55px;
	height: 42px;
	float: left;
}
div#trial-tabpc1 {
	background: transparent url(../imgs/trial-tabpc1.png) no-repeat 0 0;
	width: 55px;
	height: 46px;
	float: left;
}
div#above-postit {
	background: transparent url(../imgs/above-postit.png) no-repeat 0 0;
	width: 180px;
	height: 43px;
	float: left;
}
div#post-it {
	background: transparent url(../imgs/post-it.png) no-repeat 0 0;
	width: 180px;
	height: 163px;
	float: left;
}
div#btm-tape {
	background: transparent url(../imgs/btm-tape.png) no-repeat 0 0;
	width: 180px;
	height: 46px;
	float: left;
}
div#ftr-container {
	width: 952px;
	height: 136px;
	float: left;
}
div#lft-ftr {
	background: transparent url(../imgs/lft-footer.png) no-repeat 148px 0;
	width: 180px;
	height: 136px;
	float: left;
}


/*--- MENU
-----------------------------------*/
div#welcome-tab {
	background: url(../imgs/welcome-tab.jpg) no-repeat 0 0;
	width: 125px;
	height: 56px;
	float: left;
}
#welcome-tab span { display: none; }
#welcome-tab:hover { background: url(../imgs/welcome-tab.jpg) no-repeat 0 -56px; }
#welcometab-selected { 
	background: url(../imgs/welcome-tab.jpg) no-repeat 0 -56px;
	width: 125px;
	height: 56px;
	float: left;
}

div#works-tab {
	background: url(../imgs/works-tab.jpg) no-repeat 0 0;
	width: 125px;
	height: 44px;
	float: left;
}
#works-tab span { display: none; }
#works-tab:hover { background: url(../imgs/works-tab.jpg) no-repeat 0 -44px; }
div#workstab-selected {
	background: url(../imgs/works-tab.jpg) no-repeat 0 -44px;
	width: 125px;
	height: 44px;
	float: left;
}


div#games-tab {
	background: url(../imgs/games-tab.jpg) no-repeat 0 0;
	width: 125px;
	height: 53px;
	float: left;
}
#games-tab span { display: none; }
#games-tab:hover { background: url(../imgs/games-tab.jpg) no-repeat 0 -53px; }
div#gamestab-selected {
	background: url(../imgs/games-tab.jpg) no-repeat 0 -53px;
	width: 125px;
	height: 53px;
	float: left;
}

div#features-tab {
	background: url(../imgs/features-tab.jpg) no-repeat 0 0;
	width: 125px;
	height: 42px;
	float: left;
}
#features-tab span { display: none; }
#features-tab:hover { background: url(../imgs/features-tab.jpg) no-repeat 0 -42px; }
div#featurestab-selected {
	background: url(../imgs/features-tab.jpg) no-repeat 0 -42px;
	width: 125px;
	height: 42px;
	float: left;
}

div#trial-tab {
	background: url(../imgs/trial-tab.jpg) no-repeat 0 0;
	width: 125px;
	height: 46px;
	float: left;
}
#trial-tab span { display: none; }
#trial-tab:hover { background: url(../imgs/trial-tab.jpg) no-repeat 0 -46px; }
div#trialtab-selected {
	background: url(../imgs/trial-tab.jpg) no-repeat 0 -46px;
	width: 125px;
	height: 46px;
	float: left;
}



div#content-container {
	width: 745px;
	min-height: 466px;
	float: left;
}
div#bluepaper-top {
	background: transparent url(../imgs/bluepaper-top.png) no-repeat 0 0;
	width: 283px;
	height: 65px;
	float: left;
}
div#wackylogo-pc1 {
	background: url(../imgs/wackylogo-pc1.jpg) no-repeat 0 0;
	width: 275px;
	height: 51px;
	float: left;
}
div#wackylogo-pc2 {
	background: transparent url(../imgs/wackylogo-pc2.png) no-repeat 0 0;
	width: 319px;
	height: 65px;
	float: left;
}
div#wackylogo-pc3 {
	background: url(../imgs/wackylogo-pc3.jpg) no-repeat 0 0;
	width: 319px;
	height: 51px;
	float: left;
}
div#mainbody-container {
	background: transparent url(../imgs/content-bg.png) repeat-y 0 200px;
	width: 745px;
	min-height: 466px;
	float: left;
}
div#main-body {
	background: url(../imgs/fold-bg.png) no-repeat 0 0;
	width: 745px;
	float: left;
}
div#lft-shadow {
	background: transparent url(../imgs/lft-shadow.png) no-repeat 0 0;
	width: 8px;
	height: 522px;
	float: left;
}
div#ftr-main {
	background: transparent url(../imgs/ftr-bg.png) no-repeat 0 0;
	width: 757px;
	height: 136px;
	float: left;
	padding: 0 0 0 15px;
}
div#ftr-pencil {
	background: transparent url(../imgs/ftr-pencil.png) no-repeat 0 0;
	width: 315px;
	height: 136px;
	float: right;
}
#ftr-links {
	width: 300px;
	float: left;
	font-size: 10px;
	margin: 40px 0 0 0; 
	color: #316009;
}
#ftr-links a {
	color: #3c740e;
	text-decoration: none;
}
#ftr-links a:hover {
	color: #316009;
	text-decoration: underline;
}
div#content {
	background: transparent url(../imgs/rht-postit.png) no-repeat 0 0;
	width: 737px;
	min-height: 445px;
	float: left;
	padding: 17px 0 10px 0;
}



/*----HOMEPAGE CONTENT
---------------------------------------------------*/

div#hpflash-container {
	background: url(../imgs/hpflash-lftfiller.jpg) no-repeat 47px 0;
	width: 402px;
	height: 334px;
	float: left;
	margin: 52px 0 0 0;
}
div#hpflash-text {
	background: url(../imgs/hpflash-rhttxt.jpg) no-repeat 0 0;
	width: 275px;
	height: 334px;
	float: left;
	margin: 52px 0 0 0;
}
div#paperclip {
	background: transparent url(../imgs/paperclip.png) no-repeat 0 0;
	width: 60px;
	height: 334px;
	float: left;
	margin: 52px 0 0 0;
}
div#hpflash-shadow {
	background: url(../imgs/hpflash-shadow.jpg) no-repeat 47px 0;
	width: 677px;
	height: 13px;
	float: left;
}
/*----PAGE CONTAINERS
-------------------------*/

div#works-container {
	width: 632px;
	margin: 8px 75px 0 45px;
}

div#games-container {
	width: 632px;
	margin: 5px 75px 0 40px;
}

div#features-container {
	width: 632px;
	margin: 52px 75px 0 40px;
}

div#trial-container {
	width: 632px;
	margin: 0 75px 0 40px;
}
div#testimonials-container {
	width: 632px;
	margin: 32px 75px 0 40px;
}
div#contactus-container {
	width: 632px;
	margin: 0 75px 0 40px;
}
div#aboutus-container {
	width: 632px;
	margin: 32px 75px 0 40px;
}

/* --- TEMP HOW IT WORKS FLASH PLACE HOLDER --- */
div#works-flash {
	background: #333333;
	width: 632px;
	height: 225px;
	float: left;
	margin: 0 0 10px 0;
}




/* --- MISC ITEMS --- */
div.section-title_blue-sm {
	width: 100%;
	font-weight: bold;
	color: #3183ad;
	float: left;
	clear: left;
}
div.section-title_blue {
	width: 100%;
	font-weight: bold;
	color: #3183ad;
	float: left;
	font-size: 14px;
	clear: left;
}
div.section-title_grey {
	width: 100%;
	font-weight: bold;
	color: #505050;
	float: left;
	font-size: 14px;
	clear: left;
}
div.horz-row_dotted_blue {
	border-bottom: 1px dotted #3183ad;
	margin: 3px 0 3px 0;
	height: 2px;
	width: 100%;
	float: left;
	clear: both;
}
div.horz-row_dotted_grey {
	border-bottom: 1px dotted #505050;
	margin: 3px 0 3px 0;
	height: 2px;
	width: 100%;
	float: left;
	clear: left;
}
div.section-text {
	font-weight: normal;
	color: #000000;
	float: left;
	width: 100%;
	margin: 3px 0 0 0;
	clear: left;
}


/* --- FEATURES PAGE -- */
div#rht-col {
	width: 250px;
	height: 200px;
	float: right;
}
div#main-section {
	width: 362px;
	float: left;
}
div#features-lftcol {
	width: 176px;
	float: left;
	margin: 0 10px 0 0;
}
div#features-rhtcol {
	width: 176px;
	float: left;
}
div#main-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#main-section li {
	background: url(../imgs/li-blt.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
}
div#main-section a {
	color: #3366CC;
	text-decoration: none;
}
div#main-section a:hover { text-decoration: underline; }

/* --- TRIAL PAGE --- */
div.trial-lfttxt_wrap {
	float: left;
	width: 200px;
	margin: 15px 15px 0 0;
}
div.trial-lfttxt {
	float: left;
}
div.trial-form {
	float: left;
	width: 360px;
}


/* --- TRIAL FORM STRUCTURE --- */
form.trial-form div.fieldwrap {
	padding: 1px 1px 1px 0;
	margin: 1px 1px 1px 0;
	clear: both;
	width: 360px;
	float: left;
}
form.trial-form div.fieldwrap-float {
	padding: 1px 1px 1px 0;
	margin: 1px 1px 1px 0;
	float: left;
	width: 178px;
}
form.trial-form label {
	display: block; 
	float: left;  
	color: #333;
	line-height: 2.5em;
	clear: left; 
	color: #505050;
	font-size: 100%;
	font-weight: bold; 
}
form.trial-form input.fmtext {
	float: left; 
	display: block;
	width: 350px;
	margin-bottom: 0; 
}
form.trial-form input.fmtext-sm {
	float: left; 
	width: 150px;
	margin-bottom: 0; 
}
form.trial-form textarea.fmtextarea {
	float: left; 
	display: block;
	width: 350px;
	margin-bottom: 5px; 
}
form.trial-form .submit {
	clear: both; 
	margin-left: 0;
	padding-left: 0;
}

input, input.input, textarea.input, input.fmtext, input.fmverify, textarea.fmtextarea {
	border: 4px solid #CCC;
	padding: 5px 6px;
	letter-spacing: 0;
	display: block;
	color: #666666;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	clear: left;
}

input.input:focus, textarea.input:focus,
input.fmtext:focus, textarea.fmtextarea:focus,
input.fmverify:focus {
	color: #000000;
	background: #b1ddfb;
}
button {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #505050;
	border: 0;
	font-weight: bold;
	text-transform: lowercase;
	cursor: pointer;
}
button:hover, button:focus {
	background: #3183ad;
}
button span {
	display: block;
	padding: 4px 2px;
}


/* --- TESTIMONIALS --- */
div.testimonial-txt {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}
div.speech-bubble {
	background: #46b5d7 url(../imgs/bubble-topside.png) repeat-x 0 0;
	float: left;
	margin: 10px 20px 0 0;
	padding: 0;
}
div.speech-txt {
	background: transparent url(../imgs/bubble-lftside.png) repeat-y 0 0;
	padding: 0;
	clear: both;
}
div.speech-txt_container {
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	line-height: 1.6em;
	clear: both;
}
div.bubble-upperlft {
	background: url(../imgs/bubble-upperlft.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	float: left;
	clear: left;
}
div.bubble-lowerlft {
	background: url(../imgs/bubble-lowerlft.png) no-repeat 0 0;
	width: 20px;
	height: 18px;
	float: left;
	clear: left;
}
div.bubble-upperrht {
	background: url(../imgs/bubble-upperrht.png) no-repeat 0 0;
	width: 19px;
	height: 20px;
	float: right;
	clear: both;
}
div.bubble-lowerrht {
	background: url(../imgs/bubble-lowerrht.png) no-repeat 0 0;
	width: 19px;
	height: 18px;
	float: right;
	clear: both;
}	
div.bubble-btmarrow {
	background: #f3e9c3 url(../imgs/bubble-btmarrows.png) no-repeat center 0;
	height: 32px;
	padding: 10px 5px 35px 5px;
	text-align: left;
	clear: both;
}

/* --- CONTACT US ---*/
div.contactus-lfttxt_wrap {
	float: left;
	width: 200px;
	margin: 15px 15px 0 0;
}
div.contactus-lfttxt {
	float: left;
}
div.contactus-form {
	float: left;
	width: 360px;
}
div.contactus-lfttxt a {
	color: #3183ad;
	text-decoration: underline;
}
div.contactus-lfttxt a:hover {
	color: #46b5d7;
	text-decoration: none;
}

/* --- CONTACT US FORM --- */
form.contact-form div.fieldwrap {
	padding: 1px 1px 1px 0;
	margin: 1px 1px 1px 0;
	clear: both;
	width: 360px;
	float: left;
}
form.contact-form label {
	display: block; 
	float: left;  
	color: #333;
	line-height: 2.5em;
	clear: left; 
	color: #505050;
	font-size: 100%;
	font-weight: bold; 
}
form.contact-form input.fmtext {
	float: left; 
	display: block;
	width: 350px;
	margin-bottom: 0; 
}
form.contact-form textarea.fmtextarea {
	float: left; 
	display: block;
	width: 350px;
	margin-bottom: 5px; 
}
form.contact-form .submit {
	clear: both; 
	margin-left: 0;
	padding-left: 0;
}


/* --- ABOUT US --- */
div.aboutus-text {
	float: left;
	width: 100%;
}
div.aboutus-text a {
	color: #3183ad;
	text-decoration: underline;
}
div.aboutus-text a:hover {
	color: #46b5d7;
	text-decoration: none;
}