﻿/* CSS Document */

body
{
    margin: auto;
    width: 800px;
	background: #fbfbfb url(../images/textureBg.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
}

img {
border:none;
}

h1 {
font-size: 21px;
color:#001592;
padding: 0px;
margin: 0px;
}

p {
font-size: 13px;
}
#mainContainer
{
    background-color: #FFFFFF;
	border: 1px solid #565656;
    padding: 0px 0px 5px 0px;
    *padding: 0px 0px 15px 0px;
	margin-top: 0px;
	margin-bottom: 5px;
    float: left;
}

#headerImg
{
	vertical-align:top;
	border-bottom: 1px solid #FFFFFF;
}


/* Navigation */
#siteNav
{
width:800px;
float: left;
background: url(../images/navBg.gif) #000d56 bottom left repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px;
*margin-bottom: 15px;
}

#siteNav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#siteNav li
{
float: left;
height: 25px;

}

#siteNav li .home
{
float: left;
padding: 4px 20px 0px 20px;
}

.cart
{
float: left;
border-left: 1px solid #000d56;
padding: 4px 20px 0px 20px;
}


.support
{
float: left;
border-left: 1px solid #000d56;
padding: 4px 20px 0px 20px;
}


.pricing
{
float: left;
border-left: 1px solid #000d56;
padding: 4px 20px 0px 20px;
}


.contactUs
{
float: left;
border-left: 1px solid #000d56;
padding: 4px 20px 0px 20px;
}


.testimonials
{
float: left;
border-left: 1px solid #000d56;
padding: 4px 20px 0px 20px;
}


#siteNav li .services
{
float: left;
border-left: 1px solid #000d56;
padding: 4px 20px 0px 20px;
}


#siteNav a
{
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

a:active
{
text-decoration: underline;
}

a:visited
{
text-decoration: underline;
}

#siteNav a:hover
{
text-decoration: underline;
}

.dropdown{
position:absolute;
visibility: hidden;
border:1px solid #000000;
border-bottom-width: 0;
line-height: 18px;
z-index: 100;
background-color: #001593;
width: 150px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top:5px;
}

.dropdown a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
color: #FFFFFF;
}

.dropdown a:hover{ /*hover background color*/
background-color: #e7e7e7;
color: #001593;
}

/* Homepage content */


#mainParagraph 
{
float:left;
margin-left: 18px;
line-height: 24px;
width: 552px;

}

#mainParagraph p.introText
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
width: 500x;
height: 55px;
padding:: 0px;
}

#mainParagraph ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
*margin-top: -10px;
}

#mainParagraph li
{
list-style-image:url(../images/hpBullets.gif);
}

#mainParagraph  #bottomInfo
{
width: 552px;
height: 208px;
border:1px solid #bfbfbf;
background-color: #e7e7e7;
}

#mainParagraph  #bottomInfo .learnMoreContact
{
margin-top: 2em;
margin-left: 5em;
}

#mainParagraph  #bottomInfo .learnMoreAssistance
{
margin-top: 3.45em;
margin-left: 5em;
}

#mainParagraph  #bottomInfo h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#001592;
padding: 0px 0px 5px 5px;
*padding: 3px 0px 5px 5px;
margin-top: 3px;
*margin-top: 0px;
}

#mainParagraph  #bottomInfo p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 0px 5px 0px 5px;
margin-top: -1.15em;
}

#mainParagraph  #bottomInfo #contactUs
{
background-image:url(../images/contactUsBG.gif);
border:1px solid #bfbfbf;
float:left;
margin-top: 13px;
margin-left: 15px;
width: 251px;
height: 179px;
}

#mainParagraph  #bottomInfo #assistance
{
background-image:url(../images/assistanceBG.gif);
border:1px solid #bfbfbf;
margin-top: 13px;
margin-left: 13px;
width: 251px;
height: 179px;
float:left;
}

#divider
{
float: left;
border-left:1px solid #909090;
height: 400px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
*margin-bottom: 30px;
margin-top: 10px;
}

#hpAdSpace{
font-family: Arial, Helvetica, sans-serif;
float:left;
width:185px;
margin-top: -10px;
*margin-top: 0px;
}

