@charset "utf-8";

/* CONTACT FORM STYLES */

/* Set the base style for the whole form */
.ddfmwrap { text-align: left; position: relative; width: 90%; margin: 10px auto; font: bold 12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

h3 { font: bold 12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

/* Push the image right */
div.ddfmwrap img { float: left; margin: 2px 0 0 12px; }

/* Make blocktitles larger unless italic */
.fmblocktitle  { font-size: 14px; padding-top: 12px; margin-bottom: 24px; clear: left; }
form.ddfm div.fmblocktitle i { font-size: 12px;	}

/* Force a break after the fmtext fields and set a smaller line height for the checkboxes */
form.ddfm label.fmcheck { float: left; margin-top: 4px; margin-bottom: 4px; }
form.ddfm div.fmcheck p { clear: left; line-height: 16px; margin-top: 0; margin-bottom: 0; }

/* Get those labels onto their own lines */
label.fmtextwide { float: left; clear: left; width: 100%; margin-top: 12px; margin-bottom: 4px; }
label.fmtext, label.fmverify { float: left; clear: left; width: 100%; margin-top: 4px; margin-bottom: 2px; }

/* Make space after text boxes */
textarea.fmtextwide { margin-bottom: 18px; }
input.fmtext, input.fmverify { margin-bottom: 18px; float: left; clear: left; }

/* Stick the 'Send Email' button underneath */
div.submit { clear: left; text-align: right; margin: 24px; }
/*div.submit { float: left; clear: left; margin-top: 12px; margin-bottom: 12px; }*/

/* RES */

#soundsanigiflayer { position: absolute; z-index: 2; top: 63px; left: 296px; width: 438px; height: 373px; visibility: visible }
#sfxtextlayer, #voxtextlayer { position: absolute; z-index: 3; top: 108px; left: 36px; visibility: visible }
#sfxtextlayer { width: 556px; height: 249px }
#voxtextlayer { width: 720px; height: 230px }

/* Frame the entire content in a relative position */
#framediv { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

/* Content */
#contentdiv { width: 737px; height: 464px; position: absolute; top: 50%; left: 50%; margin-top: -232px; margin-left: -369px; text-align: center; }
/* Hides from IE5-mac and all browsers except IE6 & below \*/
* html #contentdiv { width: 763px !important; }
/* End hide from not-IE6 */

/* Green BG */
#gbgdiv { background-color: #060; width: 737px; height: 400px; position: relative; padding: 4px 0; margin: 0; }

/* PAGE LAYOUT */

#navdiv { width: 737px; height: 56px; margin: 8px auto auto; }
#bannerdiv { width: 737px; margin: auto; }
.imgleft { float: left; clear: left; margin: 0 0 0 8px; }
.imgleftbot { float: left; clear: left; margin: 0 0 0 8px; position: absolute; top: 146px; }
.imgright { float: right; clear: right; margin: 0 8px 0 0; }
.setsdiv { margin: 0; padding: 0; width: 300px; clear: left; }
.setsdiv img { float: left; margin-left: 16px; }
.required, .black { color: black }
.clearer { clear: both; height: 1px; }
.ddfmwrap { font: bold 12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/* ROLLOVERS */

#fontbut, #soundbut, #iconbut, #deskbut, #sitesbut { position: relative; height: 56px; margin: 0; padding: 0; float: left; }

#fontbut { background: url(nav/fontglo.jpg) no-repeat; width: 143px; }
#soundbut { background: url(nav/sndglo.jpg) no-repeat; width: 159px; }
#iconbut { background: url(nav/iconglo.jpg) no-repeat; width: 142px; }
#deskbut { background: url(nav/deskglo.jpg) no-repeat; width: 169px; }
#sitesbut { background: url(nav/siteglo.jpg) no-repeat; width: 124px; }

.navbut a:hover img { visibility: hidden }