/*GENERIC STYLES*/
body{background-color: #3c90e5; font-family: Arial, Sans-Serif;
     font-size: 1em; margin: 0; padding: 0; height: 100%;}
a{color: #3c90e5;}
a:hover{color: #F29418;}
hr{width: 60%;}

/*FRAMES*/
div#mainFrame{width: 800px; margin: 0px auto; background: #FFF;
              background-image: url('img/rightCol.png'); background-repeat: repeat-y;
              background-position: 599px;}
div#bannerFrame{height: 180px; background-color: #3c90e5;}
div#navFrame{clear: both; background: #FFFFFF;}
div#contentFrame{background: #FFFFFF; height: 100%;
                 background-image: url('img/rightCol.png');
                 background-repeat: repeat-y; background-position: 599px;}
div#footerFrame{border-top: 3px solid #808080; background-color: #3c90e5;
                clear: both;}

/*BANNERS*/
div#rightBanner{height: 180px; float:right;}
div#leftBanner{float:left; height: 180px;}


/*CONTENT AREA*/
div#mainContent{padding: 20px 10px 15px 10px; width: 580px; float: left;}
div#sideBar{margin: 20px 2px 20px 2px; height: 100%; padding: 5px;
            text-align: center; width: 185px; float: right;}
div#sideBar img{margin: 3px 0 3px 0;}
span.warning{color: #FF0000;}
div#player{margin: auto; text-align: center;}

/*CONTENT AREA BACKGROUND IMAGES*/
div#mainContentDesks{padding: 20px 5px 15px 10px; width: 585px;
                     float: left;
                     background: url('img/desks2.jpg') no-repeat bottom left;}

/*P STYLES*/	
p{margin-top: 10px; margin-bottom: 10px;}
p.catchPhrase{font-size: 1em; text-align: left; color: #808080;
              font-style: italic;}
span.highlight{color: #F29418; font-weight: bold;}
p.phoneNum{color: #3c90e5; font-size: 1.5em; font-weight: bold;}
p.phoneNum span.phoneSmall{font-size: .5em; margin-top: -20px;}
p.award{color: #3c90e5; font-size: 1.2em; font-weight: bold; line-height: 1;}
p.award span.awardTag{font-size: .7em; font-weight: normal; text-align: left;
                      color: #808080; font-style: italic;}
p.moreInfo{text-align: center;}
p.moreInfo span.bold{font-weight: bold;}
p.badges{text-align: center;}

/*A STYLES*/
a.callUs{color: #3c90e5; font-size: 1.5em; font-weight: bold;
         text-decoration: underline;}
a.callUs:hover{color: #F29418;}

/*H STYLES*/
h1{margin: 10px 10px 10px 10px; font-size: 1.5em; font-weight: bold;
   color: #3c90e5;}

/*UL STYLES*/
ul.service{list-style-type: disc;}
ul.service li{margin-left: 50px; line-height: 1.2;}

ul#sitemap, 
ul#contactList{list-style-type: none; padding: 0; margin-left: 1em;
               line-height: 2.5;}
ul#sitemap li,
ul#contactList li{background-image: url('img/arrow.gif');
                  background-repeat: no-repeat; background-position: 0 .45em;
                  padding-left: 1.5em;}
ul#sitemap ul.subSite{list-style-type: disc; padding: 0; margin-left: 1em;
                      line-height: 1.5;}
ul#sitemap ul.subSite li{background: none; padding-left: 0;}
ul#contactList ul.subContact{list-style-type: none; padding: 0;
                             margin-left: 1em; line-height: 1.5;}
ul#contactList ul.subContact li{background: none; padding-left: 0;}

ol{list-style-type: decimal; margin-left: 30px;}
ol li{margin-bottom: 5px;}

/*IMG STYLES*/
img.arrow{vertical-align: middle;}
img.rightPic{margin: 10px; float: right;}
img.leftPic{margin: 10px; float: left;}

/*NAVIGATION BAR*/
ul#navbar {margin: auto; padding-top: 2px; padding-bottom: 3px;
           border-top: 2px solid #808080; border-bottom:3px solid #F29418;
           list-style-type: none; height: 26px;}
ul#navbar li {font-size: 0.9em; font-weight: bold; float:left;}
ul#navbar li a {display:block; padding:5px 15px 8px; font-weight:bold;
                font-size: 1em; text-decoration:none; color:#3C90E5;}
ul#navbar li a:hover {color:#F29418;}
ul#navbar li a:visited{font-style: normal;}
ul#navbar li a#current {background:url('img/point.png') no-repeat center bottom;
                        color:#F29418;}
body#servicesPage ul#navbar a#services,
body#companyPage ul#navbar a#company,
body#clientsPage ul#navbar a#clients,
body#careersPage ul#navbar a#careers,
body#securityPage ul#navbar a#security,
body#contactPage ul#navbar a#contact,
body#portal ul#navbar a#clientPortal{
  background:url('img/point.png') no-repeat center bottom;
  color:#F29418;
}

/*CAREERS FORM*/
#apply{width: 80%; margin: auto;}
#apply fieldset{border: 1px solid #808080; margin-top: 10px; padding: 10px;}
#apply legend{margin-left: 15px;}
#apply table{width: 100%;}
#apply td.label{padding-top: 10px; width: 50%; padding-right: 5px;
                text-align: right;}
#apply td.input{padding-top: 10px; vertical-align: middle; width: 50%;
                text-align: left;}
.error_strings ul{list-style-type: disc; margin-left: 30px;}
#script{border: 1px solid #c0c0c0; width: 90%; margin: auto; font-size: 1.2em; font-family: serif; padding: 10px;}

/*CLIENTS PAGE*/
table#clientLogos{margin: auto; width: 80%; text-align: center;}
table#clientLogos td{padding-bottom: 10px; width:30%; vertical-align: middle;}
#clientLogos td img{ max-width: 180px;}

p.testimonial{margin: 0 30px 0 30px}
p.signature{margin-left: 350px; margin-top: 0px; margin-right: 30px; 
            font-style: italic; color: gray; font-size: .8em}

/*CLIENT PORTAL*/
span.badPass{color: red; font-size: .7em; font-style: italic}
form#clientLogin label{display: inline-block; width: 80px;}
form#clientLogin input.text{width: 120px;}

form#clientManage label{display: inline-block; width: 90px;}
form#clientManage input.text{width: 120px;}

/*FOOTER*/
p.footer{margin-top: 0px; margin-bottom: 0px; padding-top: 5px;
         text-align: center; color: #FFFFFF; font-size: .8em;}
p.footer a{color: #FFFFFF;}
p.footer a:hover{color: #F29418;}
div#social{text-align: center;}
div#social a{color: #FFF;}
div#social a:hover{color: #F29418;}
div#social a img{text-decoration: none; vertical-align: middle;}