/* PAGE FORMART AND LAYOUT AREA */
/************************************************/
html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #FFFFFF;
}

a  {
   text-decoration: none;
   color: #FFFFFF;
}

a ins  {
   text-decoration: none;
}

#steelbuildingcanada  {
   margin: 0px auto 0px auto;
   width: 1002px;
   position: relative;
}
/************************************************/

/************************************************/
#steelbuildinglogo  {
   background: url(../images/logos/brlogo3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 10px;
   top: 775px;
   z-index: 2;
   width: 167px;
   height: 149px;
}

#canadaflag {
   background: url(../images/flags/usaca.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 700px;
   top: 5px;
   z-index: 5;
   width: 68px;
   height: 50px;
   right: 230px;
}

#americanflag  a {
   background: url(../images/flags/canadianflag.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 43px;
   top: 960px;
   /*top: 960px;*/
   z-index: 5;
   width: 100px;
   height: 63px;
}

#helpdesklogo2  {
   background: url(../images/help_desk3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 471px;
   top: 1085px;
   z-index: 2;
   width: 345px;
   height: 185px;
}

#creditcardlogos 
{
   background: url(../images/logos/cclogos.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 364px;
   top: 1110px;
   z-index: 2;
   width: 190px;
   height: 38px;
}

#shippinglogos 
{
   background: url(../images/logos/courier.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 396px;
   top: 1093px;
   z-index: 2;
   width: 330px;
   height: 70px;
}

#bbblogo a 
{
   background: url(../images/logos/bbblogo.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 856px;
   top: 1094px;
   z-index: 3;
   width: 136px;
   height: 49px;
}

#feedbacklink
{
  visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 843px;
   top: 900px;
   z-index: 3;
   width: 154px;
   height: 35px;
   text-align: center;
}

#socialnetworklogos
{
  visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 844px;
   top: 968px;
   z-index: 3;
   width: 154px;
   height: 35px;
   text-align: center;
}

#braemarlogo a 
{
   background: url(../images/logos/brlogo.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 881px;
   top: 1015px;
   z-index: 3;
   width: 99px;
   height: 60px;
}

#a660 a
{
   background: url(../images/a660-certification.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 848px;
   top: 1157px;
   z-index: 3;
   width: 145px;
   height: 106px;  
}

#videologo a
{
   background: url(../images/screen_shot.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 200px;
   top: 1085px;
   z-index: 3;
   width: 138px;
   height: 133px;
}

#drawings a
{
   background: url(../images/drawings_thumbnail2.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 548px;
   top: 1085px;
   z-index: 3;
   width: 138px;
   height: 133px;
}

#freeshirt a
{
   background: url(../images/free_golf_shirt.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 109px;*/
   left: 375px;
   top: 1085px;
   z-index: 3;
   width: 138px;
   height: 133px;
}

#layer1  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 1002px;
   height: 1090px;
   background-color: #FFFFFF;
   background-image: none;
}

#topbanner  {
   background: url(../images/topbanner.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 1002px;
   height: 444px;
   color:#FFFFFF;     
}

#maincontent  {
   visibility: visible;
   position: absolute;
   left: 193px;
   top: 544px;
   z-index: 6;
   width: 625px;
   height: 545px;
}

#bottombar  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 1275px;
   z-index: 2;
   width: 1002px;
   height: 50px;
   background-color: #003066;
   background-image: none;
   color:#FFFFFF;
   text-align:center;  
}

#toptext
{
    font-family: Verdana, Arial, Times New Roman;
    font-size: 24px;
    color:#FFF;
    margin:5 5 5 5;
    padding: 5 5 5 5;
    position:absolute;    
    left:500px;
    top:20px;
    width: 300px;
    z-index: 6;
}

#topmenubar
{
    font-family: Verdana, Arial, Times New Roman;
    font-size: 14px;
    color:#FFF;
    margin:5 5 5 5;
    padding: 5 5 5 5;
    position:absolute;    
    left:500px;
    top:60px;
    width: 500px;
}
/************************************************/

/* MAIN BUTTON AREA */
/************************************************/
#kitsb a:hover,
#modifiedb a:hover,
#customb a:hover  {
   background-position: -192px 0%;
}

#kitsb a,
#modifiedb a,
#customb a  {
   background-repeat: no-repeat;
   display: block;
   height: 194px;
   width: 194px;
   background-position: 0% 0px;
   font-size: 74px;
   line-height: 74px;
}

#kitsb,
#modifiedb,
#customb {
   visibility: visible;
   position: absolute;
   top: 347px;
   z-index: 6;
   width: 194px;
   height: 194px;
}

#kitsb a  {
   background-image: url(../images/big_button_blue3.gif);
}

#kitsb  {
   /*left: 192px;*/
   left: 289px;
}

