/* Created by Grow for GoFastForward 2006 */

/*        -------------------------------------------------------------
        GoFastForward 2006
        Measured | Effective | Management | Training
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        Description:        Base setup styles
        Filename:                goffcss.css
        Version:                2.1
        Date:                        Feb 9, 2006
        -------------------------------------------------------------        */


/*        -------------------------------------------------------------
        Base Body Styles
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */


     body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font: 12px/18px verdana, gill, arial,helvetica ;
        color: #333333/*#1a495c*/;
        background-color: #69707b;
        text-align: center;
        line-height: 160%}

     a {
        color:#fff;
        font-family:verdana, arial, helvetica, sans-serif;
        font-weight:bold;
        text-decoration:none;
        }

     a:link {
                  color: #43b4e5; /*#17759C; */
        font-weight:bold;}

          a:visited {
             color:#17759C;}

          a:hover {
        background: #43b4e5;
        color: #fff;}

                p {
                        margin: 0px;
                        padding: 0px;}

                h1{
                        font-size: 17px;
                        font-weight: normal;
                        color: #43b4e5;
                        /*line-height: 18px;*/
                   padding: 0px 0 5px 0;}

                h2{
                        font-size: 14px;
                        color: #43b4e5; /*#3F4F51;*/
                     padding: 0px 0 3px 0;
                        margin: 0px;
                        text-transform: none;
                        background: url(../img/graphic/line_grey.gif) bottom repeat-x;}

                h3{
                        font-size: 14px;
                        font-weight: bold;
                        color: #43b4e5; /*#bf2228;*/
                   padding: 0px 0 0px 0;}

                h4{
                        font-size: 10px;
                        font-weight: bold;
                        color: #666;
                     padding: 0px;}
                h5{
                        font-size: 14px;
                        font-weight: normal;
                        color: #333;
                   padding: 2px 0 2px 0;
                   /*background-color: #43b4e5;*/
                   background: url(../img/graphic/line_grey.gif) bottom repeat-x;}
                h6{
                        font-size: 10px;
                        font-weight: bold;
                        color: #666;
                   padding: 0px 0 0px 0;}

                .date {
                        font: 10px Verdana, Arial, Helvetica, sans-serif;
                        text-transform: lowercase;
                        color: #8002aa;
                        margin: 3px 0px 8px 0px;
                        }

                .doc {
                        background: url(../img/graphic/doc_sml.png) top right no-repeat;
                        padding-right: 0px;
                        margin-top: 10px;}

                .indent {
                        padding-left: 15px;
                        padding-top: 8px;}

                .kbase {
                        width: 370px;}

                .red {
                       font-family: Verdana, sans-serif;
                       font-size: 9px;
                       color: #8002aa;}
                .red span:a {
                       font-family: Verdana, sans-serif;
                       font-size: 9px;
                       color: #8002aa;}

                .box {
                       background-color: transparent;
                       font-size:11px;
                       color: #000000;
                       border: 1px solid #000000;
                       font-family: arial,verdana, helvetica;}

/*        -------------------------------------------------------------
        Primary Layout
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */


                #floater{
        width: 100%;
        \width: 100%;  /* for IE5/Win */
        w\idth: 100%;  /* for good browsers */
        margin: 5px auto 0px auto;
        overflow: visible;
        text-align: centre;}

/*        -------------------------------------------------------------
        LAYOUT
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */


#content {
        width: 759px;
        padding: 0px;
        margin-top: 25px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
        /* opera does not like 'margin:20px auto' */
        text-align:left;
        /* part 2 of 2 centering hack */
        width: 759px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 729px;
        }
html>body #content {
        width: 729px; /* ie5win fudge ends */
        }


#footer {
        background: url(../img/layout/ftr.gif) top center no-repeat;
   height:70px;
        width: 100%;
}

.holder {
  margin: 0 auto;
  width: 759px;
  text-align:left;
  overflow:hidden;
}

                #header{
                         height:125px;
                         width:100%;
                         background: url(../img/layout/hdr.gif) no-repeat;}

                #window{
                         width:759px;
                         text-align:left;
                         margin-left:auto;
                         margin-right:auto;
                        background: url(../img/layout/mdr.gif) repeat-y;}

#grad{
background: url(../img/layout/grad.gif) top repeat-x;
margin-left:6px;
margin-right:12px;
  }


.left {
        width: 230px;
        float: left;
        padding: 5px 0px 0px 20px;
}
.right {
        width: 440px;
        float: right;
        padding: 5px 20px 20px 0px;
}
.rightpad {
        width: 360px;
        float: left;
        padding: 20px;
}

.pad {
        width: 600px;
        float: left;
        padding: 0px 40px 40px 42px;
}


div.spacer {
  overflow: hidden;
        clear: both;
        height: 1px;
        margin: -1px 0 0 0;
        font-size: 1px;
}

 /* *** Float containers fix: */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}


/*        Logo
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

                #logo {
                        background-image: url(../img/layout/logo3.gif);
                                                                float: left;
                        height: 58px;
                        width: 211px;
                        display: block;
                        padding: 0px;
                        margin: 55px 0px 0px 8px;
                        float: left; }

                #logo a {
                        height: 58px;
                        width: 211px;
                        display: block;
                        border: none;
                        background-image: none; }

                #logo a:hover {
                        background: transparent; }

/*        -------------------------------------------------------------
        TOPMENU
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

                #topMenu {
                          float:right;
                        padding-right: 32px;
                        margin-top: 10px;}

                #topMenu ul {
                    margin:0;
                    padding:0;
                    list-style:none;}

                #topMenu li {
                    float:left;
                    border-right: 1px solid #01b8d9;
                    padding: 7px 7px 0 7px;}

                #topMenu a {
                    text-decoration:none;
         font-size:9px;
                        font-weight: normal;
         color:#EBEBEB;}






/*        -------------------------------------------------------------
        UPPER NUMBERS ETC
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

.topBar {
                  height: 20px;
        margin: 0px
        width: 728px;
                  -moz-box-sizing: padding-box;
        }

.topLinks {
        float: left;
        padding-left: 15px;
        font-family: Verdana, sans-serif;
        font-size: 9px;
        text-align: left;
        color: #fff;
        }

.topLinks li {
        /*list-style-image: url(../img/graphic/blue1_arrow.gif);*/
}

