/* Start of CMSMS style sheet 'Otto' */
/* Start of CMSMS style sheet 'Otto' */
/*
A CSS Framework by Mike Stenhouse of Content with Style 
-------------------------------------------------------

Copyright (c) 2005, Mike Stenhouse of Content with Style

All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
    * Neither the name of CSS Framework nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
    PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
/SED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* NAV BAR AT THE TOP AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        width: 800px;
        margin: 0px auto 0px auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        width: 94%;
        padding: 25px 3% 20px 3%;
        min-height: 400px;
       
    }
    div#local {
        width: 100%;
       visibility: hidden;
    }
    div#sub {
        width: 100%;
        height: 0px;
    }
    div#nav {
        width: 800px;
        /*margin-left: 80px;*/
        /*margin-top: 114px;*/
        text-align: left;
    }
    div#bottom_nav {
        position: relative;
        width: 800px;
        margin-bottom: 0px;
        text-align: left;
        margin-top: 0px;  
        padding-top: 25px;
        padding-bottom:10px
    }
/* END CONTENT */


/* NAV */
    div#nav  {
        font-size: 0.9em;
        text-transform: uppercase;
        font-weight: bold;
    }
    div#bottom_nav{
        font-size: 10px;
    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        /*margin-left: 80px;*/
    }
    div#nav div.wrapper{
      /* height: 10px;*/
       height: 10%;
   }
    div#nav ul, #bottom_nav, div#products_subtns {
        width: 100%;
                
        margin: 0;
        padding: 0;
        
        line-height: 0.7em;
        list-style: none;
    }

    div#nav li, div#bottom_nav li, div#products_subtns li {
        float: left;
        display: inline;
        
        margin: 0;
        padding: 0;
        
        list-style: none;
        
        line-height: 0.9em;
    }
    div#nav li {
       width: 120px;
    }
    div#bottom_nav li {
       width: 80px;
   }
    div#nav li.last, div#bottom_nav li.last {
        border-right: none;
    }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        width: 125px;
        /*height: 8px;*/
        margin: 0 auto;
        padding: 2px 0 2px 0;
        text-decoration: none;   
        color: #ffffff;
        text-align: center;
        border-right: 1px solid #ff6600;
        height: auto;
    }
    div#nav a:hover {
        /*text-decoration: underline;*/
        color: #ffcc99;
    }
    div#bottom_nav a,
    div#bottom_nav a:link,
    div#bottom_nav a:active,
    div#bottom_nav a:visited {
        display: inline-block;
        display: block;
        /*width: 100px;*/
        height: 0px;
        margin:0 auto;
        padding: 2px 0px 0px 0px;
        text-align: center;
        text-decoration:none;
        color:#ececec;
    }

    div#bottom_nav a:hover {
       color: #ff6600;
       text-decoration: none;
    }

    div#bottom_nav .menuactive a {
   }
    div#nav strong {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
        color: white;
        background: black;
    }
    div#products_subtns a,
    div#products_subtns a:link,
    div#products_subtns a:active,
    div#products_subtns a:visited {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        width: 125px;
        /*height: 8px;*/
        margin: 0 10px;
        /*padding: 5px 0 5px 0;
        margin-bottom: 10px;*/
        text-decoration: none;   
        color: #ffffff;
        text-align: center;
        height: auto;
    }
    div#products_subtns a:hover {
        /*text-decoration: underline;*/
        color: #ffcc99;
    }
    div#nav strong a,
    div#nav strong a:link,
    div#nav strong a:active,
    div#nav strong a:visited,
    div#nav strong a:hover {
       color: white;
       background-color: black;
    }
   div#nav .menuactive a {
       /*padding-bottom: 20px;*/
       color: #ff6600;
   }
    #local ul {
        margin: 0;
        list-style-type: none;
    }

/* END NAV */

