@import url("global.css");
@import url("nav.css");

.home{background: url(../images/backgrounds/home-divider.gif) repeat-y right top; }
.home .columnLeft {float: left; width: 240px; margin-right: 11px;}
.home .columnMid {float: left; width: 215px; margin-right: 11px;}
.home .columnRight {float: left; width: 290px;}

.support {background: url(../images/backgrounds/support-divider.gif) repeat-y right top; }
.support .columnLeft {float: left; width: 430px; padding-left: 25px; margin-right: 11px; }
.support .columnRight {float: right; width: 290px; }

/*A proven approach on home page*/
html>body .approach {padding: 1px 1px 1px 1px; display:block;}
.approach {background: url(../images/doorpromo.jpg) no-repeat top center; width: 213px; height: 224px; padding: 1px 1px 1px 1px; }
.approach p { color: #FFFFFF; font-size: 11px; line-height: 12px;}
.approach a { color: #295274;}

/*support page headings*/
.support h2 {font-size: 16px; }
.support h2.sales {background: url(../images/page-headings/sales.gif) no-repeat top left; width: 358px; height: 63px; border: none; margin: 0px 0px 0px -7px; padding: 0px; }
.support h2.operations {background: url(../images/page-headings/operations.gif) no-repeat top left; width: 358px; height: 63px; border: none; margin: 0px 0px 0px -7px; padding: 0px;}
.support h2.billing {background: url(../images/page-headings/billing.gif) no-repeat top left; width: 358px; height: 63px; border: none; margin: 0px 0px 0px -7px; padding: 0px;}
.support h2.development {background: url(../images/page-headings/development.gif) no-repeat top left; width: 358px; height: 63px; border: none; margin: 0px 0px 0px -7px; padding: 0px;}
.support h2.consulting {background: url(../images/page-headings/consulting.gif) no-repeat top left; width: 358px; height: 63px; border: none; margin: 0px 0px 0px -7px; padding: 0px;}

.support ul strong {color: #1D3B4F;}

/*Sidenav appears on 1st level support pages*/
#content li.sales a {background: url(../images/backgrounds/services.gif) 0px 0px; height: 54px; width: 290px; display: block; }
#content li.operations a {background: url(../images/backgrounds/services.gif) no-repeat 0px -54px; width: 290px; height: 44px; display: block; }
#content li.billing a {background: url(../images/backgrounds/services.gif) 0px -98px; height: 44px; width: 290px; display: block; }
#content li.development a {background: url(../images/backgrounds/services.gif) 0px -142px; height: 44px; width: 290px; display: block; }
#content li.consulting a {background: url(../images/backgrounds/services.gif) 0px -186px; height: 44px; width: 290px; display: block; }

/*Subnav appears on 2nd level support pages*/
html>body #subnav {margin: -5px 0px 7px -5px; }
#subnav {background: url(../images/backgrounds/subnav.gif) no-repeat top center #ffffff; margin: -5px 0px 7px 0px; padding: 10px; height: 16px; width: 758px; }
#subnav ul {margin: 0px; padding: 0px 0px 0px 18px; font-size: 11px; margin: 0px auto; display: block; }
#subnav ul li {list-style: none; display: block; float: left; width: auto; margin: 0px 3px 0px 0px;  }
#subnav ul a {text-decoration: none; color: #295274; }
#subnav ul a.on, #subnav ul a:hover {color: #E96D1F; }

/*White quote box on 2nd level support pages*/
#quoteWhite {background: url(../images/backgrounds/quote-white.gif) no-repeat; height: 137px; width: 135px; padding: 30px 10px 35px 145px; position: relative; }
#quoteWhite p {color: #1D3B4F; font-size: 17px; font-style: italic; width: 123px; height: 140px; overflow: hidden;}
#quoteWhite img {position: absolute; width: 105px; height: 158px; z-index: 2; left: 19px; top: 20px; }
#quoteWhite h4 {position: absolute; z-index: 3; width: 101px; padding: 2px; left: 19px; top: 134px; height: 27px; font-size: 11px; color: #FFFFFF; font-weight: normal; background-color: #E89236; }

/*Blue quote box on 1st level support pages*/
#quoteBlue {background: url(../images/backgrounds/quote-blue.gif) no-repeat; height: 129px; width: 239px; padding: 25px 10px 10px 25px; position: relative; margin: 5px auto; }
#quoteBlue p {color: #FFFFFF; font-size: 15px; line-height: 24px;}
#quoteBlue p em {font-style: normal; font-size: 12px; display: block; margin-top: 7px; color: #CCCCCC; }

/*Featured company on 2nd level support pages*/
#featured {background: url(../images/backgrounds/featured.gif) repeat-y; width: 237px; padding: 0px 25px 10px 15px; margin: 8px auto; }
#featured h4.career {background: url(../images/backgrounds/exciting-career.gif) no-repeat; width: 277px; height: 48px; margin: 0px 0px 15px -15px; }
#featured h4.contact {background: url(../images/backgrounds/contact-us.gif) no-repeat; width: 277px; height: 48px; margin: 0px 0px 15px -15px; }
#featured h4.success {background: url(../images/backgrounds/success-story.gif) no-repeat; width: 277px; height: 48px; margin: 0px 0px 15px -15px; }
#featured h4 {background: url(../images/backgrounds/featured-heading.gif) no-repeat; width: 277px; height: 48px; margin: 0px 0px 15px -15px; }
#featured p strong {color: #E96D1F; font-weight: bold; font-size: 14px; margin: 0px; letter-spacing: 1px;}
#featured p em {font-style: normal; display: block; margin-bottom: 10px; }

/*Open door 2nd level support*/
#tolearn {background: url(../images/backgrounds/featured.gif) repeat-y; width: 237px; padding: 0px 25px 10px 15px; margin: 8px auto; }
#tolearn h4 {background: url(../images/backgrounds/contact-us-to-learn.gif) no-repeat; width: 277px; height: 48px; margin: 0px 0px 15px -15px; }
#tolearn p strong {color: #E96D1F; font-weight: bold; font-size: 14px; margin: 0px; letter-spacing: 1px;}
#tolearn p em {font-style: normal; display: block; margin-bottom: 10px; }

#inthenews {background: url(../images/backgrounds/featured.gif) repeat-y; width: 237px; padding: 0px 25px 10px 15px; margin: 8px auto; }
#inthenews h4 {background: url(../images/backgrounds/in-the-news.gif) no-repeat; width: 277px; height: 48px; margin: 0px 0px 15px -15px; }
#inthenews p strong {color: #E96D1F; font-weight: bold; font-size: 14px; margin: 0px; letter-spacing: 1px;}
#inthenews p em {font-style: normal; display: block; margin-bottom: 10px; }