body  {
  color:#484848;
  font-family:ariel, helvetica, sans-serif;  
  font-size:12px;
  line-height:1.4em;
  margin:0;
}


/* IE */
#rt-drawer-2 a, #rt-drawer-2 img,
.blogourclientsmenu a, .blogourclientsmenu img  {
   border:none;
   outline:none;
}


   

#page-wraper  {
   clear:both;
}
#rt-footer  {
   clear:both;
}

h1, h2, h3, h4 {
  font-family:ariel, helvetica, sans-serif;
  color:#b30044;
  line-height:1.7em;
  font-weight:400;
}

h1 {
    font-size: 240%;
    margin:0;
}
h2 {
    font-size: 175%;
}
h3 {
    font-size: 150%;
}
h4 {
    font-size: 120%;
}
h5 {
    font-size: 120%;
}


p {
  display:block;
  margin:0;
  padding:0 0 2px 0;
}

/* Top of page */

div#rt-drawer-2  {

}

div#rt-drawer-2 .rt-container  {
  width:960px;
  margin:0 auto;
}

#rt-drawer-2 .taglines  {
   width:22%;
   float:left;
   padding-top:20px;
   font-size:14px;
   font-style:italic;
}

#rt-drawer-2 .taglines p {
  padding-left:15px;
}

#rt-drawer-2 .splashimage  {
   width:44%;
   float:left;
}
#rt-drawer-2 .splashimage p {
  text-align:center;
}

#rt-drawer-2 .splashimage img {
  width:60%;
}


#rt-drawer-2 .enquiries  {
   width:34%;
   float:left;
   font-size: 18px;
   letter-spacing: 0.1em;   
   text-align:center;
   padding-top:20px;
   color:#000;
}

#rt-drawer-2 .enquiries strong {
   color:#b30044;
}

#rt-drawer-2 .enquiries span {
   display:block;
   margin-top:0.6em;
}   


/* Screen 600 OR LESS */
@media only screen and (max-width:600px) {
#rt-drawer-2 .taglines  {
  display:none;
}

#rt-drawer-2 .splashimage  {
   width:100%;
   float:none;
}
#rt-drawer-2 .splashimage img {
  width:70%;
}


#rt-drawer-2 .enquiries  {
   width:100%;
   float:none;
   padding-top:0;
}



} /* end 600 or less */


/* MENU */
div#rt-menu .rt-container  {
  width:960px;
  margin:0 auto;
}

ul.responsiveMenuTheme1 li  {
   text-align:center;
}
   

/* Screen 960px OR LESS */
@media only screen and (max-width:960px) {
div#rt-menu .rt-container  {
  width:100%;
}

}

/* Screen 880px OR LESS */
@media only screen and (max-width:880px) {
#rt-menu ul  {
   font-size:12px;
}
}


/* Screen 500px OR MORE  NOT NEEDED
@media only screen and (min-width:500px) {
.responsiveMenuTheme1 span.opener {
   background-image:none!important;
}
}
*/




/* Screen 516 OR LESS */
@media only screen and (max-width:516px) {

#rt-menu ul  {
   font-size:16px;
}

ul.responsiveMenuTheme1 li  {
   text-align:left;
   padding-left:20px;
}

.responsiveMenuTheme1 span.linker {
    padding-top:8px!important;
    padding-bottom:8px!important;
}

.responsiveMenuTheme1 ul span.linker {
   padding-left:20px;
}

.responsiveMenuTheme1 span.opener {
  background-image:url(../images/down-bg.png);
  background-repeat:no-repeat;
  background-position:11px center;

}


}


/* Sidebar-a - news & events */

.rt-grid-4 #rt-sidebar-a  {
   font-size:11px;
}



.rt-grid-4 #rt-sidebar-a h2 {
    font-size: 158%;
    font-weight: bold;
    margin-top: 40px;
}

.homenews .f2cnews h3 {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 13px;
}

.homenews a {
    font-size: 8.4pt;
    font-weight: bold;
    text-decoration:none;
}

.homenews a:hover {
   text-decoration:underline;
}

 
.homenews hr {
    margin-bottom: 15px;
    margin-top: 25px;
}

.customhomenews  {
   margin-bottom:20px;
}


/* Screen 500 OR LESS */
@media only screen and (max-width:500px) {
.rt-grid-4 #rt-sidebar-a h2 {
    margin-top: 0;
}

}