/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;
        
        margin: 0;
        padding: 0;
        
        font-size: 15px;
        line-height: 1px;
    }
    .services_clear{
        clear: both;
        height: 10px;
        
        margin: 0;
        padding: 0;
        
        font-size: 15px;
        line-height: 1px;
}
    .clearfix:after {
        clear: both;
        height: 0;
        
        display: block;
        visibility: hidden;
        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
   .clearfix {display:block;}
    /* End hide from IE Mac */
/* end clearing */

/* accessibility */
     span.accesskey {
         text-decoration: none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
/* end accessibility */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
              
        text-align: center;
        
        
    }
    div#page {
        width: 800px;
        
        margin:  0 auto;
        padding: 0;
        
        text-align: center;
        
        
    }
    
    /* HEADER */
        div#header {
            margin: 20px 0 0px; 0;
            padding: 0;
            position: relative;
            /*height: 136px;
            height: auto;
            overflow: hidden;*/
            text-align: left;
        }
        div#branding {
            float: left;
            width: 800px;
           /* height: 114px;*/
            height: auto;
            margin: 0;
            
            
            text-align: left;
        }
        div#search {
            display: none;
            position: absolute;
            right: 0px;
            bottom: 10px;
            margin: 0;
            padding: 16px 20px 0 0;
            
            text-align: right;
        }
        div#branding img {
             
        }

    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
            
        }
        
        /* MAIN */
            div#main {
                
            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
             height: 56px;
             width:100%;
        }
        div#footer p {
            margin: 0;
            padding: 5px 20px 15px 0px;
            text-align: right;
            font-size: 0.8em;
        }
    /* END FOOTER */
/* END LAYOUT */


/* UL.SUBNAV */
    ul.subnav {
        margin: 0;
        padding: 0;
        
        font-size: 0.8em;
        list-style: none;
    }
    ul.subnav li {
        margin: 0 0 1em 0;
        padding: 0;
        
        list-style: none;
    }
    ul.subnav li a,
    ul.subnav li a:link,
    ul.subnav li a:visited,
    ul.subnav li a:active {
        text-decoration: none;
        font-weight: bold;
        
        color: black;
    }
    ul.subnav li a:hover {
        /*text-decoration: underline;*/
        text-decoration: none;
    }
    ul.subnav li .menuactive {
        /*padding: 0 0 0 12px;*/
        
    }
    ul.subnav li strong a,
    ul.subnav li strong a:link,
    ul.subnav li strong a:visited,
    ul.subnav li strong a:active {

    }
/* END UL.SUBNAV */

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        font-size: 76%;
        line-height: 1em;
        

    }
    div {
        font-size: 1em;
    }
    img {
        border: 0;
    }
    
    
/* LINKS */
    a,
    a:link,
    a:active {
        /*color: #B51C11;*/
        color: #FF6600;
        font-weight: bold;   
        text-decoration:none;
    }
    a:visited {
        background-color: transparent;
    }
    a:hover {
        text-decoration: none;
       color: #ffcc99;

    }

    .external span {
        display: none;
    } 
/* END LINKS */
    
/* HEADINGS */
    h1 {
        margin: 0 0 0.5em 0;
        padding: 0;
        font-size: 2em;
        line-height: 1.5em;
    }
    h2 {
        margin: 0px;
        padding: 0px;
        font-size: 1.5em;
        line-height: 0.1em;
    }
    h3 {
        margin: 0 0 0.5em 0;
        padding:0;
        
        font-size: 1.5em;
        line-height: 1.5em;
    }
    h4 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1.2em;
        line-height: 1.3em;
    }
    h5 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1.1em;
        line-height: 1.3em;
    }
    h6 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1em;
        line-height: 1.3em;
    }
/* END HEADINGS */

/* TEXT */
    p {
        /*margin: 0 0 1.5em 0;*/
        padding: 0;
        margin: 0 0 10px 0;
        font-size: 1em;
        line-height:1.4em;
    }
    blockquote {
        margin-left: 10px;
        
        border-left: 10px solid #ddd;
    }
    pre {
        font-family: monospace;
        font-size: 1.0em;
    }
    strong, b {
        font-weight: bold;
    }
    em, i {
        font-style:italic;
    }
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
    
/* LISTS */
    ul {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height:1.4em;
    }
    ul li {
        margin: 0 0 0.25em 30px;
        padding: 0;
    }
    ol {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1.0em;
        line-height: 1.4em;
    }
    ol li {
        margin: 0 0 0.25em 30px;
        padding: 0;
        
        font-size: 1.0em;
    }
    dl {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height: 1.4em;
    }
    dl dt {
        margin: 0.25em 0 0.25em 0;
        padding: 0;
        
        font-weight: bold;
    }
    dl dd {
        margin: 0 0 0 30px;
        padding: 0;
    }
/* END LISTS */
    
    
/* TABLE */
    table {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1em;
    }
    table caption {
        margin: 0;
        padding: 0 0 1.5em 0;
        
        font-weight: bold;
    }
    th {
        font-weight: bold;
        text-align: left;
    }
    td {
        font-size: 1em;
    }
/* END TABLE */    
    
    hr {
        display: none;
    }
    div.hr {
        height: 1px;
        
        margin: 1.5em 10px;
        
        border-bottom: 1px dotted black;
    }
    
