/*
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   jamie@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 136%;
    list-style: square inside;
    }

body {
    text-align: center;
    }



/*
========================================================================
Common Styles
========================================================================
*/

p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    }

p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 12px;
    }

p, span, dd, dt, th, td, label {
    line-height: 160%;
    }

p, ul, ol, table {
    padding: 8px 0;
    }

h1, h2, h3, h4, h5, h6, legend {
    line-height: 120%;
    font-weight: normal;
    text-transform: uppercase;
    }

h2, legend {
    font-size: 18px;
    }

h3 {
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    text-transform: none;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    padding: 2px;
    }

.image {
    position: absolute;
    }

select.dropdown {
    background: #000;
    border: 1px solid #FFF;
    color: #FFF;
    }

a {
    color: #333;
    outline: none;
    }

a:focus {
    -moz-outline-style: none;
    }

a:hover {
    color: #666;
    }

pre {
    text-align: left;
    color: #FFF;
    }

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }



/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 849px;
    margin: 0 auto;
    text-align: left;
    }

html > body #left {

}

    #left {

       width: 302px;
       height: 121px;
       float: left;
       }
        html > body right {
           width: 100%
           }
        #right {
           float: right;
           width: 438px;
           }

        #positioning_statement {
           float: right;
           margin: 0 0 20px 25px;         
           }

        #topnav {
display: none;
            position: relative;
            top: 8px;
            .top: 5px;
            width: 440px;
            height: 40px;
            float: right;

            }
            #topnav ul {
                list-style: none;
                padding: 0;
                }
                #topnav li {
                    list-style: none;
                    float: right;
                    }
                    #topnav a {
                        display: block;
                        width: 104px;
                        height: 40px;
                        text-indent: -9999px;
                        }
                    #topnav a:hover {
                        background-position: 0 100%;
                        }
                    #topnav li.news a {
                       position: relative;
                        left: -28px;
                        background-image: url(/images/news-trans.png);
                        }
                    #topnav li.gallery a {
                       position: relative;
                        left: -14px;
                        background-image: url(/images/gallery-trans.png);
                        }
                    #topnav li.contact a {
                       position: relative;
                      
                        background-image: url(/images/contact-trans.png);
                        }
                    #topnav a.selected {
                        background-position: 0 100%;
                        }
        #bottomnav {
display: none;
            width: 482px;
            height: 40px;
            float: left; 
position: relative;
top: -3px;
.top: -5px;

            }
            #bottomnav ul {
                list-style: none;
                padding: 0;
                }
                #bottomnav li {
                    list-style: none;
                    float: right;
                    }
                    #bottomnav a {
                        display: block;
                        width: 104px;
                        height: 40px;
                        text-indent: -9999px;
                        }
                    #bottomnav a:hover {
                        background-position: 0 100%;
                        }
                    #bottomnav li.about_us a {
        background-image: url(/images/about_us-trans.png);
                        }
                    #bottomnav li.consultancy a {
                        position: relative;
                        left: -14px;
                        background-image: url(/images/consultancy-trans.png);
                        }
                    #bottomnav li.services a {
                        position: relative;
                        left: -28px;
                        background-image: url(/images/services-trans.png);
                        }
                    #bottomnav li.awards a {
                        position: relative;
                        left: -42px;
                        background-image: url(/images/awards-trans.png);
                        }
                    #bottomnav a.selected {
                        background-position: 0 100%;
                        }
html > body #header_container {

}
        #header_container {
position: relative;
top: -20px;
           float: left;
           width: 849px;
           }
           #header {
              }
              .welcome_title {

                 font-size: 16px;
                 font-family: Helvetica, Arial;
                 color: #003366;
                 font-weight: bold;
                 text-transform: uppercase;
                 float: left;
                 }
                 #search {
                    display: none;
                    float: right;
                    padding-right: 35px;
                    }
                    #search legend {
                       float: left;
                       }
                    #search label {
                       font-size: 12px;
                       font-family: Tahoma, Arial;
                       color: #FFF;
                       font-weight: normal;
                       float: left;
                       padding-right: 10px;
                       }
                       #search #input_search {
                          width: 123px;
                          float: left;
                          margin: 0 0 5px 0;
                          }
                        #search #input_search_submit {
                          float: left;
                          padding-left: 10px;
                          position: static;
                          }
              .welcome_message {

                 padding-top: 10px;
                 font-size: 12px;
                 font-family: Tahoma, Arial;
                 float: left;
                 } 
