/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 0;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}


/*start my css...*/

body {
  font-family: "Helvetica Neue", "Swis721 BT", Helvetica, sans-serif;
  width: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#homeimage {
  background: url(images/remote.jpg) no-repeat top center;
  position: absolute;
  	top: 0px;
  width: 100%;
}

#backimage {
  background: url(images/cf_back.png) no-repeat top center;
  position: relative;
  	top: 0px;
  width: 100%;
}

.container {
  position: relative;
  width: 800px;
}

#topnav {
  position: relative;
  	top: 10px;
	left: 330px;
  font-size: 10px;
  color: #444444;
  text-align: right;
  margin: 0 0 0 0;
  line-height: 11px;
 }
 
#topnav a {  /*insert image links to -home -support -contact*/
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  margin: 0 0 0 0;
  color: #444444;
  line-height: 11px;
}

#topnav a:hover {  /*insert image links to -home -support -contact*/
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  margin: 0 0 0 0;
  color: #000000;
  line-height: 11px;
}

ul.rtlinks {
  position: relative;
   top: -240px;
   left: 310px;
  width: 150px;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-align: left;
  line-height: 16px;
}

a.rtlinks {
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-align: left;
  line-height: 18px;
  text-decoration: none;
}

a.rtlinks:hover {
  font-size: 13px;
  font-weight: bold;
  color: #444444;
  text-align: left;
  line-height: 18px;
  text-decoration: none;
}

li.page {
  font-size: 13px;
  font-weight: bold;
	color: #BC1E0A;
  line-height: 18px;
}

div.sample {
  position: relative;
   top: 120px;
   left: -275px;
}

div.textcontainer {
  position: relative;
   top: -215px;
   left: 5px;
  width: 330px;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color: #444444;
  margin: 0 0 0 5px;
}

.promohead {
  font-size: 23px;
  font-weight: bold;
  color: #BC1E0A;
  line-height: 20px;
 }

.promohead2 {
  font-size: 18px;
  font-weight: bold;
  color: #B0ECEA;
 }

.bodytext {
  position: relative;
   top: -20px;
   left: 27px;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color: #333333;
}

a {  /*insert image links to -home -support -contact*/
  text-decoration: none;
  color: #333333;
}

a:hover {  /*insert image links to -home -support -contact*/
  text-decoration: none;
  color: #000000;
}

p {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  line-height: 14px;
}


li {
	list-style: none;
}
 
#flashcontent {
  position: relative;
    top: -5px;
	left: 0px;
}

div.footer {
  position: relative;
	top: -200px;
	left: -30px;
  width: 800px;
}
   
.smprint {
  position: relative;
   top: 0px;
   left: 40px;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
  color: #888888;
}