/* CSS Document */
body { margin: 0 ; 
background: #FFF url("images/bodyRepeat.jpg") 0 0 repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

img { border: 0; }

blockquote hr { clear: both; margin: 15px 0; }

#theBody { 
}

#theContainer2 {
    width: 873px;
    margin: 0 auto;
    background: url('images/bg2.png') 50% 0 repeat-y;
}

#theContainer2Bottom {
    width: 873px;
    height: 26px;
    margin: 0 auto;
    background: url('images/bottom2.png') 50% 0 no-repeat;
}

#theContainer { width: 800px;
margin-left: auto;
margin-right: auto;
}

#header 
{ 
	width: 900px;
	margin:0 auto;
}

#top
{
	height:71px;
	overflow:hidden;
}

#header .left
{
	float:left;
	width:300px;
}

#header .right
{ 
	float: right;
	margin-right: 4px;
	width:121px;
}

#navigation 
{
	clear:both;
	padding:0 0 0 65px;
	background: url('images/nav-bg.jpg') no-repeat top left;
	width:860px;
	height: 32px;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;
	margin:0px;
}

#navigation ul
{
	padding:0px;
	margin:0px;
}

#navigation li
{
	list-style:none;
	float: left;
	margin:0px;
	padding:0px;
}

#navigation a 
{
	display: block;
	padding:8px 15px;
	color: #ffffff;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active, #navigation a.active 
{
	background: url('images/nav/navBg.jpg') 0 0 repeat-x;
}

#underNav { width: 800px;
height: 7px;
margin-left: auto;
margin-right: auto;
background-image: url("images/underNavRepeat.jpg");
background-position: top left;
background-repeat: repeat-x;
}

#midHeader { width: 800px;
height: 198px;
margin: 0 auto;
/*background: url("images/midHeader.jpg") 0 0 no-repeat;*/
padding: 15px 10px 0;
}

#theContent { width: 800px;
clear: both;
margin: 0 auto;
font-size: 14px;
color: #424242;
/*background: url('images/contentTop.jpg') 0 0 repeat-x; */
padding: 4px 0;
}

#theContent h1 {
clear: left;
margin-bottom: 3px;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
color: #0E3594;
background: url('images/h1_bg.jpg') 0 50% no-repeat;
height: 40px;
line-height: 40px;
vertical-align: center;
padding: 0 0 0 38px;
}

#theHeaderImage {
    width: 830px;
    height: 190px;
    clear: both;
    margin: 0 auto;
    padding: 0 
}

#theHeaderImage h1 {
    background: none;
    color: #000000;
    padding: 152px 23px 0;
    margin: 0;
    font-size: 20px;
}
    

#theHeaderImage.about {
    background: url('../images/subHeader/about2.jpg') 0 0 no-repeat;
}

#theHeaderImage.solutions {
    background: url('../images/subHeader/solutions2.jpg') 0 0 no-repeat;
}

#theHeaderImage.contacts {
    background: url('../images/subHeader/contacts2.jpg') 0 0 no-repeat;
}

#theHeaderImage.products {
    background: url('../images/subHeader/products2.jpg') 0 0 no-repeat;
}

#theHeaderImage.links {
    background: url('../images/subHeader/links2.jpg') 0 0 no-repeat;
}

#theHeaderImage.services {
    background: url('../images/subHeader/services2.jpg') 0 0 no-repeat;
}

#theHeaderImage.faq {
    background: url('../images/subHeader/faq2.jpg') 0 0 no-repeat;
}

#theContent h2 {
margin-bottom: 3px;
font-size: 18px;
font-weight: bold;
font-variant: small-caps;
color: #333333;
border-bottom: 1px solid #0D3692;
}

#theContent h3 {
margin-bottom: 3px;
font-size: 16px;
font-variant: small-caps;
color: #333333;
}

#theContent p { margin: 6px 10px 10px; }

#theContent p span.smaller { 
    font-size: 11px;
    color: #666666;
}

#theContent div.course_desc {
    float: right;
    display: inline;
    border: 1px solid #666666;
    margin: 10px 0 10px 10px;
    padding: 5px;
    width: 103px;
}

#theContent div.course_desc img.floatLeft {
    padding: 14px 5px 14px 0;
}

#theContent a, #theContent a:link, #theContent a:visited, #theContent a:active {

font-size: 14px;
color: #0D3692;
text-decoration: underline;
}

#theContent a:hover {

font-size: 14px;
color: #000;
text-decoration: none;
}

.grayBox { 
float: left;
width: 259px;
height: 225px;
font-size: 14.5px;
font-weight: bold;
font-variant: small-caps;
color: #000000;
margin: 10px 3px 0;
}

.grayBox p {
float: left;
display: inline;
margin: 181px 0 0 15px;
}

.grayBox img {
float: right;
display: inline;
padding-top: 10px;
}

#box1 div.grayBox a.go {
    background: url('images/go2.jpg') 0 0 no-repeat;
    height: 15px;
    width: 15px;
    float: right;
    display: inline-block;
    margin: 182px 20px 0 0;
}

#box1 div.grayBox a.go:hover { background-position: 0 100%; }

#solutions_b { 
    background: url('images/gear_box.jpg') 0 0 no-repeat;
}

#services_b {
    background: url('images/people_box.jpg') 0 0 no-repeat;
}

#products_b {
    background: url('images/laptop_box.jpg') 0 0 no-repeat;
}

ul {
 list-style-image: url(/images/bulletA.gif);
 }