/* END TYPOGRAPHY */    

/* COLOURS */

body {
    color: #444444;
    /*background: #000 url(/uploads/images/interface/background.png) no-repeat;*/
    background: #cccccc;
}
#header{
   background: #330099;
}
#main {
    /*border: 2px solid #dcdada;*/

}
#content {
    background: #ffffff;
}

#main h2 {
    margin-bottom: 25px;
}

#branding {
    
}


h1, h3, h4, h5, h6 {
    color: #000; 
}
h2 {
   color: #ff6600; 
   /*color: rgb(255, 102, 0); */
}
h3{
  color: #333;
}
#local {
    /*background-color: #a9df36;*/
    margin: 0;
}

#footer {
    /*background: rgb(51,0,153) url(/uploads/images/interface/OttoFooter.gif) no-repeat;*/
    /*background: rgb(51,0,153) url(/uploads/images/interface/OttoFooter.gif) no-repeat;*/
   background-image: url(/uploads/images/interface/OttoFooter.gif) ;
   background-repeat: no-repeat;
    color: #000000;
}
#nav {
   background-color: rgb(51,0,153);
}
/* END COLOURS */


/* NEWS */

.NewsSummary .NewsSummaryAuthor {
    display: none;
}

.NewsSummary .NewsSummaryCategory {
    display: none;
}

.NewsSummary {
    background: #fafafa;
    padding: 15px;
    margin: 5px 0;
    color: #333;
}

.NewsSummaryPostdate {
    font-size: 120%;
    float:right;
}

.NewsSummaryLink {
   /* font-size: 120%;
    margin-bottom: 15px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #999;*/
}
 
/* END NEWS */

.banner_output {
    position: relative;
    
}

body .banner_title {
text-align: left;
padding: 15px 20px;
padding-left: 30px;
position: absolute;
width: 450px;
background: url(/uploads/images/interface/banner_title_bar.png);

bottom: 0;
left: 0;
font-size: 150%;
font-family: Arial;
color: #eee;
}

.banner_output, .banner_output * {
    padding: 0;
    margin: 0;
}
/* CONTACT PAGE */
#contactform{
    float: right;
    width: 460px;
}
#contactdescription{
    float:left;
    width:200px;
    padding-right: 20px;
    vertical-align: top;
}
#contactdetails{
    padding: 0px 0px 0px 0px;
    

}
.contactimg{
   margin-bottom: 10px;
   text-align: left;
   align: center; 
}
.contactimg img{
  /* border: 1px solid #000000;*/
}
/* END CONTACT PAGE */
#phone img{
    position:absolute;
    z-index:3;
    margin-top:116px;
    margin-left:-180px;
}

div#nav ul{
 height:auto;
}
#contactdetails p
{
 margin-bottom: 15px;
}
#products1, #btns1{
  width: 30%;
  padding: 0;
  margin: 0;
  float: left;
}

#products2, #btns2 {
  width: 30%;
  padding: 0;
  margin: 0 1% 0 1%;
  float: left;
}
#products3, #btns3{
  width: 30%;
  padding: 0;
  margin: 0;
  float: left;
}

.clearboth{
  clear: both;
}
#main p{
 font-size: 110%;
}
#main div p{
 font-size: 95%;
}


.services{
  width: 100%;
}
.services .img{
  padding: 0;
  margin: 0;
  float: left;
}
.services .img img{
  /*padding-bottom: 10px;*/
}
.services .desc{
  margin: 0;
  float: right;
  width: 520px;
  padding-left:1.3%;
  padding-right:1.7%;
}
.services .desc div{
  /*padding-bottom: 10px;*/
}
.services .desc div p{
  margin-bottom: 5px;
}
#main .service_title{
 padding-top:10px;
 padding-bottom:0px;
 margin-bottom: 4px;
}
#main .services{
 float:left;
 /*margin-bottom: 5px;*/
 background: #ececec;
 vertical-align: center;
}

#nav #wrapper li{
border-top: 4px solid #330099;

 }
#banertop{
  position: relative;
}
#products_subtns{
 /*padding-bottom: 30px;*/
 /*margin-bottom: 15px;*/
}
#products_subtns a {
 
}
#products_subtns h6 {
 /*background: #ff7334 url(/uploads/images/interface/btnProductBottom.jpg) no-repeat bottom left;*/
 margin:0;
 padding: 3px 20px 7px 20px;;
 color:#ff6699;

}

