@media screen
{

    /*default styles*/
    *
    {
        margin: 0;
        padding: 0;
    }
    body
    {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #fff;
        text-align: center;
    }
    /*page headline*/
    h1
    {
        font-size: 1em;
        padding: 1em 0 .5em .2em;
        color: #696969;
        font-weight: bold;
        float: left;
        width: 100%;
    }

    /*1st content headline*/
    h2
    {
        font-size: 1.2em;
        padding: 1em 0 0 0;
        color: #e49020;
        font-weight: normal;
        float: left;
        width: 95%;
    }

    /*2nd content headline*/
    h3
    {
        font-size: 1em;
        padding: 1.2em 0 1em .2em;
        color: #e58e1a;
        font-weight: bold;
        float: left;
        width: 100%;
    }
    p
    {
        padding: .5em 0;
        padding-bottom: 1.5em;
        margin: 0;
        float: left;
        width: 95%;
        background: url(img/sep.gif) bottom repeat-x;
    }
    ul
    {
        list-style-type: disc;
        padding: 0;
        margin: 0;
        padding-left: 1.5em;
        float: left;

   
    }
    ul li
    {
        padding: 0;
        margin:0;

       display:block;
    
    }
    a img
    {
        border: none;
    }
    a
    {
        cursor: pointer;
        color: #e49020;
        text-decoration: none;
    }
    a:visited
    {
        color: #e49020;
        text-decoration: none;
    }
    a:hover
    {
        text-decoration: underline;
    }
    .noBorder
    {
        border: none !important;
    }
    .orangeTint
    {
        color: #e58e1a;
    }
    /*containers*/
    #Wrapper
    {
        width: 796px;
        border: 1px solid #fff;
        border-top: 0;
        margin: 0 auto;
        text-align: left;
        padding: .2em;
        padding-top: 0;
        height: auto;
        overflow: hidden;
    }
    /*Header*/
    #Header
    {
        width: 799px;
        height: 125px;
        float: left;
        overflow: hidden;
    }


    a.logo
    {
        width: 200px;
        height: 125px;
        float: left;
    }
    .orange
    {
        background: url(img/headerBg.gif) no-repeat scroll right top;
        float: left;
        height: 119px;
        margin: 0 0 0 20px;
        width: 574px;
    }



    /*Text Content*/
    #Content
    {
        border: 1px solid #fff;
        height: auto;
        float: left;
        width: 794px;
        overflow: hidden;
    }


    /*menu*/

    .TopMenu
    {
        float: left;
        width: 100%;
        height: 25px;
        background-image: url(img/menuBg.gif);
        background-position: left;
        background-repeat: no-repeat;
    }



    /*necessaty for padding otherwise all browsers display this differently*/
    .TopMenu .group
    {
        float: right;
    }
    .TopMenu .items
    {
        background: url(img/menuBorder.gif) right no-repeat;
        float: left;
        padding: 4px 32px;
        display: inline;
    }

    .TopMenu .items a
    {
        padding: 0;
        margin: 0;
        color: #89B2BD;
        cursor: pointer;
    }
    .TopMenu .items a:visited
    {
        color: #89B2BD;
    }
    .TopMenu .items a:hover
    {
        color: #e49020;
        text-decoration: none;
    }

    .TopMenu .items a.selected
    {
        color: #e58e1a !important; /*ie 6*/
    }


    .TopMenu .items.last
    {
        background: none;
    }

    /*left img */
    .Col1
    {
        float: left;
        height: 430px;
        overflow: hidden;
        padding: 0;
        width: 200px;
    }
    .Col1 img
    {
        border-right: 2px solid red;
        width: 200px;
    }
    /*page headline*/
    .Col1 h1
    {
        color: #e49020;
        float: left;
        font-size: 25px;
        font-weight: normal;
        line-height: 44px;
        margin: 0;
        padding: 0;
        position: relative;
        text-transform: lowercase;
        top: -423px;
        width: 194px;
        z-index: 600;
        text-align: center;
    }
    /*text region*/
    .Col2
    {
        float: left;
        min-height: 400px;
        height: auto !important;
        height: 400px;
        padding: 0.8em 30px 17px;
        width: 310px;
        _padding-right: 10Px;
        z-index: 10;
        padding-bottom: 0;
    }

    /*img collection right hand side*/
    .Col3
    {
        float: RIGHT;
        height: auto;
        overflow: hidden;
        padding: 12px 6px 0 0;
        width: 212px;
    }
    .Col3 img
    {
        float: left;
        padding-bottom: .6em;
        width: 213px;
    }
    /*used on 1 col layouts*/
    .Col4
    {
        float: left;
        height: auto;
        overflow: hidden;
        padding: 12px 2.8em;
        width: 530px;
    }
    .scroll1
    {
        height: 406px;
        overflow-y: scroll;
        _overflow: scroll;
        padding-right: 0;
        float: left;
        width: 562px;
    }

    /*about us page*/


    ul.staff
    {
        list-style-type: none;
        padding: 1em 0;
        padding-bottom: 0;
        margin: 0;
    }
    ul.staff li
    {
        padding: 0 0 1em 0;
    }
    ul.staff img
    {
        float: left;
        margin: .5em 1em 1em 0;
    }
    ul.staff img
    {
        float: left;
        margin: .5em 1em 1em 0;
    }
    ul.staff li.evolve img
    {
        float: right;
    }
    /*Links page, what we do page*/


    ul.links
    {
        list-style-type: none;
        padding: 1em 0;
        padding-bottom: 0;
        margin: 0;
    }
    ul.links h3
    {
        font-size: 14px;
        font-weight: bold;
        color: #008da8;
        padding: 0;
        margin: 0;
      float:left;
      width:99%;

    }
    ul.links p
    {
       
     clear:both;
  
    }
    ul.links li
    {
        padding: 0 0 1em 0;
        float:left;
        width:100%;
     
    }
    /*what we do*/
    ul.whatWedo
    {
        font-size: 11px;
    }
    ul.whatWedo li
    {
        padding: 0 0 1em 0;
    }
    ul.whatWedo li h3
    {
        font-size: 12px;
    } ul.whatWedo li a
    {
  clear:both;
    }
    /*how we do it*/
    ul.howWeDoIt
    {
        padding-top: .7em;
    }

    .howWeDoIt p
    {
        background: NONE;
        padding: .3em 0;
    }
    .box
    {
        width: 334px;
        float: left;
        background: #006777;
        position: relative;
        padding: 0;
        left: -12px;
    }
    .box h3
    {
        color: #fff;
        font-size: 13px;
        padding: 0;
    }
    .box p
    {
        margin: 0;
        width: 100%;
    }

    .boxTop
    {
        background: url(img/boxTop.gif) top no-repeat;
        float: left;
        width: 334px;
        height: 6px;
        vertical-align: text-top;
    }
    .boxMiddle
    {
        background: #006777;
        width: 311px;
        padding: 0 1em;
        height: auto;
        float: left;
        overflow: hidden;
    }
    .boxBottom
    {
        background: url(img/boxBottom.gif) bottom no-repeat;
        float: left;
        width: 334px;
        height: 6px;
        vertical-align: text-bottom;
    }
    /**footer*/
    #Footer
    {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 11px;
        color: #89B2BD;
    }
    #Footer h4
    {
        float: left;
        font-size: 1.5em;
        font-weight: normal;
        padding: 2em 0 0 3.2em;
        text-transform: lowercase;
        width: 148px;
        color: #E58E1A;
    }





    #Footer ul.inner
    {
        float: left;
        list-style-type: none;
        padding: .5em 0 0 0;
        width: 188px;
    }

    #Footer ul.inner li
    {
        float: left;
        margin: 0;
        width: 95%;
        height: auto;
        vertical-align:top;
        border:none;
        line-height: 100%;
        padding: 0 0.4em .5em 0.4em;
        background: none;
    }

    #Footer .phone
    {
        background: url(img/sepVer.gif) left repeat-y;
        float: left;
        margin: 1em 0 1em 0;
        padding: 0 1em;
        height: 50px;
    }
    #Footer .copy
    {
        background: url(img/sepVer.gif) left repeat-y;
        float: left;
        font-size: 10px;
        float: right;
        margin: 1em 0 1em 0;
        padding: 0 1em 0 9em;
        height: 50px;
    }
    #Footer .copy span
    {
        float: left;
        padding-top: 3.4em;
    }
    #Footer .address
    {
        background: url(img/sepVer.gif) left repeat-y;
        float: left;
        margin: 1em 0 1em 0;
        padding: 0 1.4em;
        height: 50px;
    }
    #Footer .address span
    {
        float: left;
        padding-top: 1.6em;
    }
    #Footer ul.inner li a, #Footer ul.inner li a:visited
    {
        color: #89B2BD;
    }
    #Footer ul.inner li a:hover
    {
        color: #E58E1A;
    }


    /*orange t, f, e*/
    #Footer ul.inner span
    {
        text-align: center;
        width: 10px;
        float: left;
        padding-right: 10px;
        color: #E58E1A;
    }
    /*Zimweb Design*/
    .createdByZimweb
    {
        z-index: 500;
        height: 30px;
        margin: 0;
        padding: 2em 0 2em 2em;
        text-align: left;
        float: left;
    }
    .createdByZimweb img
    {
        float: left;
        border: none;
    }
    .createdByZimweb a
    {
        cursor: pointer;
        color: #000;
        height: 25px;
        line-height: normal;
        text-decoration: none;
        width: 136px;
        border: none;
    }
    .createdByZimweb a:hover
    {
        color: #000033;
    }

    .createdByZimweb span
    {
        float: left;
        color: #000;
        width: 100px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 0.8em;
        padding-left: 1em;
    }

    /* RSS */
    a.subscribe-for-rss
    {
        background: transparent url(img/SubscribeForRss.gif) no-repeat scroll 0 0;
        color: #333333;
        display: block;
        line-height: 16px;
        padding-left: 22px;
        text-decoration: none;
        width: 113px;
        margin-left: 20px;
    }
}