/* News page */

.f2cnews .f2cdate {
    font-size: 8.5pt;
    font-weight: bold;
    margin-top: 5px;
}

.rt-grid-12 .items-row .f2cnews {
    border-bottom:#989898 1px solid;
    margin-bottom:4px;
    padding-bottom:5px;
}

/* DOES NOT DO ANYTHING?
@media only screen and (min-width:959px) {
div#rt-menu .rt-container  {
  width:960px;
  margin:0 auto;
}
}
*/


  

/* Slideshow */
#rt-top  {
   overflow:hidden;
   border-top:4px #b30044 solid;
   border-bottom:4px #b30044 solid;
   padding-bottom:0;
}

#rt-top .rt-container  {
  width:960px;
  margin:0 auto;
  //background:#eeee00;
}


#rt-top .widecentered {
    left: -520px;
    position: relative;
    width: 2000px;
}
/* Image in place of slideshow */

#rt-top .imagetop {
    left: -520px;
    position: relative;
    width: 2000px;
}



/* Screen 960px OR LESS */
@media only screen and (max-width : 960px) {
div#rt-top .rt-container {
   //width: 100%;
   //overflow:hidden;
}

#rt-top .widecentered {
}

#rt-top .box_clone  {
}
#rt-top .image img  {
}


.box_skitter .container_skitter {
   //height:50%!important;
}


}


/* Screen 960px OR LESS */
@media only screen and (max-width : 960px) {
div#rt-drawer-2 .rt-container  {
   width: 100%;
}
}

/* HOME - 4 features */

div#rt-utility  {
   border-bottom:#b30044 2px solid;
   background:url("../images/topgradient.png") repeat-y center;
   background-size:contain;
   padding-top:20px;
   padding-bottom:20px;
}

div#rt-utility .rt-container  {
  width:960px;
  margin:0 auto;

}

div#rt-utility .items-row  {
   width:25%;
   float:left;
}

div#rt-utility .items-row .column-1  {
   margin:16px;
}




/* Screen 960 OR LESS */
@media only screen and (max-width:960px) {

div#rt-utility {
   background:none;
   padding:0;
}

div#rt-utility .rt-container  {
   width: 100%;
   background:url("../images/topgradient.png") repeat-y center;
   background-size:contain;
}

}

/* Screen 600 OR LESS */
@media only screen and (max-width:600px) {

div#rt-utility .items-row  {
   width:50%;
}
div#rt-utility .blogourclientsmenu img  {
   display:none;
}
div#rt-utility .items-row .column-1  {
   margin:0 16px 0 16px;
}


} 
// End 600 or less

div#rt-main  {
   border-bottom:#b30044 2px solid;
}

div#rt-main .rt-container  {
  width:960px;
  margin:0 auto;
  //background:#8888ee;
}

#rt-main .rt-grid-8  {
   width:75%;
   float:left;
}

#rt-main .rt-grid-4  {
   width:25%;
   float:left;
   font-size:13px;
}

#rt-main .rt-grid-8 .rt-block {
   margin:20px;
}

#rt-main .rt-grid-12 .rt-block  {
   margin:20px;
}




/* Screen 960px OR LESS */
@media only screen and (max-width : 960px) {
div#rt-main .rt-container  {
   width: 100%;
}
#rt-main .rt-grid-8  {
   width:100%;
   float:none;
}

#rt-main .rt-grid-8 .rt-block {
   margin:20px;
}

#rt-main .rt-grid-12 .rt-block {
   margin:20px;
}


#rt-main .rt-grid-4  {
   width:100%;
   float:none;
}

#rt-main .rt-grid-4 .rt-block {
   margin:20px;
}
}


.blogourclientsmenu {
   overflow:hidden;
   background:url("../images/topgradient2.png") repeat-y center;
   background-size:contain;
   //margin-top:20px;
   //margin-bottom:20px;
   font-size:11px;
   font-family:ariel, helvetica, sans-serif;
 
}

.blogourclientsmenu p.thelink {
   font-size:12px;
   font-weight:bold;
   margin-top:5px;
}


.blogourclientsmenu h3 {
   font-size: 14pt;
   margin-bottom: 0;
   letter-spacing: -1px;
   line-height:1.2em;
   font-weight:bold;
   color:#808080;
}

