@charset "utf-8";
/* CSS Document */

body{
  background:#e4e0cb url('/img/site/bg.png') repeat-x;}
a{
  color:#800;
  text-decoration:none;}
a:hover{
  text-decoration:underline;}
#content{
  background:#fff;
  padding-bottom:30px;}
#content-wrapper{
  margin:auto;
  width:970px;
  background:url('/img/site/content-bg.png') repeat-y center; }
#footer-wrapper{
  margin:auto;
  width:980px;
  background:url('/img/site/footer-bg.png') no-repeat top center;}
h1{
  text-transform: uppercase;
  line-height:1em;
  font-size:4em;
  margin:0 0 30px;
  color:#002c59;}
h3{
  font-size:19px;}


/* HEADER */
#header{
  background:url('/img/site/menu-bg.png') no-repeat bottom right;
  height:149px;}
.logo h2{
  background:url('/img/site/rto-logo.png') no-repeat;
  padding-top:98px;
  height:0;
  overflow:hidden;
  width:216px;
  margin:25px 0 0 40px;}
.phone{
  margin-top:15px;
  font-size:1.8em;
  font-weight:bold;
  color:#4a4a4a;
  text-align:right;}
.contactus{
  text-align:right;}
.contactus a{
  padding-right:26px;
  background:url('/img/site/email.png') no-repeat right;
  font-size:1.15em;}
.menu{
  margin-left:5px;
  top:67px;
  position:absolute;
  text-align:right;
  margin-top:44px;
  height:37px;
  line-height:37px;}
.menu li{
  font-size:13px;
  list-style:none;
  margin:0 12px;
  float:left;}
.menu li a {
  padding:0 5px;
  color:#fff;
  font-weight:bold;
  font-size:1.3em;
  }
  
/* FOOTER */
#footer{
  font-family:'lucida sans unicode';
  text-align:center;
  font-size:.9em;
  color:#777;
  margin:20px 0 60px;}
#footer a{
  color:#866;
  font-size:.9em;}
#footer a:hover{
  color:inherit;}

/* FRONT */
.front-banner{
  text-align:center;
  height:286px;}
