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

body { background: #fff url(images/background.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #007ac3;}
body a img {border: none; }

#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: 600px; margin: 82px 0 0 150px; 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: 119px; 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:119px; 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#security a { background: url(images/security.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#security a:hover, #nav ul li#securityactive { background: url(images/security.jpg) no-repeat 0 -28px;}
#nav ul li#screenshots a:hover, #nav ul li#screenshotsactive { background: url(images/screenshots.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 ---------------------------*/


#mainimage { clear: both; }
#mainimage img { float: left; margin: 0; }
#textbox { background-color: #007ac2; border: 3px solid #025b90; float: right; width: 305px; height: 246px; font-size: 14px; color: #fff;}
#textbox ul { list-style-image: url(images/bullet1.gif);   }
#textbox ul li.dotted { border-top: 1px dotted #033858; width: 235px; padding: 10px 0 10px; }

h1 { font-size: 18px; margin: 8px 0 0 18px; font-weight: 500;}
h2 { font-size: 20px; font-weight: 500; padding: 0 0 10px 0; margin: 0;}
h3 { font-size: 18px; font-weight: 500; padding: 10px 0; margin-left: 25px; border-bottom: 1px dotted #033858; width: 240px;}
h2 img { padding: 3px 7px 0; }

#maintext { padding: 0; margin: 0; background: url(images/bglines.gif) repeat-y center;}
#lefttext { float: left; width: 480px; padding: 35px 10px 0px; /*border-left: 4px solid #e6e8e9;*/ margin-left: 10px; }
#lefttext p { font-size: 12px; width: 450px; }
#lefttext ul li { font-size: 12px; }
#lefttext a, #righttext a { color: #069ffa; font-size: 12px; text-decoration: none;}
#lefttext a:hover { text-decoration: underline; }
#righttext { float: right; border: 4px solid #e6e8e9; font-size: 12px; padding-right: 5px; width: 300px; background-color: #fff; color: #585a5a;}
#righttext p { padding: 0 12px 5px; }
.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; background-color: #fff;}

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

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

form { margin:0; padding:0; }
label { float:left; clear:left; display:block; width:80%; margin:0 20px; margin-top:5px; font-weight:bold; font-size:11px; }
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; }