html {
          margin: 0em;
          padding: 0em; 
          overflow: scroll;
          }
body {
          font: 100% Verdana, Arial, Helvetica, sans-serif;
          background: #1c1c1c url(images/bg-body.jpg) no-repeat fixed center top  ;
          margin: 0;
          /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
          text-align: center;
          /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff; 
          }
.oneColFixCtrHdr #header-container {
          width: 100%;
          /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
          /* the auto margins (in conjunction with a width) center the page */
          text-align: center;
          /* this overrides the text-align: center on the body element. */
          z-index: 999;
          position: fixed;
          height: 90px;
          background: url(images/bg-header.png) no-repeat center top;
          min-width: 1000px; 
}
.oneColFixCtrHdr #header {
          height: 90px;
          width: 1000px;
          /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
          /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
          /* this overrides the text-align: center on the body element. */
          position: relative; 
          }
#header ul {
          margin: 0;
          padding: 0; 
          }
#header ul li {
          list-style: none;
          display: inline-block;
          padding: 0px;
          margin: 0; 
          }
#header a {
          height: 30px;
          width: 100px;
          display: block; 
          }
#header a.home {
          width: 280px;
          background: url(/images/spacer.gif) repeat;
          position: absolute;
          top: 29px;
          left: 30px; 
          }
#header a.about {
          width: 94px;
          background: url(images/btn-about1.png) no-repeat;
          position: absolute;
          top: 29px;
          left: 345px; 
          }
#header a:hover.about {
          background: url(images/btn-about.png) no-repeat; 
          }
#header a.samples {
          width: 109px;
          background: url(images/btn-samples1.png) no-repeat;
          position: absolute;
          top: 29px;
          left: 465px; 
          }
#header a:hover.samples {
          background: url(images/btn-samples.png) no-repeat; 
          }
#header a.ftp {
          width: 61px;
          background: url(images/btn-ftp1.png) no-repeat;
          position: absolute;
          top: 29px;
          left: 600px; 
          }
#header a:hover.ftp {
          background: url(images/btn-ftp.png) no-repeat; 
          }
#header a span {
          position: absolute;
          left: -999em; 
          }
.oneColFixCtrHdr #header h1 {
          margin: 0;
          /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
          /* using padding instead of margin will allow you to keep the element away from the edges of the div */ 
          }
.oneColFixCtrHdr #content-container {
          width: 1000px;
          /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
          /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
          /* this overrides the text-align: center on the body element. */ 
          }
.oneColFixCtrHdr #mainContent {
          padding: 100px 0px 30px 0px;
          /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: url(images/bg-content.png);
          border: 1px solid #000000;
text-align: left; 
}
#spotlight {
          background: #000000 url(images/bg-spotlight.jpg) no-repeat center +30px;
          width: 100%;
          margin: 0em;
          padding: 0px; 
          }
.oneColFixCtrHdr #footer {
          padding: 0 10px;
          /* this padding matches the left alignment of the elements in the divs that appear above it. */
          margin-bottom: 10px;
}
.oneColFixCtrHdr #footer p {
          margin: 0;
          /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
          /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ 
          }
h1 {
          font: bold 230% Verdana, Helvetica, Arial, sans-serif;
          padding: 0px 20px .3% 20px;
          margin: 0px 0px 0px 0px; 
          }
h2 {
          font: bold 180% Verdana, Helvetica, Arial, sans-serif;
          padding: 0px 20px 1% 20px;
          margin: 0px 0px 0px 0px; 
          }
h3 {
          font: bold 160%/140% Verdana, Helvetica, Arial, sans-serif;
          padding: 0px 20px 1% 20px;
          margin: 0px 0px 0px 0px; 
          }
h4 {
          font: bold 140%/120% Verdana, Helvetica, Arial, sans-serif;
          padding: 0px 20px 1% 20px;
          margin: 0px 0px 0px 0px; 
          }
h5 {
          font: bold 120%/145% Verdana, Helvetica, Arial, sans-serif;
          padding: 0px 20px 1% 20px;
          margin: 0px 0px 0px 0px; 
          }
h6 {
          font: bold 100% Verdana, Helvetica, Arial, sans-serif;
          padding: 0px 20px 1% 20px;
          margin: 0px 0px 0px 0px;
          color: #ee3b49;
          text-align: center; 
          }
p {
          font: 100%/155% Verdana, Helvetica, Arial, sans-serif;
          margin: 0em;
          padding: 0px 20px 3% 20px; 
          }
.legal {
          font: 70% Verdana, Helvetica, Arial, sans-serif;
          padding: 10% 0% 0% 0%;
          margin: 0%; 
          }
.details {
	float: right;
          margin: -20px 77px 0 0; 
          width: 245px
}
#ul-list 
{
color: #fff;
padding: 0;
margin: 0px 200px 3% 100px; 
}
#ul-list li 
{
list-style-type: square;
list-style-position: outside; 
padding: 0 0 1.5% 0}

.fltrt {
          /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
          margin: 20px; 
          }
.fltlft {
          /* this class can be used to float an element left in your page */
	float: left;
          margin-right: 8px; 
          }
.clearfloat {
          /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px; 
          }
a, a img {
          border: none; 
          }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, p a:link, p a:visited {
          color: #3e9aff;
          text-decoration: none; 
          border: none; 
 }
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, p a:hover, p a:active {
          color:#fff;
          text-decoration: underline;
          border: none; 
          }

fieldset { width:480px; margin:20px 50px 10px 20px;
float: right; 
border: none;
}
.success { color: #3e9aff; }
label, input[type=text], textarea {
	display:block;
	font-size:85%;
	font-family:helvetica, sans-serif;
	color:#fff;
}label { text-transform:uppercase; }
input,textarea {
margin:4px 0; padding:4px; 
border:1px solid gray; 
 background:#000000;
 width:350px;  
color: #fff;
}
p.hint {
	color:#fff;
	font-size:11px;
	font-style:italic;
	font-weight: bold;
	text-align:right;
	margin:0 150px 10px 0;
}
p.hint:before { content:'*'; }
.submit { color: #fff; width:80px; background: #3e9aff;; text-transform:uppercase;
border: 1px white solid; margin: 4px;
}
.submit:hover {background: #fff; color: #3e9aff;}