@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "CoTextEmbedded";
    src: url(COHEADL0.eot);
    src: local("Co Text"), url(CoText.ttf) format("truetype"); /* non-IE */  
}

body 
{
    margin:0;
    padding:0;
    overflow:visible;
    font-family:CoTextEmbedded, Verdana, Arial, Helvetica,sans-serif;
}




#mainContainer
{
    width:923px;
    margin-left:auto;
    margin-right:auto;
    height:712px;
}

#mainContainer_innerTop
{
    width:100%;
    height:614px;
    background-image:url(images/contentBG.jpg);
}
#mainContainer_innerMid
{
    width:913px;
    height:21px;
    background-color:#77D4F3;
    color:White;
    background-image:url(images/Supreme_midBar_logo.gif);
    background-position:right;
    background-repeat:no-repeat;
    padding-left:10px;
    font-size:12px;
    padding-top:5px;
}
#mainContainer_innerBottom
{
    width:913px;
    height:42px;
    background-image:url(images/bot_bar_charteredLogo.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    text-align:right;
    font-size:10px;
    color:#B3B3B3;
    padding-top:30px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
#mainContainer_innerBottom a:link, #mainContainer_innerBottom a:hover, #mainContainer_innerBottom a:visited, #mainContainer_innerBottom a:active
{
    color:#B3B3B3;
    text-decoration:none;
}
#mainContainer_innerBottom a:hover
{
    text-decoration:underline;
}


#leftMenu
{
    width:105px;
    margin-left:42px;
    position:absolute;
}

#leftMenuLogo
{
    height:67px;
    background-color:#77D4F3;
    text-align:center;
    padding-top:25px;
    width:92px;
}

#leftMenuTelNo
{
    width:92px;
    height:26px;
    background-image:url(images/telNo.jpg);
}

#leftMenuMenu
{
    padding:0;
    width:92px;
}
/*
#menuList
{
    margin:0;
}
#menuList li
{
    list-style:none;
    font-size:13px;
    margin-left:-30px;
    line-height:20px;
}
#menuList a:link, #menuList a:active, #menuList a:hover, #menuList a:visited
{
    text-decoration:none;
    color:White;
}
#menuList a:hover
{
    text-decoration:underline;
}*/

#contentAreaTop
{
    width:100%;
    height:398px;
    color:#6D6D6D;
}
#contentAreaTop a:link, #contentAreaTop a:active, #contentAreaTop a:hover, #contentAreaTop a:visited
{
    text-decoration:none;
    color:Black;
}
#contentAreaTop a:hover
{
    text-decoration:underline;
}
#contentAreaBottom
{
    width:100%;
    height:215px;
    color:#6D6D6D;
}

.workBottomTitle
{
    position:absolute;
    width:923px;
    margin-top:5px;
    text-align:center;
    font-size:14px;
    margin-left:-140px;
}
#workBarHolder
{
    margin-top:45px; 
    margin-bottom:-1px;
}

#fadeContainer
{
    width:783px; 
    height:398px;
    background-position:right;
    opacity: 0; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.workContainer
{
    width:923px; 
    height:398px;
    position:absolute;
}

.workExample
{
   /* background-image:url(images/bg_atkinsons.jpg);*/
    width:783px;
    height:398px;
    background-position:top right;
}


/*javascript workBar styles*/
.workImageFrame
{
    float:left;
    margin-left:25px;
    margin-right:25px;
    width:176px;
    height:170px;
    background-image:url(images/frame.png);
}
.workImage
{
    margin-left:28px;
    margin-top:27px;
}
#leftBut
{
    margin-top:55px;
}
#rightBut
{
    margin-top:55px;
}