#modifiedb a  {
   background-image: url(../images/big_button_green3.gif);
}

#modifiedb  {
   left: 398px;
}

#customb a  {
   background-image: url(../images/big_button_yellow3.gif);
}

#customb  {
   /*left: 604px;*/
   left: 507px;
}
/************************************************/

/* LEFT SIDE MENU BUTTON AREA */
/************************************************/
#aboutusb a:hover,
#instantquoteb a:hover,
#specialoffersb a:hover,
#buildingoptionsb a:hover,
#contactusb a:hover,
#brochureb a:hover,
#buildingsgalleryb a:hover,
#contractorsb a:hover  {
   background-position: -160px 0%;
}

#buildingsgalleryb a,
#steelbuildingcanadahomeb a,
#buildingoptionsb a,
#aboutusb a,
#instantquoteb a,
#contractorsb a,
#contactusb a,
#specialoffersb a,
#brochureb a  {
   background-repeat: no-repeat;
   display: block;
   height: 32px;
   width: 160px;
   background-position: 0% 0px;
   font-size: 32px;
   line-height: 32px;
}

#steelbuildingcanadahomeb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 472px;
   z-index: 11;
   width: 166px;
   height: 32px;
}

#steelbuildingcanadahomeb a  {
   width: 166px;
   background-image: url(../images/steelbuildingcanadahomeb.gif);
}

#steelbuildingcanadahomeb a:hover  {
   background-position: -166px 0%;
}

#instantquoteb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 503px;
   z-index: 10;
   width: 160px;
   height: 32px;
}

#instantquoteb a  {
   background-image: url(../images/instantquoteb.gif);
}

#specialoffersb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 534px;
   z-index: 9;
   width: 160px;
   height: 32px;
}

#specialoffersb a  {
   background-image: url(../images/specialoffersb.gif);
}

#buildingsgalleryb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 566px;
   z-index: 8;
   width: 160px;
   height: 32px;
}

#buildingsgalleryb a  {
   background-image: url(../images/buildingsgalleryb.gif);
}

#buildingoptionsb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 596px;
   z-index: 7;
   width: 160px;
   height: 32px;
}

#buildingoptionsb a  {
   background-image: url(../images/buildingoptionsb.gif);
}

#aboutusb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 628px;
   z-index: 6;
   width: 160px;
   height: 32px;
}

#aboutusb a  {
   background-image: url(../images/aboutusb.gif);
}

#contractorsb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 659px;
   z-index: 5;
   width: 160px;
   height: 32px;
}

#contractorsb a  {
   background-image: url(../images/specificationsb.gif);
}

#contactusb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 690px;
   z-index: 4;
   width: 160px;
   height: 32px;
}

#contactusb a  {
   background-image: url(../images/contactusb.gif);   
}

#brochureb  {
   visibility: visible;
   position: absolute;
   left: 6px;
   top: 720px;
   z-index: 3;
   width: 160px;
   height: 32px;
}

#brochureb a  {
   background-image: url(../images/brochureb.gif);
}
/************************************************/

#verticalmenubox  {
   background: url(../images/verticalmenubox.gif) no-repeat;
   visibility: visible;
   position: absolute;
   /*left: 103px;*/
   left:5px;
   top: 460px;
   z-index: 2;
   width: 180px;
   height: 307px;
   right: 775px;
}

#verticalmenubox2  {
   background-color:#D4F4FD;   
   visibility: visible;
   position: absolute;
   /*left: 103px;*/
   left:822px;
   top: 420px;
   z-index: 2;
   width: 180px;
   height: 855px;
   right: -4px;
}

#ad1  {
   background: url(../images/banners/side_banner_3.gif) no-repeat;   
   visibility: visible;
   position: absolute;
   /*left: 103px;*/
   left:823px;
   top: 451px;
   z-index: 2;
   width: 175px;
   height: 200px;   
}

#ad2  {
   background: url(../images/banners/side_banner_1.gif) no-repeat;   
   visibility: visible;
   position: absolute;
   /*left: 103px;*/
   left:823px;
   top: 672px;
   z-index: 2;
   width: 175px;
   height: 200px;   
}