body
{
  text-align: center;
  background-color: #461e21;
  font-family:body, Helvetica, Arial;
  color:#FFFFFF;
   height: 100%;
  width:100%
  }


@font-face {
    font-family: 'heading';
    src: url('fonts/BellMT.eot');
    src: url('fonts/BellMT.eot?#iefix') format('embedded-opentype'),
         url('fonts/BellMT.woff') format('woff'),
         url('fonts/BellMT.ttf') format('truetype'),
         url('fonts/BellMT.svg#BellMT') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'body';
    src: url('fonts/HelveticaNeueLTCom-Roman.eot');
    src: url('fonts/HelveticaNeueLTCom-Roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTCom-Roman.woff') format('woff'),
         url('fonts/HelveticaNeueLTCom-Roman.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTCom-Roman.svg#HelveticaNeueLTCom-Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}
#portalcontainer{
margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  max-width: 1024px;
  text-align: left;
  background-color:#transparent;
  min-height:100%;
}

#portal {
  position:fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0px;
  height:100%;
  border:0;
  overflow:hidden;
 }
#iframe{
position:absolute;
height:100%;
border: none;

}
#container
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 480px;
  text-align: left;
  background-color:#transparent;
  }

#logo
{
 position:relative;
 left:2%;
 width: 85px;
 height:203px;
 background-image:url('images/logo.png');
 background-color:#transparent;
 border:solid 5px #A70e13;
 z-index:1;
}

#topnav
{
position:relative;
 left:235px;
 top:10px;
 width: 100%;
      float: left;
      margin: 0 0 0 0;
      padding: 0;
      list-style: none;
      background-color: #transparent;

}

#strapline
{
position:relative;
 left:245px;
 top:-160px;
 width: 800px;
 background-color:#transparent;
}

#nav
{
 position:relative;
 left:0;
 top:-105px;
 width: 100%;
 background-color:#A70e13;
  float: left;
          padding: 0;
      list-style: none;
 }


#content_container
{
 position:relative;
 left:80px;
 top:-60px;
 width: 90%;
  background-image:url('images/cont-bg3.png');
  background-repeat: no-repeat;
  background-position:right top;
  padding:0px 10px 10px 10px;
}

#content_nobg
{
 position:relative;
 left:80px;
 top:-60px;
 width: 90%;
  background-image:url('images/inv.gif');
  background-repeat: no-repeat;
  background-position:right top;
   font-size:80%;
}


#content {
 position:relative;
     top:-50px;
     width:100%;
    margin:auto;
    padding-left: 25px;


    }
#content .col {
    display:inline-block;
    background:transparent;
    height:800px;
    margin:5px;
   vertical-align:top;

}
#content #col-1 {
    width:20%;
     position:relative;
     top:-40px;
     left:-15px;
}
#content #col-2 {
    width:50%;
     font-size:75%;
     position:relative;
     top:-50px;
}
#content #col-3 {
    width:20%;
     position:relative;
     top:-50px;
}

#footer
{
 position:fixed;
 background-color:#461e21;
 width:100%;
 bottom: 0;
  left: 0;
  height: 50px;
  margin-left: auto;
  padding: 10px;
}
   #nav li {
      float: left;
       }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-size:12pt;
      font-weight: bold;
      color: #ffffff;
      font-family: heading;
     /*  border-right: 1px solid #ccc; */ }
   #nav li a:hover {
      font-size:12pt;
      font-weight: bold;
      color: #ffffff;
      font-family: heading;
      background-color: #ed1c24; }

#indret
{
position:absolute;
top:-20px;
left:610px;
float:right;
}

#tn_tel {
 background-image:url('images/tel.png');
 background-repeat: no-repeat;
 background-position:left center;
 float: left;
 padding-right:50px; }
#tn_email {
 background-image:url('images/email.png');
 background-repeat: no-repeat;
 background-position:left center;
 float: left; 
 padding-right:50px; }
#tn_twit {
 background-image:url('images/twit.png');
 background-repeat: no-repeat;
 background-position:left center;
 float: left; 
 padding-right:50px; }
 #tn_fb {
 background-image:url('images/fb.png');
 background-repeat: no-repeat;
 background-position:left center;
 float: left; 
 padding-right:50px; }