#box1 { width: 800px;
padding: 4px auto 0;
margin: 0 auto;
font-size: 14px;
color: #424242;
}

#box1 a, #box1 a:link, #box1 a:visited {  font-size: 14.5px; font-weight: bold; font-variant: small-caps; color: #000000; text-decoration: none;  }
#box1 a:hover, #box1 a:active {  font-size: 14.5px; font-weight: bold; font-variant: small-caps; color: #000000; text-decoration: underline;  }

#theContentLeft {
width: 495px;
margin: 10px 0 0 10px;
float: left;
display: inline;
}

#theContentRight {
width: 265px;
margin: 10px 0 0 20px;
float: left;
display: inline;
}

#theContent_bottom {
    clear: both;
    width: 780px;
    margin: 10px;
}

#theContentLeft p, #theContentRight p {
    margin: 5px 5px 2px 20px;
}

#theContentLeft ul, #theContentRight ul { margin-top: 4px; }

#theFooter {
clear: both;
width: 100%;
height: 110px;
background: #ffffff url("images/footerRepeat.jpg") 0 0 repeat-x;
margin: 0;
}

#theFootContent {
clear: both;
width: 800px;
margin: 3px auto 5px;
padding-top: 5px;
/*
background-image: url("images/footBarRepeat.jpg");
background-position: top left;
background-repeat: repeat-x;
*/
font-size: 12px;
color: #535351;
}

#theFootContent a, #theFootContent a:link, #theFootContent a:visited {
color: #535351;
text-decoration: none;
}

#theFootContent a:hover, #theFootContent a:active {
color: #0D3692;
text-decoration: underline;
}


#contactLeft{
float: left;
width: 600px;
margin-right: 15px;
}

#contactLeft2{
float: left;
width: 550px;

}

#contactRight{
float: left;
width: 184px;
}

#contactRight2{
float: left;
width: 230px;
height: 342px;
padding-right: 15px;
text-align: right;
}


#contactLeft3 {
    float: left;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    width: 550px;
}

#contactLeft3 label {
    float: left;
    display: inline-block;
    width: 145px;
    text-align: right;
    font-size: 13px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 5px 3px 3px;
    clear: left;
}

#contactLeft3 label.req { font-weight: bold; }

#contactLeft3 input[type=text], #contactLeft3 textarea, #contactLeft3 select { 
    background: #eeeeee; 
    border: 1px solid #000000;
    font-size: 13px;
    padding: 4px 3px 3px;
    margin: 0;
    float: left;
    display: inline;    
}

#contactLeft3 input[type=text]:focus, #contactLeft3 textarea:focus, #contactLeft3 select:focus { 
    background: #ffffff;
    border: 1px inset #000000;
}

#contactLeft2 input, #contactLeft2 textarea, #contactLeft2 select { 
    background: #eeeeee; 
    border: 1px solid #000000;
}

#contactLeft2 input:focus, #contactLeft2 textarea:focus, #contactLeft2 select:focus { 
    background: #ffffff;
    border: 1px inset #000000;
}

#theContent div.link_box {
    clear: both;
    margin: 5px 25px;
    padding: 10px 0 15px 0;
    width: 720px;
    height: auto;
    border-bottom: 1px solid #dddddd;
}

#theContent div.link_box img {
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
}

#theContent div.link_box ul { 
    margin: 0;
    float: left;
    display: inline;
}

div.row2 {
    margin: 5px 0;
    padding: 0;
    height: auto;
    clear: left;
}

div.row {
  padding-top: 1px;
  /*vertical-align: bottom;*/
  margin-left: 25px;
  clear: left;
  }
  
p.inRow { margin: 0; padding: 0; clear: left; font-size: 10; color: #cccccc; }

div.label {
 float: left;
 display: inline;
  padding-top: 12px;
  padding-right: 5px;
  width: 150px;
  text-align: right;
  }

div.formw {
float: left;
 display: inline;
  padding-top: 10px;
  width: 235px;
  text-align: left;
  margin-left: 0px;
  padding-left: 3px;
  } 

.floatLeft { float: left; display: inline; }
.floatRight { float: right; display: inline; }
.clearIt { clear: both; }
.picBox { float: left; display: inline; margin-top: 5px;}
.picBox ul { margin: 0; margin-left: 25px;}

.clearfix:after, .row:after, #navigation:after, #theContent:after, #midHeader:after, 
#box1:after, .row2:after, blockquote:after, #theContent div.link_box:after,
#theContent div.course_desc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.tip, .tip-top, .tip-title, .tip-text, .tip-bottom { width: 200px; background: #cccccc; font-size: 10px; }
.tip p, .tip-top p, .tip-title p, .tip-text p, .tip-bottom p { margin: 5px; }
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #828282;
padding: 0px;
background-color: #f4f4f4;
visibility: hidden;
z-index: 100;
text-align: left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip p { margin: 2px; padding: 0; font-size: 11px;  }


#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theContainer2 #theContent div.solutionsIndented
{
	padding:10px 0 10px 20px;
}

span.blue
{
	color:#3333cc;
	font-size:15px;
}

.centered-image
{
	padding:10px 0;
	text-align:center;
}

p.smaller
{
	font-size:10px;
}

#theContent div.row2 .check-row label
{
	text-align:left;
	padding:0px;
	margin:0px;
	width:auto;
}

#theContent div.row2 .check-row
{
	float:left;
	width:300px;
	padding:5px 0 10px 0;
}