/*
PAGE TEMPLATE STYLESHEET
RESET
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/*----------------------- HTML TAGS ----------------------*/

body {
  font-family:          Tahoma, Arial;          
  font-size:            11px;
  background:           url(../images/bgBody.jpg) #7e9baa repeat-x;
}

p {
  line-height:          20px;
  clear:                both;
  margin-bottom:        15px;
}

a {
  text-decoration:      underline;
  color:                #f1a22b;
}

a:hover {
  text-decoration:      none;
}

/*----------------------- STRUCTURE -----------------------*/

div.container {
  width:                958px;
  margin:               0px auto 0px auto;
  padding:              0px 8px 0px 8px;
  background:           url(../images/bgContainer.png) repeat-y;
}

div.dualBanners {
  height:               90px;
  overflow:             visible;
}


/*--------------------- HEADER STYLES -----------------------*/

h1 {
  width:                236px;
  height:               50px;
  text-indent:          -5000px;
  background:           url(../images/radQuestLogo.png) no-repeat 20px 10px;
  padding:              5px;
  float:                left;
}

h2 {
  background:           url(../images/h2Sprite.png) no-repeat;
  height:               60px;
  width:                301px;
  margin-left:          -23px;
  text-indent:          -5000px;
  float:                left;
}

h2.services {
  background-position:  0px 0px;
  margin-bottom:        10px;
}

h2.featuredWork {
  background-position:  0px -67px;
}

h2.latestNews {
  background-position:  0px -132px;
  clear:                both;
}

h2.testimonials {
  background-position:  68px -262px;
}

h2.right {
  float:                right;
  margin-right:         -22px;
}

/*--------------------- HEADER SECTION --------------------*/

div.header {
  height:               60px;
  background:           url(../images/bgHeader.jpg) repeat-x;
}

/*------------------------ LOGIN BOX ----------------------*/

div.loginBox {
  height:               31px;
  width:                376px;
  float:                right;
  padding:              12px 0px 0px 0px;
}

div.loginBox input {
  background:           #eeeeee;
  border:               none;
  height:               21px;
  width:                117px;
  float:                left;
  margin:               0px 0px 0px 14px;
  color:                #556a75;
  font-size:            11px;
  padding-left:         10px;
}

div.loginBox input.btnLogin,
div.homeFooter div.clientLogin input.btnLogin {
  height:               22px;
  width:                68px;
  background:           url(../images/spriteButtons.jpg) no-repeat 0px -22px;
  text-indent:          -5000px;
  float:                left;
  margin:               0px 0px 0px 14px;
  padding:              0px;
  border:               none;
  
  font-size:            0px;
  display:              block;
  line-height:          0px;
}

div.loginBox a.lnkRegister {
  display:              block;
  background:           url(../images/bgLinkDivider.jpg) no-repeat top left;
  float:                left;
  height:               21px;
  width:                45px;
  padding:              4px 0px 0px 8px;
  margin:               0px 0px 0px 8px;
}

/*------------------------ SEARCH BOX ----------------------*/

div.searchBox {
  height:               35px;
  width:                238px;
  float:                right;
  padding:              7px 0px 0px 0px;
  margin:               0px 10px 0px 0px;
}

div.searchBox input {
  background:           url(../images/bgSearch.jpg) no-repeat;
  border:               none;
  height:               22px;
  width:                185px;
  float:                left;
  color:                #556a75;
  font-size:            11px;
  padding:              0px 0px 0px 10px;
  float:                left;
  font-family:          Verdana;
  font-size:            12px;
}

div.searchBox input.btnSearch {
  height:               22px;
  width:                42px;
  background:           url(../images/spriteButtons.jpg) no-repeat -68px -22px;
  text-indent:          -5000px;
  padding:              0px;
  border:               none;
  float:                right;
  
  font-size:            0px;
  display:              block;
  line-height:          0px;
}

/*----------------- HORIZONTAL NAVIGATION -----------------*/