.topnumber  {
        float: right;
                  padding-right: 10px;
        color: #fff;
                  font-size: 9px;
                  font-weight: bold;
        text-align: right;
                  font-family: Verdana, sans-serif;
        }

/*        -------------------------------------------------------------
        MAINMENU
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

                #holderMainMenu {
                        float: right;
                        margin-top:39px;
                        margin-right: 0px;
                        padding-bottom:0px;}

#mainMenu {
height: 38px;
  width:520px;
  overflow: none;
  margin-right: 0px;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
        margin: 0;
        padding: 0;
   list-style-type: none;
        display: inline;
   float: left;
        background-image: url(../img/layout/menu4.gif);}

#mainMenu a {
   display:block;
   text-decoration:none !important;
   font-size:1px;
        background-image: url(../img/layout/menu4.gif);
        overflow: hidden;
   height:38px;}

#mainMenu a span {
  visibility:hidden;}

#mainMenuServices, #mainMenuServices a {
  background-position: 0 0;
  width: 103px;}

#mainMenuServices a:hover, #mainMenuServices a.selected {
  background-position: 0px 38px;
}

#mainMenuAbout, #mainMenuAbout a {
  background-position: -105px 0;
  width: 126px;
}
#mainMenuAbout a:hover, #mainMenuAbout a.selected {
  background-position: -105px 38px;
}

#mainMenuNews, #mainMenuNews a {
  background-position: -232px 0;
  width: 115px;
}
#mainMenuNews a:hover, #mainMenuNews a.selected {
  background-position: -232px 38px;
}

#mainMenuCase, #mainMenuCase a {
  background-position: -355px 0;
  width: 80px;
}
#mainMenuCase a:hover, #mainMenuCase a.selected {
  background-position: -355px 38px;
}

#mainMenuContact, #mainMenuContact a {
  background-position: -445px 0;
  width: 80px;
}
#mainMenuContact a:hover, #mainMenuContact a.selected {
  background-position: -445px 38px;
}






/*        Subnav
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
#hnavcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #43b4e5;
color: White;
float: left;
width: 100%;
}

#hnavcontainer ul li { display: inline; }

#hnavcontainer ul li a
{
padding: 0.2em 1em;
background-color: #43b4e5;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#hnavcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}




#navcontainer { width: 220px;
margin-top: 30px;
/*border: 1px solid #a5bfcb;*/}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 12px;
border-top: 1px solid #a5bfcb;
}

#navcontainer ul ul
{
margin-left: 0;
padding-left: 10px;
list-style-type: none;
font-size: 12px;
border-top: none;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 220px;
font-weight: normal;
/*background-color: #ebebeb;*/
background: transparent;
border-bottom: 1px solid #a5bfcb;

}

#navcontainer a:link, #navlist a:visited
{
color: #036;
text-decoration: none;
}

#navcontainer a:hover, #navlist a.selected
{
background-color: #43b4e5;
color: #fff;
}



#subnav {
        margin-top: 0px;
        padding-left: 0px;
        line-height: 14px;
        width: 166px;
        font-size: 10px;
         /*border-right: thin dotted;*/
}

#navlist2 {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #11CCEA;
width: 220px;
}

#navlist2 li {
font-weight:normal;
list-style: none;
margin: 0;
padding: 0.2em;
border-top: 1px solid #11CCEA;
}

#navlist2 li a {

 color: #17759C;
 text-decoration: none;
 }

#navlist2 li a:hover {
        background: #11CCEA;
        color: #fff;
}
#navlist2 li a#current {
        background: #17759C;
        color: #fff;
}


#bodylist {
list-style-image: url(../img/graphic/blue1_arrow.gif);
font-weight: bold;
width: 250px;}
/*        -------------------------------------------------------------
        BOTTOM LINKS ETC
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

.botBar {

        margin: -15px auto 0px auto;
        width: 728px;
        }

.botLinks {
        float: left;
                  padding-left: 15px;
        font-family: Verdana, sans-serif;
        font-size: 9px;
        text-align: left;
                  color: #fff;
        }

.botLinks li {
        /*list-style-image: url(../img/graphic/blue1_arrow.gif);*/
}

.copyright  {
        float: right;
        font-family: Verdana, sans-serif;
        font-size: 9px;
        color: #999;
        text-align: right;
        }

.copyright a {
        font-size: 9px;
        color: #fff;
        font-weight:normal;
        }

.copyright a:visited {
        font-size: 9px;
        color: #fff;
        }



/*        Staff
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
                #stafftwocols{
                         width:460px;
                         float:right;
                         position:relative;}

                #staffcol{
                         float: left;
                         display:inline;
                         position: relative;
                        width:460px;}

                #staffcontent {
                        width: 420px;}

                #staffbox {
                        margin-bottom: 10px;
                        background: url(../img/graphic/line_grey.gif) bottom repeat-x;}

                #staffpic {
                        float: left;
                        margin: 15px;
                        padding: 1px;
                        border: 1px solid #43b4e5;}


                #staffdetail {
                        float: left;
                        padding: 10px;
                        margin: 0px;}

                html>body #staffdetail {

                        /* ie5win fudge ends */}