/* 
    Document   : layout
    Created on : Aug 10, 2009, 4:08:30 PM
    Author     : rich - ta design
    Description: timeware community layout
*/

body
{
	text-align:center;
	font-size: 62.5%;
        font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
	margin: 0;
	padding: 0;
	background: #ffffff url(images/fingerprint-bg.gif) no-repeat fixed left top;
}

/* navigation top bar */

#topNav
{
    width: 100%;
    height: 2.9em;
    font-size: 1em;
    list-style-type: none;
    color: #ffffff;
    padding-top: 0.1em;
    background: url(images/gray-nav-repeat.png) repeat-x;
}

#topNav li
{
    font-size: 1em;
    list-style-type: none;
    margin: 0em 2em 0em 2em;
    display: inline;
}

#topNav li a
{
    font-size: 1em;
    text-decoration: none;
}

#topNav li a:hover
{
    font-size: 1em;
    text-decoration: none;
}


#wrapper
{
    margin-left: auto;
    margin-right: auto;
    padding: 0em;
    width: 100em;
    height: auto;
}

#header
{
    width: auto;
    height: 26.2em;
}

/* header items */

#logo
{
    float: left;
    width: 44em;
    height: 15em;
    padding: 0;
    margin: 0;
    text-align: left;
    background: url(images/timeware-training-logo.png) no-repeat;
}

#testimonial
{
    float: left;
    width: 48.8em;
    height: 15em;
    padding: 0;
    margin: 0;
    text-align: left;
    /* background: url(images/simon-intro.png) no-repeat; */
}

#flashBanner
{
    float: left;
    width: 65.6em;
    height: 11.1em;
    padding: 0;
    margin: 0;
    text-align: left;
    /* background: url(images/flash-banner-filler.png) no-repeat; */
}

#spacer
{
    float: left;
    width: 26.4em;
    height: 11.1em;
    padding: 0;
    margin: 0;
    text-align: left;
    background: url(images/spacer.png) no-repeat;
}