div.navBar {
  overflow:             hidden;
  border:               solid 1px #5a707b;
  margin-bottom:        0px;
  height:               35px;
  width:                956px;
  background:           url(../images/bgNav.jpg) repeat-x;
  float:                left;
  clear:                both;
}

ul.siteNav {
  margin:               1px 0px 0px 0px;
  height:               35px;
  width:                550px;
  display:              block;
  float:                left;
}

ul.siteNav li {
  float:                left;
  height:               35px;
  background:           url(../images/bgNavDivider.jpg) no-repeat top right;
}

ul.siteNav li a {
  text-decoration:      none;
  text-transform:       uppercase;
  font-family:          Century Gothic;
  font-weight:          bold;
  font-size:            14px;
  display:              block;
  color:                #fff;
  position:             relative;
  padding:              8px 15px 10px 15px;
  text-shadow:          0px 1px 0px #000;
  filter:               dropshadow(color=#e5e5ee,offX=0,offY=1);
}

ul.siteNav li a:hover {
  background:           url(../images/bgNavLink.jpg) no-repeat top center;
}


/*----------------------- CONTENT AREA ---------------------*/

div.mainContent {
  padding:              20px 10px 0px 10px;
  background:           url('../images/bgContent.jpg') #f7f6f3 no-repeat;
}

/*----------------------- ROTATER BOX ---------------------*/

div.rotaterBox {
  height:               237px;
  clear:                both;
  position:             relative;
  background:           white;
}

div.rotaterBox div {
  height:               237px;
  position:             absolute;
  top:                  0px;
  left:                 0px;
  width:                958px;
  display:              none;
}
    /*----------------------- SLIDE BUTTONS ---------------------*/
    
    div.rotaterBox div.rotaterButtons {
      position:           absolute;
      top:                210px;
      left:               20px;
      height:             25px;
      width:              130px;
      display:            block;
    }
    
    div.rotaterBox div.rotaterButtons a {
      display:            block;
      float:              left;
      height:             19px;
      width:              16px;
      background:         #c0c0c0;
      text-decoration:    none;
      font-family:        Century Gothic;
      font-size:          14px;
      font-weight:        bold;
      color:              #7f7f7f;
      margin-right:       3px;
      padding:            3px 0px 0px 8px;
    }
    
    div.rotaterBox div.rotaterButtons a.current,
    div.rotaterBox div.rotaterButtons a:hover {
      background:         #e4801c;
      color:              White;
    }
    
    /*----------------------- SLIDE 1 ---------------------*/

    div.rotaterBox div.slide1 {
      display:            block;
    }
    
    
    div.rotaterBox div.slide1,
    div.rotaterBox div.slide3 {
      background:           url('../images/tempslide1.jpg') #f7f6f3 no-repeat;
    }
    
    div.rotaterBox div.slide2,
    div.rotaterBox div.slide4 {
      background:           url('../images/tempslide2.jpg') #f7f6f3 no-repeat;
    }
    
		a.lnkLearnMore {
			position:							absolute;
			height:								44px;
			width:								296px;
			text-indent:					-5000px;
		}

		a.lnkLearnMore.slide1 {
			top:									165px;
			left:									138px;
		}

		a.lnkLearnMore.slide2 {
			top:									170px;
			left:									350px;
		}

/*----------------------- SERVICES BOX ---------------------*/

div.services {
  clear:                both;
  width:                940px;
  height:               180px;
}

div.services div {
  float:                left;
  height:               85px;
  width:                306px;
  background:           url('../images/bgServices.jpg') #f7f6f3 no-repeat;
  margin-right:         9px;
  position:             relative;
}

div.services div.noMargin {
  margin:               0px;
}

div.services div h3 {
  font-family:          Century Gothic, Arial;
  font-size:            16px;
  font-weight:          bold;
  color:                #5a707b;
  margin:               8px 0px 5px 0px;
}

div.services div img {
  float:                left;
  margin:               14px 13px 20px 10px;
}

div.services div img.smallMargin {
  margin:               14px 10px 20px 8px;
}

div.services div span {
  display:              block;
  line-height:          20px;
  width:                295px;
}

div.services div a {
  display:              block;
  position:             absolute;
  height:               115px;
  width:                306px;
  text-indent:          -5000px;
}

/*----------------------- FEATURED WORK---------------------*/

div.featuredWork {
  overflow:             auto;
  clear:                both;
  margin:               0px 0px 15px 8px;
  width:                930px;
  float:                left;
}

div.featuredWork div {
  width:                301px;
  height:               190px;
  float:                left;
  margin-right:         10px;
  background:           url('../images/bgFeaturedWork.jpg') #f7f6f3 no-repeat top center;
  text-align:           center;
}

div.featuredWork div.noMargin {
  margin:               0;
}

div.featuredWork div img {
  margin:               10px auto 0px auto;
}

/*----------------------- LATEST NEWS ----------------------*/

div.latestNews {
  width:                900px;
  height:               150px;
  margin-top:           30px;
  float:                left;
  clear:                both;
}

div.latestNews div {
  float:                left;
  margin-left:          35px;
  width:                255px;
  height:               150px;
  text-align:           justify;
}

div.latestNews div h3 {
  background:           url('../images/iconNews.jpg') no-repeat top left;
  padding:              2px 0px 0px 20px;
  height:               15px;
}

div.latestNews div span.date {
  color:                #f1a22b;
  display:              block;
  float:                left;
}

div.latestNews div a.lnkReadMore {
  display:              block;
  float:                right;
  background:           url('../images/iconReadMore.jpg') no-repeat right 3px;
  padding-right:        12px;
}

/*------------------------ TESTIMONIALS --------------------*/

div.testimonials {
  background:           url('../images/bgTestimonial.png') no-repeat right 3px;
  width:                255px;
  height:               200px;
  float:                right;
  margin:               0px 30px 0px 0px;
  font-family:          Georgia,Times New Roman;
  font-style:           italic;
  font-size:            12px;
}

div.testimonials span.blurb {
  display:            block;
  height:             120px;
  width:              225px;
  margin:             22px 0px 0px 15px;
  line-height:        20px;
  text-align:         justify;
  color:              #5a707b;
}

div.testimonials span.speaker {
  font-weight:        bold;
  font-style:         normal;
  display:            block;
  float:              right;
  margin-top:         10px;
  color:              #f1a22b;
}

/*------------------------ HOME FOOTER ---------------------*/

div.homeFooter {
  width:              958px;
  margin:             0px 0px 0px -10px;
  clear:              both;
  height:             157px;
  background:         url('../images/bgHomeFooter.jpg') #fff repeat-x;
  border:             solid 1px #5d9dc1;
  border-top:         none;
}

div.homeFooter div {
  float:              left;
  padding:            25px;
  height:             107px;
  background:         url('../images/bgHomeFooterDivider.jpg') no-repeat right top;
}

div.homeFooter div p {
  line-height: 15px;
}

div.homeFooter div h3 {
  font-family:        Century Gothic, Arial;
  font-weight:        bold;
  font-size:          16px;
  color:              #f1a22b;
  margin-bottom:      15px;
  text-shadow:        0px 1px 0px #fff;
}

      /*------------------------ PLACEHOLDER ---------------------*/
      
      div.homeFooter div.placeholder {
        width:              162px;
      }
      
      div.homeFooter div.placeholder input {
        height:               22px;
        width:                102px;
        background:           url(../images/spriteButtons.jpg) no-repeat 0px 0px;
        text-indent:          -5000px;
        float:                left;
        margin:               0;
        padding:              0;
        border:               none;
        
        font-size:            0px;
        display:              block;
        line-height:          0px;
      }
      
      /*------------------------ CONTACT BOX ---------------------*/
      
      div.homeFooter div.contact {
        width:              150px;
      }
      
      div.homeFooter div.contact dl {
        margin:             5px 0px 0px 0px;
      }
      
      div.homeFooter div.contact dl dt {
        margin:             0px 8px 9px 0px;
        padding:            0px 0px 0px 5px;
        float:              left;
        display:            block;
        background:         url('../images/spriteContact.png') no-repeat;
        height:             16px;
        width:              16px;
        text-indent:        -5000px;
      }
      
      div.homeFooter div.contact dl dt.email {
        background-position: 0px 0px;
      }
      div.homeFooter div.contact dl dt.phone {
        background-position: 0px -16px;
      }
      div.homeFooter div.contact dl dt.address {
        background-position: 0px -34px;
      }
      
      div.homeFooter div.contact dl dd {
        margin:             0;
        padding:            0;
        float:              left;
        display:            block;
        height:             25px;
        width:              120px;
      }
      
      /*----------------------- CLIENT LOGIN ---------------------*/
      
      div.homeFooter div.clientLogin {
        width:              275px;
      }
      
      div.homeFooter div.clientLogin img {
        float:              left;
        margin:             0px 10px 0px -10px;
      }
      
      div.homeFooter div.clientLogin input {
        width:              188px;
        height:             19px;
        border:             solid 1px #d2d2d2;
        background:         #f1f1f1;
        margin-bottom:      8px;
        font-family:        Verdana;
        font-size:          11px;
        padding-left:       10px;
      }
      
      div.homeFooter div.clientLogin input.btnLogin {
        margin:             0px 5px 0px 0px;
        float:              right;
      }
            
      /*------------------------- FOLLOW US ----------------------*/
      
      div.homeFooter div.followUs {
        width:              160px;
        background:         none;
      }
      
      div.homeFooter div.followUs ul {
        margin:             0;
        padding:            0;
      }
      
      div.homeFooter div.followUs ul li {
        display:            block;
        float:              left;
        margin-right:       8px;
      }
      
      div.homeFooter div.followUs ul li a {
        display:            block;
        height:             32px;
        width:              32px;
        background:         url('../images/spriteFollow.png') no-repeat;
        text-indent:        -5000px;
      }
      div.homeFooter div.followUs ul li.facebook a { background-position: 0px 0px; }
      div.homeFooter div.followUs ul li.twitter a { background-position: -39px 0px; }
      div.homeFooter div.followUs ul li.linkedin a { background-position: -78px 0px; }
      div.homeFooter div.followUs ul li.rss a { background-position: -116px 0px; }
      
      
/*------------------------ FOOTER AREA ---------------------*/

div.footer {
  padding:              10px 0px 30px 10px;
  background:           url('../images/bgFooter.png') no-repeat 0px -20px;
  width:                958px;
  margin:               0px auto;
  height:               50px;
}

div.footer ul {
  margin:               40px 0px 0px 11px;
  padding:              0;
  color:                white;
  width:                555px;
  display:              block;
  float:                left;
}

div.footer ul li {
  display:              block;
  float:                left;
}

div.footer ul li a {
  display:              block;
  float:                left;
  color:                white;
  text-decoration:      none;
  font-family:          Tahoma, Arial;
  font-size:            11px;
  margin:               0px 8px 0px 8px;
}

div.footer ul li a:hover {
  text-decoration:      underline;
}

div.footer ul li.noMargin {
  margin:               0px 0px 0px 8px;
}

div.footer div.watermark {
  float:                right;
  width:                355px;
  text-align:           right;
  color:                White;
  height:               36px;
  margin:               0px 18px 0px 0px;
  padding-top:          10px;
}


/*SPLASH PAGE*/

  div.rotaterBox.splash {
    height:               272px;
  }
  
  div.rotaterBox div.splashSlide {
    background:           url('../images/splashBanner.jpg') #f7f6f3 no-repeat;
    display:              block;
    height:               272px;
  }