@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: #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 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#info a { background: url(images/moreinfo.jpg) no-repeat 0 0;}
#nav ul li#systems a { background: url(images/systems.jpg) no-repeat 0 0;}
#nav ul li#screenshots a { background: url(images/screenshots.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#info a:hover, #nav ul li#infoactive { background: url(images/moreinfo.jpg) no-repeat 0 -28px;}
#nav ul li#systems a:hover, #nav ul li#systemsactive { background: url(images/systems.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 ---------------------------*/

p#featured { width: 400px; height: 20px; border: 1px dashed #cc0000; padding: 3px 0 0 20px; color: #cc0000;  }

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

h1 { font-size: 18px; margin: 8px 0 0 18px; font-weight: 500; padding-bottom: 4px;}
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: 15px; border-bottom: 1px dotted #a8d601; width: 270px; color: #587c00;}
h2 img { padding: 3px 7px 0; }
h4 { color: #587c00; font-size: 12px; }

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


.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 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: #666;}
#footer p a { color: #666; }
#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; }
address { font-size: 12px; 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: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; }