.blogourclientsmenu h4 {
   font-size: 17pt;
   margin-bottom: 2px;
   margin-top: 0;
   letter-spacing: -1px;
   line-height:1.2em;
   font-weight:bold;
   color:#808080;
}

.blogourclientsmenu a  {
   text-decoration:none;
   color:#000;
}

.blogourclientsmenu a:hover  {
   color:#b30044;
}


/* FOOTER */
div#rt-footer  {
   overflow:hidden;
   border-bottom:#b30044 8px solid;
   border-top:#b30044 1px solid;
   font-size:11px;
   color:#484848;
   padding-top:14px;
   padding-bottom:18px;
   background:url("../images/topgradient.png") repeat-y center;
   background-size:contain;

}
div#rt-footer a {
   color:#484848;
}

div#rt-footer .rt-container  {
  width:960px;
  margin:0 auto;
}

/* Need to be custom sizes 
div#rt-footer .items-row  {
   float:left;
   width:16%;
   height:auto;
}
*/

div#rt-footer .row-0  {
   float:left;
   width:16%;
}
div#rt-footer .row-1  {
   float:left;
   width:20%;
}
div#rt-footer .row-2  {
   float:left;
   width:12%;
}
div#rt-footer .row-3  {
   float:left;
   width:16%;
}
div#rt-footer .row-4  {
   float:left;
   width:16%;
}
div#rt-footer .row-5  {
   float:left;
   width:12%;
}

div#rt-footer .row-0 img {
   //width:75%;
}


div#rt-footer .items-row .column-1  {
   margin:2px;

}


/* Screen 960px OR LESS */
@media only screen and (max-width : 960px) {
div#rt-footer .rt-container  {
   width: 100%;
}
div#rt-footer .rt-container .rt-block  {
   padding-left:20px;
}

div#rt-footer .row-0 img {
   width:75%;
}

/*
div#rt-footer .items-row  {
   width:20%;
}
*/

}

/* Screen 400 OR LESS  -- now changed to 500 or less*/
@media only screen and (max-width:500px) {
div#rt-footer .rt-container  {
   width: 100%;
}


/*
div#rt-footer .items-row  {
   width:50%;
}
*/

div#rt-footer .row-0  {
   float:left;
   width:44%;
}
div#rt-footer .row-1  {
   float:left;
   width:55%;
}
div#rt-footer .row-2  {
   float:left;
   width:44%;
}
div#rt-footer .row-3  {
   float:left;
   width:55%;
}
div#rt-footer .row-4  {
   float:left;
   width:33%;
}
div#rt-footer .row-5  {
   float:left;
   width:100%;
}



}




/* Screen 600 OR LESS */
@media only screen and (max-width:600px) {
.blogsoutclientsmenu .items-row  {
   float:left;
   width:50%;
}

.blogourclientsmenu {
   overflow:hidden;
   background:url("../images/topgradient3.png") repeat-y center;
   background-size:contain;
}

}


/* COVERED IN GENERAL SETTING FURTHER DOWN
body.menu-roleys-menu .forclients .leftcol  {
   width:20%;
   float:left;
}

body.menu-roleys-menu .forclients .centre1  {
   width:55%;
   float:left;
}

body.menu-roleys-menu .forclients .rightcol  {
   width:25%;
   float:left;
}

body.menu-roleys-menu .forclients .rightcol img {
   //width:95%;
}

/* Screen 640px OR LESS 
@media only screen and (max-width : 640px) {
body.menu-roleys-menu .forclients .leftcol  {
   width:30%;
   float:left;
}

body.menu-roleys-menu .forclients .centre1  {
   width:70%;
   float:left;
}


body.menu-roleys-menu .forclients .rightcol  {
   clear:both;
   width:100%;
   max-height:300px;
   overflow:hidden;
}

body.menu-roleys-menu .forclients .rightcol img {
   display:block;
   float:left;
}

}

*/






/* Article for clients */

.forclients  {
   overflow:hidden;
   padding-right:60px;
}

.forclients p  {
   margin-bottom:10px;
}


.forclients .ny .centrepart  {
   width:80%;
   float:left;
}

.forclients .ny .centrepart .contents {
   padding-right:20px;
}


.forclients .ny .rightpart  {
   width:20%;
   float:left;
   padding-top:20px;
}   


.forclients .yy .leftpart  {
   width:15%;
   float:left;
}   

.forclients .yy .centrepart  {
   width:65%;
   float:left;
}

