﻿body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, img, form, fieldset {margin:0px;padding:0px;border:0px;}
body {text-align:center;font-family:arial;font-size:11px;color:#383838;background:#0066bc url(../images/body-bg.jpg) top center repeat-x;}
#page {width:960px;text-align:left;margin:0px auto;position:relative;padding:0px 17px 10px 17px;background:transparent url(../images/page-bg.jpg) 0px 0px no-repeat;}
#print {display:none;}

/****************** top/header section *******************/
#top {position:relative;height:140px;}
a#homelink {display:block;position:relative;left:28px;}
a#emaillink {display:block;position:absolute;top:47px;left:0px;height:26px;width:218px;background-color:transparent;}
#phone-email {position:absolute;top:0px;right:-17px;width:227px;height:72px;background: transparent url(../images/phone-email.jpg) 0px 0px no-repeat;}
#phone-email span {display:none;}

/****************** navigation *******************/
#navigation {width:662px;height:49px;position:absolute;bottom:0px;right:0px;list-style-type:none;}
#navigation li {display:inline;}
#navigation li a span {display:none;}
#navigation li a {display:block;float:left;height:49px;}
#navigation li a#nav-home {width:123px;background: transparent url(../images/nav-home.jpg) 0px 0px no-repeat;}
#navigation li a#nav-services {width:137px;background: transparent url(../images/nav-services.jpg) 0px 0px no-repeat;}
#navigation li a#nav-about {width:152px;background: transparent url(../images/nav-about.jpg) 0px 0px no-repeat;}
#navigation li a#nav-careers {width:136px;background: transparent url(../images/nav-careers.jpg) 0px 0px no-repeat;}
#navigation li a#nav-contact {width:114px;background: transparent url(../images/nav-contact.jpg) 0px 0px no-repeat;}
#navigation li a#nav-home:hover, #navigation li a#nav-services:hover, #navigation li a#nav-about:hover,
#navigation li a#nav-careers:hover, #navigation li a#nav-contact:hover {background-position: 0px -49px;}
#navigation li a#nav-home.selected, #navigation li a#nav-services.selected, #navigation li a#nav-about.selected,
#navigation li a#nav-careers.selected, #navigation li a#nav-contact.selected {background-position: 0px -49px;}

/****************** main section *******************/
#main {background-color:#fff;margin-top:14px;}

#content {width:642px;float:right;padding: 12px 16px 20px 20px;}
#content h1 {font-size:30px;font-weight:normal;color:#004990;margin-bottom:0.5em;}
#content h2 {font-size:17px;margin-bottom:1em;}
#content p, #content ul, #content ol {font-size:14px !important;margin-bottom:1em;padding-right:10px;}
#content ul, #content ol {margin-left:30px;}
#content ul ul, #content ol ul,#content ul ol, #content ol ol {margin-bottom:0em;}
#content a {color:#0066bc;font-weight:bold;}
#content h3 {font-size: 14px; margin-bottom: 1em;}
#content li {margin-bottom: 1em;}


/****************** sidebar *******************/
#sidebar {width:255px;float:left;padding: 0px 27px 0px 0px;}
#side-usp {display:block;width:255px;height:120px;background: transparent url(../images/side-usp.jpg) 0px 0px no-repeat;}
#side-usp:hover {background-position:0px -120px;}
#side-usp span {display:none;}

#our-services {display:block;margin-top:36px;height:36px;width:255px;background: transparent url(../images/our-services-h2.jpg) 0px 0px no-repeat;text-indent:-9999px;}
.subnav {padding-left:15px;list-style-type:none;font-size:16px;color:#656565;padding-top:5px;padding-bottom: 34px;}
.subnav li {background: transparent url(../images/sidenav-li-bg.jpg) 0.2em 0.4em no-repeat;padding-left:20px;line-height:1.5em;padding-bottom:5px;}
.subnav li a {color:#656565;}
.subnav li a.selected, .subnav li a:hover {color:#000;}

#quick-form {display:block;margin-top:36px;height:36px;width:255px;background: transparent url(../images/quick-form-h2.jpg) 0px 0px no-repeat;text-indent:-9999px;}
#quickform {position:relative;width:255px;height:138px;background: transparent url(../images/quick-form-bg.jpg) 0px 0px no-repeat;margin-bottom:20px;}
#quickform ol, #quickform li {list-style-type:none;height:0px;}
#quickform label {display:none;}
#quickform #input_company,
#quickform #input_name,
#quickform #input_phone {border:0px solid #000;background-color:transparent !important;width:235px;height:21px;padding-top:4px;position:absolute;left:18px;font-weight:bold;font-size:12px;}
#quickform #input_company {top:40px;padding-left:64px;width:171px;}
#quickform #input_name {top:9px;padding-left:46px;width:189px;}
#quickform #input_phone {top:69px;padding-left:48px;width:187px;}
#quickform #input_submit {margin:0px;padding:0px;border:0px;position:absolute;bottom:8px;right:2px;width:179px;height:29px;background: transparent url(../images/quickform-submit.jpg) 0px 0px no-repeat;cursor:pointer;cursor:hand;}
#quickform #input_submit:hover {background-position:0px -29px;}

/****************** usps *******************/
#usps {height:409px;background-color:#fefefe;margin-bottom:40px;}
#usps a {float:left;text-decoration:none;}
#usp01 {display:block;position:relative;width:358px;height:409px;background: #e8e8e8 url(../images/usp01.jpg) 0px 0px no-repeat;}
#usp02 {display:block;position:relative;width:276px;height:201px;background: #e8e8e8 url(../images/usp02.jpg) 0px 0px no-repeat;margin-left:4px;margin-bottom:8px;}
#usp03 {display:block;position:relative;width:276px;height:201px;background: #e8e8e8 url(../images/usp03.jpg) 0px 0px no-repeat;margin-left:4px;}
html>body #usp02, html>body #usp03 {margin-left:8px;}
#usp01:hover {background-position:-358px 0px;}
#usp02:hover {background-position:-276px 0px;}
#usp03:hover {background-position:-276px 0px;}
#usps a span {color:#fff;text-decoration:none;}
#usp01 span {display:block;font-size:24px;font-weight:bold;position:absolute;top:10px;left:12px;height:57px;line-height:57px;padding-right:30px;}
#usp02 span {font-size:15px;font-weight:bold;position:absolute;top:150px;left:12px;height:38px;line-height:38px;padding-right:30px;}
#usp03 span {font-size:15px;font-weight:bold;position:absolute;top:150px;left:12px;height:38px;line-height:19px;padding-right:30px;}

/****************** testimonials area *******************/
#testimonials {height:150px;clear:both;background-color:#444444;padding:15px 13px 5px 13px;}
#testimonials #bottomusp {width:245px;height:130px;float:left;background: transparent url(../images/budget.jpg) 0px 0px no-repeat;}
#testimonials #bottomusp:hover {background-position:0px -130px;}
#testimonials #bottomusp span {display:none;}
#testimonials h2, #testimonials p {padding:0px 12px 0px 287px;font-size:11px;line-height:20px;color:#d5d5d5;}
#testimonials p.rightlink {clear:left;position:relative;top:-1em;text-align:right;}
#testimonials p.rightlink a {font-weight:bold;font-size:12px;color:#c2c2c2;}

/****************** footer section *******************/
#footer {background-color:#000;padding:18px 21px;color:#909090;}
#footer ul {list-style-type:none;}
#footer ul#postal-address {padding-bottom:5px;color:#909090;width:240px;float:left;}
#footer ul#postal-address span {color:#fff;}
#footer ul.bottomnav {text-align:left;width:640px;float:right;clear:right;padding-left:20px;}
#footer ul.bottomnav li {display:inline;line-height:2em;}
#footer .web-design {text-align:left;width:640px;float:right;clear:right;padding-left:20px;line-height:2em;}
#footer ul.bottomnav a, #footer .web-design a {color:#909090;}
#footer ul.bottomnav a:hover, #footer .web-design a:hover {text-decoration:none;}
#footer .back-to-top {clear:both;}
#footer .back-to-top a {visibility:hidden;}

/*************** contact form ******************/
#content #maincontact {border:0px solid #000;width:300px;margin-top:0;}
#maincontact fieldset {border:0px;}
#content #maincontact ul {margin:0px;padding:0px;list-style-type:none;}
#content #maincontact ul li {clear:both;margin-bottom:1em;}
#content #maincontact ul li span {clear:both;display:block;text-align:left;font-size:0.8em;color:#2e85a5;font-weight:bold;margin-right:40px;}
#content #maincontact ul li label {clear:left;float:left;width:80px;text-align:left;padding-right:10px;margin-bottom:0.5em;}
#content #maincontact ul li input.text {float:left;width:190px;margin-bottom:0.5em;}
#content #maincontact ul li textarea {float:left;width:190px;height: 80px;margin-bottom:0.5em;}
#content #maincontact ul li input.submit {}




a,
a:link,
a:active,
a:visited {
    /*font-weight: bold;*/
    text-decoration: none;
    /*color: #000;*/
}
a:hover {
    text-decoration: underline;
}
.red a,
.red a:link,
.red a:active,
.red a:visited {
    font-weight: normal;
    color: #990132;
}
.red a:hover {
    text-decoration: underline;
}
.red h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.red h3 a {
    font-size: 1.1em;
    background-image: url('/images/arrow_blue.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.green a,
.green a:link,
.green a:active,
.green a:visited {
    font-weight: normal;
    color: #4e8500;
}
.green a:hover {
    text-decoration: underline;
}
.green h3 a {
    background-image: url('/images/arrow_blue.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 1.1em;
}

.blue a,
.blue a:link,
.blue a:active,
.blue a:visited {
    font-weight: normal;
    color: #004de0;
}
.blue a:hover {
    text-decoration: underline;
}
.blue h3 a {
    background-image: url('/images/arrow_blue.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 1.1em;
}

#red ul li {
    border-bottom: 1px dotted #990132;
}
#green ul li {
    border-bottom: 1px dotted #457704;
}
#blue ul li {
    border-bottom: 1px dotted #0645ae;
}


#Web {
    background-color: #fff;
    padding-left: 6px;
    padding-right: 5px;
}
#Web div {
    background-color: #921a3d;
    padding: 15px 25px 15px 25px;
    background-image: url(title_bar_red.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 33px;
}
#Design {
    background-color: #fff;
    padding-left: 6px;
    padding-right: 5px;
}
#Design div {
    background-color: #63872f;
    padding: 15px 25px 15px 25px;
    background-image: url(title_bar_green.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 33px;
}
#Marketing {
    background-color:#fff;
    padding-left: 6px;
    padding-right: 5px;
}
#Marketing div {
    background-color: #1b4899;
    padding: 15px 25px 15px 25px;
    background-image: url(title_bar_blue.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 33px;
}
#Neutral div {
    background-color: #fff;
    padding: 15px 25px 15px 25px;
    background-image: url(title_bar_grey.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 33px;
}

#main {
    line-height: 1.6em;
}
