* {border:0; margin:0; padding:0; color: #454545}

body{
   font-family: Ariel, Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
   text-align: left;
   font-size: 10pt;
   background: #fefefe url(images/bg.png) repeat-x;
}

#content h1, #content h2, #content h3, #content p, #content ul, #content ol, #content form, #content img {
   margin-bottom: .8em;
}

#content ul, #content ol {
   margin-left: 1.5em;
}

h1, h2, h3, .leadin {
   color: #303030;
}


h1 { font-size: 175%; text-transform: uppercase;}
h2 { font-size: 140%; font-style: italic}
h3 { font-size: 115%; font-style: italic}


p {
   font-size: 110%;
   line-height: 1.3em;
}

input, select, textarea{
	font-family: Georgia, "MS Serif", "New York", serif;	
	font-size: 120%;
   font-weight: bold;
   color: #002083;
   padding:1px;
   border: 1px solid gray;
   background-color: #EEEEEE;
   margin: 1px 1px 0 1px;
}


div#page {
   min-height: 586px;
   width: 992px; 
   margin: 0 auto 40px auto;
} 

div#scrn{
   height: 586px; /* -- -- set minimum page height here -- -- */
   float: right;
   width: 0;
}

div#banner {
   position: relative;
   width: 992px;
   height: 160px; 
   display: block;
}

div#banner img {
   position: absolute;
   top: 0;
   left: 27px;
}

div#banner h1 {
   position: absolute;
   text-transform: uppercase;
   letter-spacing: -.04em;
   font-size: 500%;
   top: 50px;
   left: 0;
}

div#banner h1 a {
   text-decoration: none;
   color: #005389;
   font-size: 60%;
}
div#banner h2 {
   position: absolute;
   text-align: center;
   width: 30em;
   top: 3em;
   left: 16em;
   font-size: 130%;
   line-height: 1.4em;
   margin-left: auto;
   margin-right: auto;
}

#flash_slideshow {
   margin: 5px 0 0 0;
}

ul#nav {
   float: right;
   margin-top: 30px;
   text-align: left;
   list-style: none;
}

#nav li {
   text-transform: uppercase;
   font-family: "Times New Roman", serif;
   float: left;
   position: relative;
   width: 170px;
   font-weight: bold;
   font-size: 110%;
   line-height: .8em;
   margin-top: 6px;
   margin-left: 1em;
}

#nav ul.last {
   border:0;
}


#nav a {
   text-decoration: none;
   color: #454545;
   padding-left: .5em;
}

#nav li a:hover {
   border-left: .5em solid #005585;
}

#nav a:hover {
}

#nav ul {
   list-style:none;
   border-right: 1px solid #959595;
   height: 80px;
}

#nav ul li {
   text-transform: none;
   font-weight: normal;
   letter-spacing: .1em;
   font-size: 100%;
   margin-left: .5em;
   border: 0;
   padding-bottom: .2em;
}


div#content {
   display: block;
}

img#page_banner {
   margin: 5px 0 15px 0;
}

div#page_banner {
   position: relative;
   margin: 5px 0 25px 0;
   width: 992px;
   height: 71px;
}

div#page_banner h1, div#page_banner img {
   position: absolute;
   top: 0; left: 0;
   z-index: 5;
}

div#page_banner h1, div#page_banner em {
   top: 17px; left: 20px;
   z-index: 6;
   color: #fafafa;
   font-family: "Times New Roman", serif;
   text-transform: capitalize;
   letter-spacing: .05em;
   word-spacing: .2em;
}

div#page_banner h1 {
   font-size: 200%;
}


h1#welcome {
   font-size: 130%;
   text-transform: none;
}

.container {
   width: 99%;
}

.subcont{
   width: 49%;
   float: left;
   font-size: 90%;
}
.subcont p{
   margin: 0;
}
.subcont h3{
   margin: 0;
}

.center {text-align: center}
.left { float: left; }
.right { float: right; }
.clearit{ clear: both; }

.leadin {
   font-family: "Times New Roman", serif;
   font-style: italic;
   font-weight: bold;
   text-align: center;
   font-size: 160%;
   line-height: 1.2em;
   padding: 0 4em 0 4em;
}