.forclients .yy .rightpart  {
   width:20%;
   float:left;
}   

.forclients .yn .leftpart  {
   width:18%;
   float:left;
}

.forclients .yn .centrepart  {
   width:82%;
   float:left;
}

.forclients  {
   overflow:hidden;
   padding-right:60px;
}

/* Article for clients 960 or less */
@media only screen and (max-width:960px) {
.forclients  {
  padding-right:0;
  //margin-left:20px;
  //margin-right:20px;
}
}


/* Article for clients 500 or less */
@media only screen and (max-width:500px) {
.forclients  {
   //padding-right:0;
}

div#rt-main .rt-container  {
   width: 100%;
}

.forclients .ny .centrepart  {
   width:100%;
   float:none;
}
.forclients .ny .centrepart .contents {
   padding-right:0;
}

.forclients .ny .rightpart  {
   width:100%;
   float:none;
}   


.forclients .yy .leftpart  {
   width:100%;
   float:none;
}   

.forclients .yy .centrepart  {
   width:100%;
   float:none;
}

.forclients .yy .rightpart  {
   width:100%;
   float:none;
}   
.forclients .yn .leftpart  {
   width:100%;
   float:none;
}

.forclients .yn .centrepart  {
   width:100%;
   float:none;
}


}
/* End article for clients 500 or less */


/* IMAGES ON LEFT SIDE */
/* Images on left side at more than 500 */
@media only screen and (min-width:501px) {

.imghold  {
   display:table;
   width:150px;
   //height:150px;
   overflow:hidden;
   float:left;
   background:#d0d8d0;
   border:#333 1px solid;
   margin:3px;
}

.imgholdi {
  display:table-cell;
  vertical-align:middle;
  width:150px;
  overflow:hidden;
  //height:150px;
  
  
}

.imgholdi a  {
  width:150px;
  overflow:hidden;
}


.imgholdi a img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   vertical-align:middle;
   width:100%;
   overflow:hidden;
}
}

/* Images on left side at 500 or less */
@media only screen and (max-width:500px) {

.imghold  {
   display:table;
   //width:150px;
   height:150px;
   overflow:hidden;
   float:left;
   background:#d0d8d0;
   border:#333 1px solid;
   margin:3px;
}

.imgholdi {
  display:table-cell;
  vertical-align:middle;
  //width:150px;
  overflow:hidden;
  height:150px;
  
  
}

.imgholdi a  {
  //width:150px;
  overflow:hidden;
}


.imgholdi a img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   vertical-align:middle;
   //width:100%;
   height:100%;
   overflow:hidden;
}



}



/* Screen 500 OR LESS    - no good - this expands the THUMBNAIL which then
   appears blurry
@media only screen and (max-width:500px) {

.rightpart .contents  {
   width:100%;
}

.imghold  {
   width:100%
   height:auto;
   overflow:hidden;
   float:none;
   background:#ee0000;
   border:#333 1px solid;
   margin:3px;
}

.imgholdi {
  width:100%;
}


.imgholdi a img {
   width:100%;   
}


}

*/


/* NEWS ITEMS */

.rt-pagination {
   clear:both;
}

.items-more  {
   display:none;
}
.component-content .rt-pagination ul {
    list-style-type: none;
    overflow:hidden;
    padding-left:0;
    //xxtext-align: left;
   
}

.rt-blog .rt-pagination li.pagination-start, .rt-blog .rt-pagination li.pagination-end {
    display: none;
}

.rt-blog .rt-pagination li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #eeeeee;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #aaa;
    display: block;
    float: left;
    font-weight: bold;
    height: 18px;
    line-height: 20px;
    margin-right: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.rt-pagination .rt-results {
    font-weight: bold;
    margin-top: 18px;
}


/* GALLERY */


body.menu-gallery .rt-blog .items-row  {
   width:25%;
   float:left;
}

body.menu-gallery .rt-blog .items-row .item {
   padding-left:4px;
   padding-right:4px;
}


body.menu-gallery .rt-blog .items-row a {
   display:block;
   width:215px;
   height:150px;
   text-decoration:none;
}

/* Screen 500 OR LESS */
@media only screen and (max-width:500px) {
body.menu-gallery .rt-blog .items-row  {
   width:50%;
   float:left;
}

body.menu-gallery .rt-blog .items-row .item {
   padding-left:4px;
   padding-right:4px;
}


body.menu-gallery .rt-blog .items-row a {
   display:block;
   width:110px;
   height:80px;
}


}   