#page_about_us .welcome_message {
display: none;
}
#page_about_us .welcome_title {
display: none;
}

    /* === Body === */


html > body #body {
position: relative;
top: -10px;
.top: -25px;
}
    #body {
position: relative;
top: -20px;
        width: 100%;
        float: left;
        }
        #content {
            width: 849px;
            float: right;
            }
            #messages {
                background: #000;
                border: 1px solid #FFF;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
                #copyright {
                float: left;
                }
                #copyright a {
                text-decoration: none;
                }
                #copyright p {
                    line-height: 100%;
                    font-size: 11px;
                    }
            #footer {
                float: right;
                }
            #footer a {
                text-decoration: none;
                }
                #footer ul {
                    list-style: none;
                    }
                    #footer li {
                        display: inline;
                        font-size: 11px;
                        line-height: 100%;
                        }

/*
========================================================================
Home Page
========================================================================
*/

#page_home {
    }
#page_home #content {
    margin: 0;
    }

    #page_home #left {
       }
    #left {
       }

    #flash_panel {
display: none;
       float: left;
       }

#page_home #additional{
display: none;
}

    #news_box {
       float: right;
       width: 100%;
       }
       #inner_news {
          padding: 20px;
          }
          #news_box ul {
             padding: 0;
             }
          #news_box li {
             list-style: none;
             padding-top: 15px;
             }
          .news_heading {
             font-size: 16px;
             font-family: Helvetica, Arial;
             font-weight: bold;
             } 
          .news_title {
             font-size: 12px;
             font-weight: bold; 
             text-decoration: none;
             }  
             .news_summary { 
                }      

/*
========================================================================
Downloads
========================================================================
*/

#downloads #additional {
   padding-bottom: 10px;
   padding-top: 20px;
   }

.download {
   width: 100%;
   float: left;
   margin-bottom: 20px;
   }

.download_icon img {
   border: none;
   float: left;
   padding-left: 30px;
   padding-right: 20px;
   }

#download_container {
   float: left;
   background: #E2F2FA;
   }
   h3 {
      color: #043A6D;
      }
   .download_summary {
      height: 70px;
      width: 480px;
      padding-top: 15px;
      padding-left: 18px;
      float: left;
      }
      #download_divider_container {
         float: left;
         padding: 10px;
         }
         .download_divider {
            float: left;
            padding: 10px 0;
            height: 50px;
            border-left: 3px dotted #CCC;
            }
            .download_file {
               float: center;
               padding: 10px;
               width: 100%;
               }
            .button_image {
               float: left;
               padding-top: 10px;
               width: 180px;
               text-align: center;
               }
            .button {
               float: left;
               padding-top: 10px;                  
               width: 180px;
               text-align: center;
               }
               #downloads .button {
               font-weight: bold;
               }

/*
========================================================================
Gallery
========================================================================
*/

#gallery #children_wrapper {
   width: 101%;
   float: left;
   padding-top: 20px;
   }

#gallery .children {
   padding-bottom: 20px;
   float: left;
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   width: 191px;
   height: 185px;
   padding-right: 22px;
   }

#gallery img {
   height: 150px;
   border: none;
   float: left;
 width: 100%;
   }

#gallery .title {
}    

/*
========================================================================
Jobs Page
========================================================================
*/

#page_contact {
    }
    #page_jobs #additional {
        width: 60%;
        float: left;
        margin: 10px 40px 0 0;
        }
    #page_jobs #fields {
        width: 35%;
        float: left;
        margin: 10px 0 20px 0;
        }
    .mediumtext {
        width: 151px;
        }

/*
========================================================================
News Page
========================================================================
*/

#page_news h2 {
   padding-bottom: 20px;
   }

#page_news .news_title {
   color: #043A6D;
   font-size: 12px;
   font-family: Tahoma, Arial;
   }

#page_news .news_summary {
   color: #333;
   padding-bottom: 20px;
   }

/*
========================================================================
Forms
========================================================================
*/

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        list-style: none;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    }
#form #input_submit {
    margin: 0 0 0 110px;
    }

/*
========================================================================
Contact Page
========================================================================
*/

#page_contact {
    }
    #page_contact #additional {
        width: 65%;
        float: left;
        margin: 20px 0 0 0;
        }
    #page_contact #fields {
        width: 35%;
        float: left;
        margin: 10px 0 20px 0;
        }

/*
========================================================================
Search Page
========================================================================
*/

#content #search {
float: left;
width: 100%;
padding: 20px 0;
}

#article #body {
    padding-top: 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #333;
    font-size: 12px;
    }