.front-banner .grid_8 p{
  font-weight:bold;
  font-size:1.35em;
  margin:80px 0 0 ;
  color:#00478f;}
.front-banner h1{
  line-height:1em;
  font-size:4.12em;
  margin:0 0 30px;
  color:#002c59;}
.front-banner .secure{
  background:#ccc;
  margin:auto;
  width:362px;
  height:50px;
  overflow:auto;
  text-align:left;
  background:#aee;
  background:url('/img/site/secure-logos.png') no-repeat;}
.front-banner .secure b{
  color:#c57d00;
  font-size:.9em;
  display:block;
  margin:20px 0 0 47px}
.front-banner .grid_4{
  height:286px;
  background:url('/img/site/screen.png') no-repeat;
  margin-top:-7px;}
.front-sections{
  height:262px;
  background:url('/img/site/sections-bg.png') 10px 0 no-repeat;}
.front-sections h2{
  color:#fff;
  text-align:center;
  text-transform: uppercase;
  margin:0 0 12px;}
.front-sections .grid_4{
  margin-top:15px;}
.front-sections li{
  height:38px;
  font-size:1.3em;
  font-weight:bold;
  list-style:none;
  margin:0 0 0 55px;
  padding:0;}
.front-sections li a{
  color:#fff;
  text-decoration:none;}
.front-sections li a:hover{
  color:#eee;
  text-decoration:underline;}
.front-quotes .grid_6 p{
  font-size:1.15em;
  font-style:italic;
  text-align:center;
  padding:0 20px ;
  font-family:Georgia;
  color:#0a2846; }
.front-quotes .grid_6 p b{
  font-family:sans-serif;
  font-style:normal;
  font-size:.75em;}
.front-clients .grid_12 a{  
  font-size:.9em;
  display:block;
  height:90px;
  background:url('/img/site/client-logos.png') 0 25px no-repeat;}

/* PAGE ALL */
.title{
  text-align:center;
  margin:50px 0 30px;}

/* TECHNOLOGY */
.page-technology .intro{
  margin:0 0 20px;}
.page-technology .intro .grid_8{
  height:190px;
  background:#0C3258;}
.page-technology .intro .grid_8 .content{
  background:#0C3258;
  padding:25px;
  color:#fff;
  font-size:1.2em;}
.page-technology .intro .grid_8 h2{
  color:#ccc;}
.page-technology .columns .grid_4 .content{
  background:#f0f0f0;
  padding:10px;
  height:420px;}

/* MARKETING */
.page-marketing .intro{
  margin:0 0 20px;}
.page-marketing .intro .grid_8{
  background:#655826;
  height:190px;}
.page-marketing .intro .grid_8 .content{
  font-size:1.2em;
  color:#fff;
  padding:25px;}
.page-marketing .intro .grid_8 h2{
  color:#ccc;}
.page-marketing .columns .grid_4 .content{
  background:#f0f0f0;
  padding:10px;
  height:410px;}

/* MOBILE */
.page-mobile .intro{
  margin:0 0 20px;}
.page-mobile .intro .grid_8{
  background:#1d868c;
  height:190px;}
.page-mobile .intro .grid_8 .content{
  font-size:1.2em;
  color:#fff;
  padding:25px;}
.page-mobile .intro .grid_8 h2{
  color:#ccc;}
.page-mobile .columns .grid_4 .content{
  background:#f0f0f0;
  padding:10px;
  height:410px;}

/* SERVICES */
.page-services .intro{
  margin:0 0 20px;}
.page-services .intro .grid_8{
  background:#2C3C1A;
  height:240px;}
.page-services .intro .grid_8 .content{
  font-size:1.2em;
  color:#fff;
  padding:25px 25px 0;}
.page-services .intro .grid_8 h2{
  color:#ccc;}
.page-services .columns .grid_4 .content{
  background:#f0f0f0;
  padding:10px;
  height:450px;}

/* ABOUT US*/
.page-aboutus .intro{
  margin:0 0 20px;}
.page-aboutus .intro .grid_7{
  background:#800;
  height:280px;}
.page-aboutus .intro .grid_7 .content{
  font-size:1.2em;
  color:#fff;
  padding:25px;}
.page-aboutus .intro .grid_5{
  background:#ccc;
  height:280px;}
.page-aboutus .intro .grid_5 p{
  font-size:.8em;
  padding:0;
  margin:5px;}
.page-aboutus .intro .grid_5 table{
  padding:0;
  margin:20px auto 0;}
.page-aboutus .intro .grid_5 img{
  width:160px}
.page-aboutus .intro .grid_5 .jason{
  margin-right:20px;}
.page-aboutus .columns .grid_4 .content{
  background:#f0f0f0;
  padding:10px;
  height:550px;}

/* CLIENTS */
.page-clients .quotes{}
.page-clients .quotes .content{
  padding:5px 15px;
  color:#444;}
.page-clients .quotes .content em{
  font-family:Georgia;
  font-size:1.2em;
  color:#002C59;}
.page-clients .logos{
  background:#BED4EC;}
.page-clients .logos .content{
  padding:20px;}
.page-clients .logos img{
  width:100px;
  height:100px;
  padding:15px 20px;}


/* CONTACT */
.page-contactus .contact{
  background:#BED4EC;
  height:330px;}
.page-contactus .contact .content{
  padding:25px;}
.page-contactus .contact table{
  margin:0;}
.page-contactus .contact td{
  padding:3px;
  vertical-align:top;}
.page-contactus .contact input,
.page-contactus .contact textarea{
  padding:2px;
  border:1px solid #aaa;}
.page-contactus .grid_3 img{
  width:210px;}
.page-contactus .address{
  font-size:1.2em;
  font-family:Georgia;
  background:#E7DCD6;
  height:330px;}
.page-contactus .address .content{
  padding:15px;}


/* NEWS */
.page-news .post .content{
  padding:20px 25px;
  background:#f6f6f6;}
.page-news .post .content h2{
  font-size:2em;
  color:#325832;}