/* CONTACT US */

body.menu-contactus #rt-mainbottom .rt-container  {
   width:960px;
   overflow:hidden;
   margin:0 auto;
}


body.menu-contactus #rt-mainbottom .rt-alpha  {
   width:28%;
   float:left;
}

body.menu-contactus #rt-mainbottom .rt-alpha .contactus {
   padding-right:40px;
}


body.menu-contactus #rt-mainbottom .rt-omega  {
   width:72%;
   float:left;
}


body.menu-contactus #rt-mainbottom h3, body.menu-contactus #rt-mainbottom h2 {
   font-size: 200%;
   font-weight:bold;
   margin:0;
}

body.menu-contactus #rt-mainbottom .rt-omega .customcontactus  {
   width:100%;
}   


/* Screen 960 OR LESS */
@media only screen and (max-width:960px) {
body.menu-contactus #rt-mainbottom .rt-container  {
  width:100%;
}

body.menu-contactus #rt-mainbottom .rt-alpha  {
   width:100%;
   float:none;
}
body.menu-contactus #rt-mainbottom .rt-alpha .contactus {
   padding-left:20px;
}
body.menu-contactus #rt-mainbottom .rt-omega  {
   width:100%;
   float:none;
}
body.menu-contactus #rt-mainbottom .rt-omega .contactus {
   padding-left:20px;
}

body.menu-contactus #rt-mainbottom .rt-omega > .module-outline-1 {
   padding-left:20px;
}

xxbody.menu-contactus #rt-mainbottom .rt-omega > .module-outline-1 {
   padding-left:0;
}


}

/* Screen 500 OR LESS */
@media only screen and (max-width:500px) {
body.menu-contactus #rt-mainbottom .rt-alpha  {
   width:100%;
   float:none;
}
body.menu-contactus #rt-mainbottom .rt-alpha .contactus {
   padding-right:0;
}

body.menu-contactus #rt-mainbottom .rt-omega  {
   width:100%;
   float:none;
}


}

/*
body.menu-gallery .rt-blog .item  {
   width:75%;
}

body.menu-gallery  .gallery  {
   overflow:hidden;
   width:100%;
}

body.menu-gallery span.gallimage  {
   float:left;
   width:215px;
   height:150px;
   

}

body.menu-gallery span.galltitle  {
   float:left;
   width:215px;
}




body.menu-gallery  #rt-main .gallery  {
   overflow:hidden;
}

body.menu-gallery  #rt-main .items-row .item {
   width:25%;
   float:left;
}

/* Screen 500 OR LESS 
@media only screen and (max-width:500px) {
body.menu-gallery  #rt-main .items-row .item {
   width:100%;
   float:none;
   text-align:none;
}


}

*/

/* General */
.clearall  {
  clear:both;
}
/* suppress Image x of y */
#cboxCurrent  {
   display:none!important; 
}

.blankarticle  {
   display:none;
}

.bfCancelButton  {
  margin-right:160px;
  
}
body.menu-login div#rt-utility,
body.menu-managenews, div#rt-utility, 
body.menu-managegllaery, div#rt-utility,
body.menu-manageclientinfo div#rt-utility {
   background:none;
}  

label#username-lbl,
label#password-lbl  {
   display:inline-block;
   width:80px;
}

body.menu-manageclientinfo button.f2c_publish  {
   display:none;
}

body.menu-manageclientinfo button.f2c_unpublish  {
   display:none;
}

/* Table in article  - mobile -- remove
@media only screen and (max-width:600px) {
body.menu-roleys-menu .centrepart table {
  width:100%!important
}
}  
*/

/* Menu table */
body.menu-browseourmenu .centrepart table,
body.menu-roleys-menu .centrepart table
{
   width:75%!important;
}

body.menu-browseourmenu .centrepart table td,
body.menu-roleys-menu .centrepart table td  {
  text-align:left!important;
}

body.menu-browseourmenu .centrepart table td:first-child,
body.menu-roleys-menu .centrepart table td:first-child  {
  text-align:right!important;
  padding-right:10px;
}

  
/* Screen 800 or less*/
@media only screen and (max-width:800px) {
body.menu-browseourmenu .centrepart table,
body.menu-roleys-menu .centrepart table {
   width:98%!important;
}
  
}