/* Content */

        #contentTop
        {
            height: 3.4em;
            margin: 0;
            background: url(images/top-content-box.png) no-repeat;
        }

        #content
        {
            height: 39em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

        #contentTV
        {
            height: 48em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

        #contentDatasheets
        {
            height: 170em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

        #contentHome
        {
            height: 19em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }


        #contentAuto
        {
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

                .Index
                {
                    overflow: auto;
                }

                .About
                {
                    overflow: auto;
                }

                .Ireland
                {
                    overflow: auto;
                }

                .Africa
                {
                    overflow: auto;
                }

                .ConvertSystem
                {
                    overflow: auto;
                }

                .Support
                {
                    overflow: auto;
                }

                .Training
                {
                    overflow: auto;
                }

                .Expand
                {
                    overflow: auto;
                }

                .Bespoke
                {
                    overflow: auto;
                }

                .Consumables
                {
                    overflow: auto;
                }

        #contentBottom
        {
                height: 3.4em;
                margin: 0;
                background: url(images/bottom-content-box.png) no-repeat;
        }


/* product boxes */

#boxContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}

#box1
{
    float: left;
    width: 460px;
    height: 89px;
    margin: 1em 1em 0em 0em;
    background: url(images/boxes/timeware-module.png) no-repeat;
}

        #box1 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #box1 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#box2
{
    float: left;
    width: 460px;
    height: 89px;
    margin: 1em 1em 0em 0em;
    background: url(images/boxes/timeware-administrator.png) no-repeat;
}

        #box2 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #box2 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#box3
{
    float: left;
    width: 460px;
    height: 89px;
    margin: 1em 1em 0em 0em;
    background: url(images/boxes/timeware-operator.png) no-repeat;
}

        #box3 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #box3 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#box4
{
    float: left;
    width: 460px;
    height: 89px;
    margin: 1em 1em 0em 0em;
    background: url(images/boxes/timeware-community.png) no-repeat;
}

        #box4 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #box4 a:hover {
          text-decoration:none;
          color: #0071B7;
        }



/* right column */

#rightInfo
{
    float: left;
    width: 24em;
    height: 40em;
    padding: 6em 0em 0em 4em;
    margin: 0;
    text-align: left;
    z-index: 6;
    background: url(images/column-splitter.png) no-repeat;
}

#drillContainer
{
    float: left;
    width: 60.5em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#drillContainerModule
{
    float: left;
    width: 60.5em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 8em;
    text-align: left;
}

#tvContainer
{
    float: left;
    width: 88em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#tvRightInfo
{
    float: left;
    width: 24em;
    height: 40em;
    padding: 0em 0em 0em 2.9em;
    margin: 6em 0em 0em 0em;
    text-align: left;
    z-index: 6;
    background: url(images/column-splitter.png) no-repeat;
}

#rightInfoDrill
{
    float: left;
    width: 24em;
    height: auto;
    padding: 6em 0em 0em 4em;
    margin: 0;
    text-align: left;
}

#version
{
    float: left;
    margin: 0;
    width: 20.2em;
}

#versionTop
{
    float: left;
    width: 20.2em;
    height: 8.7em;
    margin: 0;
    padding-right: 1em;
    text-align: center;
    background: url(images/timeware-version-info.png) no-repeat;
}

#versionInfo
{
    float: left;
    width: 20.2em;
    height: 6.3em;
    margin: 0;
    text-align: center;
    background: url(images/timeware-version-info-mid.png) no-repeat;
}

#versionNotes
{
    float: left;
    width: 20.2em;
    height: 3.4em;
    margin: 0;
    text-align: center;
    background: url(images/timeware-version-notes.png) no-repeat;
}

#versionDownload
{
    float: left;
    width: 20.2em;
    height: 8.1em;
    margin: 0;
    text-align: center;
    z-index: 10;
    background: url(images/download-version.png) no-repeat;
}


            #versionDownload a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

            #versionDownload a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

/*

#pip
{
    float: left;
    width: 20em;
    height: 20em;
    background: url(images/new-features/pip-thumb.jpg) no-repeat;
}

        #pip a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #pip a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#retire
{
    float: left;
    width: 20em;
    height: 20em;
    background: url(images/new-features/retirement-thumb.jpg) no-repeat;
}

        #retire a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #retire a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#service
{
    float: left;
    width: 20em;
    height: 20em;
    background: url(images/new-features/years-service-thumb.jpg) no-repeat;
}

        #service a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #service a:hover {
          text-decoration:none;
          color: #0071B7;
        }

*/

#featureBOX
{
    width: 50em;
    height: 17em;
    margin: 0em 0em 1em 0em;
    position: relative;
    padding: 1em 2em 0em 2em;
    text-align: left;
}

        .feature1
        {
            background: url(images/new-features/retirement-thumb.png) no-repeat;
        }

        .feature2
        {
            background: url(images/new-features/years-service-thumb.png) no-repeat;
        }

        .feature3
        {
            background: url(images/new-features/pip-thumb.png) no-repeat;
        }

#countdown
{
    float: left;
    width: 20em;
    height: 8em;
    padding: 0;
    margin: 10em;
    text-align: left;
}



/* timeware.tv video thumbnails */

#videoContainer
{
    float: left;
    width: 80em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#video
{
    float: left;
    width: 80em;
    height: 40em;
    padding: 0;
    margin: 0.5em 0em 0em 0em;
    text-align: left;
    overflow: auto;
}

#vidThumbtimeware
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vidtimeware.png) no-repeat;
}

        #vidThumbtimeware a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbtimeware a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumb1
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid1.png) no-repeat;
}

        #vidThumb1 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumb1 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumb2
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid2.png) no-repeat;
}

        #vidThumb2 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumb2 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumb3
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid3.png) no-repeat;
}

        #vidThumb3 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumb3 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumb4
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid4.png) no-repeat;
}

        #vidThumb4 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumb4 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumbTIA1
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia1.png) no-repeat;
}

        #vidThumbTIA1 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbTIA1 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumbTIA2
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia2.png) no-repeat;
}

        #vidThumbTIA2 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbTIA2 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumbTIA3
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia3.png) no-repeat;
}

        #vidThumbTIA3 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbTIA3 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumbTIA4
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia4.png) no-repeat;
}

        #vidThumbTIA4 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbTIA4 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#vidThumbTIA5
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid1.png) no-repeat;
}

        #vidThumbTIA5 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbTIA5 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

 #vidThumbTIASoon
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/coming-soon.png) no-repeat;
}

        #vidThumbTIASoon a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #vidThumbTIASoon a:hover {
          text-decoration:none;
          color: #0071B7;
        }