.topnav_txt {
font-family: body;
font-size:90%;
padding-left:30px;
color:#ffffff;
}

.footer_txt {
font-family: body;
font-size:100%;
background-image:url('images/letter.png');
 background-repeat: no-repeat;
 background-position:left center;
color:#ffffff;
text-decoration:none;
padding-left:40px;
}

.topnav_link {
font-family: body;
font-size:90%;
font-weight:normal;
padding-left:30px;
color:#ffffff;
text-decoration:none;
}

.topnav_link:hover {
font-family: body;
font-size:90%;
font-weight:normal;
color:#fbc311;
text-decoration:none;
}

#cb-cust
{
height:120px;
clear: both;
}
#cb-quote1
{
position:relative;
left:100px;
width:70%;
padding:10px;
top:15px;
}

#cb-quote2
{
position:relative;
width:70%;
padding:10px;
top:15px;
}
.custbiog
{
 font-family: 'heading';
font-weight:bolder;
font-size:140%;
color: #ffcc00;
width:70%;
margin-top: -50px;
     padding:5px;
}
.cbquo
{
color: #deccd5;
font-family: 'heading';
font-weight: bold;
font-size:60pt;
 float: left;
  margin-top: -80px;
     padding-top: 45px;
     margin-bottom: -50px;

}
.cbquo-end
{
color: #deccd5;
font-family: 'heading';
font-weight: bold;
font-size:60pt;
 float: right;
  margin-top: -65px;
     padding-top: 45px;
}



.cbtl{
padding-right:10px;
}
.cbbr{
padding-left:10px;
}


#form-box
{
background-color:#80716a;
border:solid 5px #bcbec0;
font-size:120%;
padding:10px;
width:60%;
}

#right-box
{
position:relative;
width:189px;
 min-height: 228px;
background-image:url('images/rgh-bx-bg.png');
 background-repeat: no-repeat;
background-color:#80716a;
border:solid 5px #bcbec0;
 padding-top:40px;
 padding-left:5px;
  padding-right:5px;
 color:#000000;
 font-size:90%;
 left:25px;
 font-weight:600;

}


.heading
{
font-family: heading;
font-size:120%;
}
.strap
{
font-family: heading;
font-size:180%;
font-weight:bold;
}

.team_text
{
font-size: 120%;
color:#fbc311;
}

.cbtitle
{
font-size: 120%;
color:#ffcc00;
font-weight:bold;
}

a.ct {
color:#fbc311;
font-weight:bold;
}
a {
color:#ffffff;
font-weight:bold;
}
a:hover {
color:#80716a;
font-weight:bold;
}
h3{
color:#ed1c24;
}
.teambox {
  display: inline-block;
  width: 180px;
  height: 240px;
  margin: 1em;
  vertical-align: top;
}
.img{
width:120px;
height:120px;
background:transparent;
border:2px solid #ffffff;
}

.prodbox {
  display: inline-block;
  background-image:url('images/prodsbg.png');
 background-repeat: no-repeat;
  width: 272px;
  height: 242px;
  margin: 1em;
  vertical-align: top;
  text-align:center;
  padding-top:25px;
}

.prod-cont  {
  border-radius: 1em;
        padding: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) }
}

.prod-img{
width:150px;
height:180px;
background:transparent;
text-align:center;
}
.prod_text
{
font-size: 120%;
color:#2e090c;
text-align:center;
text-decoration:underline;
}
.prod_text:hover
{
font-size: 120%;
color:#ffffff;
text-align:center;
text-decoration:underline;
}
 .prodbox2 {
  display: inline-block;
  background-image:url('images/prodsbg2.png');
 background-repeat: no-repeat;
  width: 213px;
  height: 212px;
  margin: 1em;
  vertical-align: top;
  text-align:center;
  padding-top:25px;
  padding-left:30px;
}

.prod-img2{
width:150px;
height:150px;
background:transparent;
text-align:center;
}
.thumb:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
    border: solid 10px #80716a;
}