ul.clearfix li{
      list-style: none;
      padding: 0 20px 15px 0;
      margin: 0;
     font-size: 95%;
}
/* PRODUCTS PAGE */
#products_list li{
      list-style: none;
      padding: 0 20px 15px 0;
      margin: 0;
     font-size: 95%;
}

#products_list li{
      list-style: none;
      padding: 0 20px 15px 0;
      margin: 0;
     font-size: 95%;
}
#products_list{
  width:100%;
}
div#products_subtns a {
 /*min-height:26px;*/
}
#products_subtns li{
 width:180px;
 /*background: #ff7334 url(/uploads/images/interface/btnProductTop.jpg) no-repeat top left;*/
}
/* end PRODUCTS PAGE */

/* MENU - phone at the end */
div#nav{
  border-bottom: 4px solid #330099;
}
.sectionheader span{
  color: #ffffff;
  /*padding-left: 25px;*/
}


div#wrapper .sectionheader span {
  color: #ff6600;
}
div#wrapper .sectionheader li{
  text-align: center;
}
/* end MENU - phone at the end */

/* HOME PAGE */
#home_img{
  float:left;
  width:auto;
}

#home_toptext{
 float:right;
 margin-left: 20px;
 width: 450px;
 text-align:justify;

}
#desc{
 font-weight: bold;
}
#home_top{
 width:100%;
 display: block;
}
#home_btns{
  clear:both;
}
div#home_btns ul{
 margin: 0px;
 padding:0;
}
#home_btns img{
 
}
#home_btns .imgdiv{
 width:272px;
 height:173px;
}
#btns3 .imgdiv{
 width:180px;
}
#home_btns a:hover{
  float:left;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
#home_btns li{
      list-style: none;
      padding: 0 0px 10px 0;
      margin: 0;
     font-size: 95%;
}
#btns1 img, #btns2 img{
 background: #330099;
 width: 270px;
 height: 170px;
}
#btns3 img{
 background: #330099;
 width: 180px;
height: 365px;
}
#btns1, #btns2{
   width: 37%;
}
#btns3{
   width: 20%;
   height:380px;
}

#home_btns div {
 margin-top:10px;
}
#home_btns{
 padding-top:0px;
}

/* END HOME PAGE */
div#products_subtns a,
    div#products_subtns a:link,
    div#products_subtns a:active,
    div#products_subtns a:visited {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        width: 185px;
        /*height: 8px;*/
        margin: 0 auto;
        /*padding: 2px 0 2px 0;*/
        text-decoration: none;   
        color: #ff6600;
        text-align: center;
        height: auto;
        margin-bottom:5px;
    }
    div#products_subtns a:hover {
        /*text-decoration: underline;*/
        color: #ffcc99;
    }
.btn_title{
font-size:110%;
}
}
#products_subtns .clearfix{
 padding-bottom: 0px;
 margin-bottom: 0px;
}

#products_subtns ul{
 margin:0;
  padding:0;
}
#desc{
 padding-top: 40px;
 padding-bottom:0px;
 margin-bottom:0px;
}
p#desc{
 padding-bottom:0px;
 margin-bottom:0px;
}
#home_toptext{
 padding-bottom: 0px;
 margin-bottom: 0px; 
}
#home_toptext p{
 line-height:160%;
}
.services img{
 /*height: 135px;*/

}
.services .details{
  text-align:justify;
  margin-bottom:0px;
}
#products_subtns #wrapper{
/*margin-bottom: 15px;*/
}
#contactform h6{
 padding-left: 5px;
}
 .btn_title{
   line-height:110%;
}
span.specials_type{
margin: 0 0 0.25em 0;
padding: 0;
color: #ff6600;
font-size: 1.4em;
line-height: 1.3em;
font-weight: bold;   

}
.specials_img img{
 padding: 0px 0 0px 10px;
}

div#wrapper .item6{
  width: 170px;
  /*padding-top:2px;
  padding-bottom:2px;*/

 text-align: center;
}
.item6 span{


}
li.item6{
 text-align:center;
 
}
 div#nav li.sectionheader{
       /*width: 150px;*/
       margin-bottom:0px;
       padding-bottom: 0px;
       padding-top:2px;
    }
.specials_img{
 float:right;
 width: 345px;
}

.specials_left{
 float:left;
 width:400px;
}
.contactform img{
 display: block;
}
.NewsSummary{
  background: none;
  margin:0;
  padding: 0;
}
<!--[if IE6]>;

<![endif]-->
/* End of 'Otto' */
/* End of 'Otto' */