/* Added November 2009 */

/* timeware Datasheets styles */

#datasheetContainer
{
    float: left;
    width: 40em;
    height: 18em;
    padding: 0;
    margin: 2em 0 1em 0;
}

#datasheetImage
{
    float: left;
    width: 14.2em;
    height: 18em;
    margin:0 0 0 5em;
}

#datasheetCodeDate
{
    float: left;
    width: 12em;
    margin-left: 2em;
}

    .datasheetCode
    {
        font-size: 1.2em;
        color: #666666;
        padding: 0;
        margin: 0;
    }

    .datasheetDate
    {
        font-size: 1.2em;
        color: #666666;
        padding: 0;
        margin: 1em 0em 0em 0em;
    }

#datasheetDescription
{
    float: left;
    width: 25em;
}

    .datasheetBody
    {
        font-size: 1.4em;
        color: #666666;
        padding: 0;
        margin: 0em 0em 0.5em 0em;
    }

    .datasheetHeading
    {
        font-size: 1.6em;
        font-weight: bold;
        color: #666666;
        padding: 0;
        margin: 0em 0em 0.5em 0em;
    }


img.overview
    {
        padding: 0;
        margin: 0em 0em 0em -8em;
        border: none;
    }

#timewareCertLogoContainer
{
    clear: both;
    float:left;
    width: 88em;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

#timewareCertLogo
{
    float: left;
    width: 44em;
    padding: 0;
    margin: 0;
    text-align: center;
}

#timewareTrainingContainer
{
    clear: both;
    float:left;
    width: 88em;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

#timewareTrainingOneCol
{
    float: left;
    width: 80em;
    padding: 2em;
    margin: 2em;
    text-align: left;
}

#timewareTrainingLeftCol
{
    clear: both;
    float: left;
    width: 40em;
    padding: 0em;
    margin: 2em 0em 2em 4em;
    text-align: left;
}

#timewareTrainingRightCol
{
    float: left;
    width: 40em;
    padding: 2em;
    margin: 0em;
    text-align: left;
}

#timewareTrainingTitleLeftCol
{
    float: left;
    width: 6.5em;
    margin: 0em 0em 0em 7em;
    text-align: left;
}

#timewareTrainingTitleMidCol
{
    float:left;
    width:50em;
    margin:0em;
    text-align: left;
}
#timewareTrainingTitleRightCol
{
    float:left;
    width:20em;
    margin:0em;
    text-align: center;
}

#timewareDownloadPDF
{
    float:right;
    width:12em;
    margin:1em;
    text-align: center;
}

#timewareYoutubeVideo
{
    float:right;
    width:256px;
    margin:1em;
    text-align: center;
}

#taFooter
{
     width: 930px;
     margin: 0 auto 0 auto;
     padding: 0 50px 0 0;
}

/* product boxes */

#boxContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}

#boxContainer_new
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}

#boxnews_new
{
    float: left;
    width: 379px;
    height: 390px;
    margin-top: 1em;
    margin-left: 0.8em;
    margin-right: 0.8em;
    /* background: url(images/boxes/2010/news-box.png) no-repeat; */
}

#twitter_REL
{
    position: relative;
    width: 376px;
    height: 385px;
    margin: 0em;
    z-index: 1;
}

#box_TWITTER
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0em;
    z-index: 2;
}

#box_TWITTER_tl
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    margin: 0em;
    z-index: 4;
    background: url(images/twitter-box/tl-corner.png) no-repeat;
}

#box_TWITTER_tr
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 18px;
    height: 18px;
    margin: 0em;
    z-index: 4;
    background: url(images/twitter-box/tr-corner.png) no-repeat;
}

#box_TWITTER_bl
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    margin: 0em;
    z-index: 4;
    background: url(images/twitter-box/bl-corner.png) no-repeat;
}

#box_TWITTER_br
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 18px;
    height: 18px;
    margin: 0em;
    z-index: 4;
    background: url(images/twitter-box/br-corner.png) no-repeat;
}