#hpAdSpace h2
{
font-size: 16px;
color:#001592;
margin-bottom:-1px;
}

.deals
{
float:left;
width: 181px;
height: 182px;
*height: 179px;
border:1px solid #bfbfbf;
background-color: #e7e7e7;
margin-bottom: 15px;
}

.deals a{
padding-left: 5px;
padding-top: 2px;
}

.dealsText {
font-size: 11px;
color:#656565;
padding-left: 15px;
}

.dealsPrice {
font-size: 14px;
color:#656565;
}

.dealsImg1 {
padding:5px 0px 4px 20px;
}

/* Footer*/

#footer{
color: #001592;
font-size:12px;
text-align:center;
}

/* Contact Us */
#contactContainer
{
float:left;
margin-left: 50px;
line-height: 24px;
width: 650px;
padding-top: 0px;
*padding-top: 10px;
}
.address {
line-height: 16px;
}

#contactContainer table {
background-color:#ffffff;
width: 90%;
}

#contactContainer tr {
background-color:#cccccc;
}

#contactContainer td {
font-size: 8pt; 
text-align: left;
}

/* Testimonials */

/* Contact Us */
#testimonialContainer
{
float:left;
margin-left: 18px;
line-height: 24px;
width: 760px;
padding-top: 0px;
*padding-top: 10px;
font-size:13px;
}

.odd {
border-top: 1px solid #565656; 
background-color:#e7e7e7;
padding: 5px;
}

.even {
border-top: 1px solid #565656;
padding: 5px;
}

/* Overview */
#overContainer 
{
float:left;
margin-left: 18px;
line-height: 24px;
width: 760px;

}

#overContainer p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
*font-size: 14px;
padding:: 0px;
}

#overContainer h2
{
font-size: 16px;
color:#001592;
margin-bottom:-1px;
}

/* General */
#genContainer 
{
float:left;
margin-left: 18px;
line-height: 24px;
width: 760px;

}

#genContainer p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
*font-size: 14px;
padding:: 0px;
}

#genContainer h2
{
font-size: 16px;
color:#001592;
margin-bottom:-1px;
}

#genContainer strong
{
font-size: 14px;
color:#001592;
margin-bottom:-1px;
}

#genContainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
*margin-top: -10px;
}

#genContainer li
{
list-style-image:url(../images/hpBullets.gif);
padding-bottom: 5px;
}

#genContainer ul ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
*margin-top: 0px;
}

/*Pricing */

#list {
float:left;
margin-bottom: 5px;
*margin-bottom: 0px;
}

#list .odd {
background-color:#e7e7e7;
}

#list .header{
font-weight:bold;
margin-bottom:10px;
*margin-bottom:15px;
}

#list table {
border: 1px solid #565656; 
font-size: 12px;
width:765px;
}

#list table th{
font-size: 14px; 
color:#001592;
}

.priceListServices{
border-bottom: 1px solid #565656;
border-right: 1px solid #565656;
width:375px;
padding:5px;
}

.priceListRemote{
border-bottom: 1px solid #565656;
border-right: 1px solid #565656;
}

.priceListOnsite{
border-bottom: 1px solid #565656;
}

#list table td.services{
border-bottom: 1px solid #565656;
border-right: 1px solid #565656;
width:375px;
padding:5px;
}

#list table td.remote{
border-bottom: 1px solid #565656;
border-right: 1px solid #565656;
width:200px;
font-weight:bold;
text-align:center;
}

#list table td.onsite{
border-bottom: 1px solid #565656;
width:200px;
font-weight:bold;
text-align:center;
}

#list table td.servicesLast{
border-right: 1px solid #565656;
width:375px;
padding:5px;
}

#list table td.remoteLast{
border-right: 1px solid #565656;
width:200px;
font-weight:bold;
text-align:center;
}

#list table td.onsiteLast{
border-bottom: 0px;
width:200px;
text-align:center;
font-weight:bold;
}

.submitLink {
color: #000000;
background-color: transparent;
border: none;
cursor: pointer;
cursor: hand;
  }