div.quick_link div {
   width: 162px;
   height: 241px;
   margin-right: 45px;
   margin-top: 2em;
   opacity: 1;
   filter:alpha(opacity=100);
}

div.quick_link div.last {
   margin-right:0;
}

div.quick_link div:hover {
   opacity: 0.80;
   filter:alpha(opacity=80);
}

div.quick_link a {
   float: left;
   text-decoration: none;
}

#content div.quick_link h2 {
   text-transform: uppercase;
   font-style: normal;
   float: left;
   margin:0;
   color: #f0f0f0;
   background-color: #005585;
   width: 100%;
   height: 2.5em;
   font-size: 95%;
   text-align: center;
   padding: .5em 0 .5em 0;
   opacity: 0.80;
   filter:alpha(opacity=80);
}

div#one {
   background: url(images/agile.jpg) no-repeat;
}
div#two {
   background: url(images/webapp.jpg) no-repeat;
}
div#three {
   background: url(images/truck.jpg) no-repeat;
}
div#four {
   background: url(images/custom_sw.jpg) no-repeat;
}
div#five {
   background: url(images/technology.jpg) no-repeat;
}

div.benefits {
   width: 250px;
   height: 200px;
/*   background-color: #CFD5FF; */
   background-color: #BFD5FF; 
   float: right;
   margin: .8em 0 1em 25px;
   border-left: 2px solid #8f8f8f;
   border-right: 2px solid #8f8f8f;
   border-bottom: 2px solid #8f8f8f;
}

.benefits ul {
   padding: 1em 1em 1em 2.5em;
}
.benefits p {
   padding: 0 1em 0 1em;
}

.benefits li {
   font-size: 110%;
   line-height: 1.3em;
}

.benefits h1 {
   text-align: center;
   margin:0;
   height: 27px;
   padding: .4em 0 0 0;
   font-size: 110%;
   text-transform: lowercase;
   letter-spacing: .04em;
   background: url(images/nav-back.jpg) repeat-x;
}

.benefits address {
   padding: 1em 1em .5em 1.5em;
   font-style: normal;
   font-weight: bold;
}

.benefits dl {
   font-size: 8pt;
   width: 21em;
   padding: 1em 1em 1em 1.5em;
}
.benefits dt {
   width: 7em;
   font-weight: bold;
}

.benefits dd {
   width: 14em;
}

.benefits dt, .benefits dd {
   margin-bottom: .5em;
   float: left;
}

.benefits cite {
   line-height: 1.2em;
   font-size: 90%;
   margin-bottom: 1em;
}

#contact_form {
   width: 420px;
}
form, form p {
   font-size: 8pt;
}

form p {
   font-weight: bold;
}

form textarea {
   width: 98%;
}
form dl {
   width: 37em;
   padding: 1em 1em 1em 1.5em;
}
form dt {
   width: 8em;
   font-weight: bold;
   margin-right: .8em;
}

form dd {
   width: 27em;
}

form dt, form dd {
   margin-bottom: .5em;
   float: left;
}


div#footer{
   display: block;
   position: fixed;
   bottom: 0;
   z-index: 5;
   width: 992px; 
   
   text-align: center;
   clear: both;
   margin: 0,10px,0,10px;
   height: 2.5em;
   padding-top: 1em;
   font-size: 75%;
   background-color: #fefefe;
}

div#footer a{
   text-decoration: none;
}


div#footer a:hover {
	color: black;
}

#design {
   width: 25%;
   text-align: left;
   float: left;
   display: block;
}

#copyright {
   float: right;
   text-align: right;
   display: block;
}

#address {
   float: left;
   text-align: center;
   display: block;
}

#design, #copyright, #address, a:link, a:visited {
   color: #959595;
}
.noborder {
   border: 0;
   background-color: white;
}

fieldset {
   border-top: 1px solid #7f7f7f;
   float: left;
}

legend {
   font-weight: bold;
   font-size: 110%;
   padding: 0 .8em 0 .8em;
}


div.floathack { float:right;width:1px }

div#content:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content, .clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html div#content, * html .clearfix {height: 1%;}
div#content, .clearfix {display: block;}
/* End hide from IE-mac */