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

body {
background-color:#000000;
width:1024px;
margin-left: auto ;
margin-right: auto ;
margin-top:0px;
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
color:#555;
font-size:12px;
}


#header {
background-image:url(images/headerBg.jpg);
background-repeat:no-repeat;
height:39px;
width:1024px;
margin:0px;
padding:0px;
}

#topNav {
display:inline-black;
padding:0px 0px 0px 570px;
margin:0px;
position:absolute;
}

#header #topNav li { display: inline; }

/* ========================================================================== nav btns */

#header #topNav #navBtn1 a {
background-image:url(images/about.jpg);
background-repeat:no-repeat;
width:50px;
height:39px;
display:inline-block;
}

#header #topNav #navBtn2 a {
background-image:url(images/clients.jpg);
background-repeat:no-repeat;
width:72px;
height:39px;
display:inline-block;
}

#header #topNav #navBtn3 a {
background-image:url(images/home.jpg);
background-repeat:no-repeat;
width:70px;
height:39px;
display:inline-block;
}

#navBtn1 a:hover {
background-image:url(images/about.jpg);
background-position:0 -39px;
}
    
#navBtn2 a:hover {
background-image:url(images/client.jpg);
background-position:0 -39px;
}

#navBtn3 a:hover {
background-image:url(images/home.jpg);
background-position:0 -39px;
}


#header #topNav #navBtn1On a {
background-image:url(images/about.jpg);
background-repeat:no-repeat;
background-position:0 -39px;
width:50px;
height:39px;
display:inline-block;
}

#header #topNav #navBtn2On a {
background-image:url(images/clients.jpg);
background-repeat:no-repeat;
background-position:0 -39px;
width:72px;
height:39px;
display:inline-block;
}

#header #topNav #navBtn3On a {
background-image:url(images/home.jpg);
background-repeat:no-repeat;
background-position:0 -39px;
width:70px;
height:39px;
display:inline-block;
}

/* ========================================================================== demo btn */

.demo {
height:25px;
text-align:right;
float:right;
}

.demo a {
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.demo a:hover {
text-decoration:none;
}

/* ========================================================================== client login */

.clientLogin {
display:inline;
float:right;
margin:8px 40px 0px 0px;
padding:0px;
}

.clientLogin form {
height:25px;
padding:0px;
margin:0px;
}

.clientbgIE {
background:url(images/inputBox.jpg) 3px 1px no-repeat;
width:96px;
height:20px;
display:block;
border: 0;
}

.go_button {
position:absolute;
border: 0px;
margin: 0px;
}

.client_field {
float:left;
border:0;
margin-left: 10px;
margin-top:4px;
padding:0;
width:95px;
font: 12px Helvetica;
background-color:transparent;
}

.client_field:focus + .clientbg {
background:url(images/inputBox.jpg) 2px 0px no-repeat;
}

.clear {
clear:both;
}

/* ========================================================================== subpages */

#contentWrap {
width:1024px;
background:url(images/subpage_contTop.gif) #fff no-repeat;
}

#content {
width:1024px;
background:url(images/subpage_contBot.gif) no-repeat bottom;
}

#footerText {
margin-top:30px;
padding-bottom:30px;
font-size:12px;
font-weight:normal;
}

#footerText span {
color:#333;
}

#subpageWrap {
	padding:50px 110px 100px 110px;
	text-align:justify;
}

#techpageWrap {
	padding:70px 210px 100px 210px;
	text-align:justify;
}

#techpageWrap a {
color:#333333;
text-decoration:underline;
}

#techpageWrap a:hover {
text-decoration:none;
}

.client {
margin-top:20px;
}

.client img {
float:left;
padding-right:20px;
}

.client h3 {
margin:0px;
}


#footerText a:link, #footerText a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#ddd;
text-decoration:underline;
}

#footerText a:hover, #footerText a:active {
text-decoration:none;
}