@charset "utf-8";
/* CSS Document */

body { background: #fff url(images/background.gif) repeat-x top; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color: #000;}
body a img {border: none; }
a { color: #4ca704; text-decoration: none;}
a:hover { text-decoration: underline; }

#wrap { width: 840px;  margin: 0 auto; }
#header { margin: 0; padding: 0; background: url(images/header.gif) no-repeat 10px 10px; width: 833px; height: 110px;}
/*#header img { float: left; padding: 20px;}*/
#header img { margin: 5px 0 0 10px; }
#header p {float: right; font-size: 25px; margin-right: 20px;}
#head-left { background: url(images/topleft_cr.gif) no-repeat left top;}

/*-------------------top nav----------------------------*/

#nav { width: 700px; margin: 82px 0 0 120px; padding: 0; float: left; display: inline; }
#nav ul {  display: inline; padding: 0; margin: 0;}
#nav ul li { list-style: none;  float: left; /*background: url(images/nav.gif) no-repeat;*/ width: 93px; height: 28px; margin-right: 0; display: inline;}
#nav a { text-decoration: none; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block; width: 93px; height: 28px; 
margin: 0; padding: 0;}
#nav span { display: none; }
#nav ul li#home a { background: url(images/hometab.jpg) no-repeat right 0;}
#nav ul li#autosave a { background: url(images/disc-tab.jpg) no-repeat 0 0;}
#nav ul li#pro a { background: url(images/usb-tab.jpg) no-repeat 0 0;}
#nav ul li#equipment a { background: url(images/equipment.jpg) no-repeat 0 0;}
#nav ul li#solutions a { background: url(images/solutions.jpg) no-repeat 0 0;}
#nav ul li#faq a { background: url(images/faqtab.jpg) no-repeat 0 0;}
#nav ul li#contact a { background: url(images/contact.jpg) no-repeat 0 0;}

#nav ul li#home a:hover, #nav ul li#homeactive { background: url(images/hometab.jpg) no-repeat right -28px;}
#nav ul li#autosave a:hover, #nav ul li#autosaveactive { background: url(images/disc-tab.jpg) no-repeat 0 -28px;}
#nav ul li#pro a:hover, #nav ul li#proactive { background: url(images/usb-tab.jpg) no-repeat 0 -28px;}
#nav ul li#equipment a:hover, #nav ul li#equipmentactive { background: url(images/equipment.jpg) no-repeat 0 -28px;}
#nav ul li#solutions a:hover, #nav ul li#solutionsactive { background: url(images/solutions.jpg) no-repeat 0 -28px;}
#nav ul li#faq a:hover, #nav ul li#faqactive { background: url(images/faqtab.jpg) no-repeat 0 -28px;}
#nav ul li#contact a:hover, #nav ul li#contactactive { background: url(images/contact.jpg) no-repeat 0 -28px;}

/*--------------------end nav ---------------------------*/

p.featured { width: 400px;  border: 1px dashed #4ca704; padding: 4px 0 4px 5px;  }

#mainimage { clear: both; }
#mainimage img, #flash{ float: left; margin: 0; }
#textbox { background-color: #373737; border: 4px solid #8a8b8c; float: right; width: 304px; height: 242px; font-size: 12px; color: #fff;}
#textbox ul { list-style-image: url(images/bullet1.gif); margin-top: 5px; }
#textbox ul li.dotted { border-top: 1px dotted #c8c6c6; width: 235px; padding: 8px 0 8px; }
#textbox ul li.dotted2 {  width: 235px; padding: 8px 0 8px; }

h1 { font-size: 18px; margin: 8px 0 0 18px; font-weight: 500; padding-bottom: 4px; color: #4ca704;}
h2 { font-size: 20px; font-weight: 500; padding: 0 0 10px 0; margin: 0; color: #4ca704;}
h3 { font-size: 18px; font-weight: 500; padding: 10px 0; margin-left: 15px; border-bottom: 1px dotted #d9c4f2; width: 270px; color: #4ca704;}
h3 a { text-decoration: none; color: #4ca704;}

h2 img { padding: 3px 7px 0; }
h4 { color: #4ca704; font-size: 14px; }
h4 #list { color: #4ca704; font-size: 12px; padding: 0px; margin: 0; }

#maintext { padding: 0; margin: 0; background: url(images/bglines.gif) repeat-y center;}
#lefttext ul { padding-top: 0px; }
#lefttext { float: left; width: 480px; padding: 25px 10px 0 10px; /*border-left: 4px solid #e6e8e9;*/ margin-left: 10px;  }
#lefttext p, #lefttext ul li { font-size: 12px; width: 470px; }
#lefttext a { color: #4ca704; font-size: 12px; text-decoration: none;}
#lefttext a:hover { text-decoration: underline; }
#lefttext ul li { width: 430px; }
#righttext { float: right; border: 4px solid #d2d4d6; font-size: 12px; padding-right: 5px; width: 300px; color: #000;  background-color: #fff; margin: 25px 0 0;}
#righttext ul { padding: 0 0 10px 23px; margin: 0; }
#righttext p { padding: 0 0 10px 5px; margin: 0; }
#righttext ul li { padding-bottom: 8px; }
#rimagetext { float: left; width: 480px; padding: 25px 10px 0; /*border-left: 4px solid #e6e8e9;*/ margin-left: 10px;  }
#rimagetext p { font-size: 12px; width: 370px; padding-bottom: 1px; display: inline;}
#rimagetext ul li { font-size: 12px; margin:0; padding: 0; list-style: none;}
#dashbox { border-top: 1px dotted #4ca704; /*border-bottom: 1px dotted #4ca704;*/ padding: 15px 0 15px; }
#homeauto ul li{ padding: 0; margin: 0; }
#cryptex { margin-left: 0; }
p#smalltxt { font-size: 10px; }

.table { width: 158px; font-size: 12px;}

.floatleft { float: left; }
.floatright { float: right; }
#lefttext p.telephone { font-size: 22px; padding: 20px 0 0;}

#advert img { margin: 20px 40px 0 0; }
#advert { float: right; /*border-right: 4px solid #e6e8e9;*/ margin: 0 9px 0 0; height: 131px; }

.borderright { /*border-right: 4px solid #e6e8e9;*/ margin: 0 0px 0 0; height: 25px; padding: 0; width: 10px;}
#footer { background: url(images/footer.gif) no-repeat bottom; clear: both; height: 45px; position: relative;}
#footerimg { margin: 0 0 -5px 10px; padding: 0; /*background-color: #d5d6d6;*/}
#footer p { font-size: 11px; margin: 50px 0 20px 20px; color: #666;}
#footer p a { color: #666; }
#footer2 {  margin: 0; padding: 0; }
#footer2 p { font-size: 11px; margin: 10px 0 0 20px; color: #666; }
#footer2 p a { color: #666; }

.rimageimg {  padding: 30px 20px 15px 0; float: left; }
.rimageimg2 {  padding: 10px 20px 10px 0; float: left; }
.telephone { color: #4ca704; }
address {font-size: 11px; font-style: normal;}

/***********************************************************************/
/* forms                                                               */
/***********************************************************************/

form { margin:0; padding:0; }
label { float:left; clear:left; display:block; width:80%; margin:0 20px; margin-top:5px; font-weight:none; font-size:13px; }
input.button2 { width:72px; margin: 0; border:0; }
input.button3 { width:72px; margin: 0; border:0; }
fieldset { border:0; margin:0; padding:0; }
fieldset p { margin-top:3px; margin-bottom:3px; font-size:10px; }
input, select, textarea { float:left; width:80%; margin:0 20px; padding:2px; margin-top:5px; font-size:0.9em; border:1px solid #BBB; font-family:Arial, Helvetica, sans-serif;}
input.button { width:78px; margin: 10px 0 0 20px; border:0; }
input.radio, input.checkbox { float:left; clear:left; width:15px; margin:2px 10px 2px 20px; border:0; }
select { width: auto;}
label.alt {   width:27%; margin: 5px 15px 0 20px; text-align:right; overflow:hidden; }
input.alt, select.alt {  width:50%; margin:0; margin-top:5px;}
select {  width: auto; }