* { border: 0; margin: 0; padding: 0; }

a, object { outline: 0; }
a { text-decoration: none; }
html, body { width: 100%; height: 100%; }

body
{
    background-color: #B3B3B3;
    font-family: Arial, Helvetica, sans-serif;
}


.bold
{
    font-weight: bold;
}

#header-wrapper
{
    width: 100%;
    min-width: 995px;
    
    height: 112px;
    background-repeat: repeat-x;
    background-image: url(/img/header_bgd.png);
}

#menu-wrapper
{
    width: 100%;
    min-width: 995px;
    height: 29px;
    background-repeat: repeat-x;
    background-image: url(/img/menu_bgd.png);
}

#content-wrapper
{
    width: 100%;
    min-width: 995px;
    overflow: hidden;
    padding-top: 15px;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-image: url(/img/content_bgd.png);
}

#footer-wrapper
{
    width: 100%;
    min-width: 995px;
    height: 260px;
    background-repeat: repeat-x;
    background-image: url(/img/footer_bgd.png);
}

#header
{
    width: 993px;
    height: 111px;
    margin: 0 auto;
    border: 1px solid transparent;
}

#logo
{
    float: left;
    width: 358px;
    height: 73px;
    display: block;
    margin: 15px 0 0 10px;
    background-repeat: no-repeat;
    background-image: url(/img/logo_orange.png);
}

#slogan
{
    float: right;
    width: 600px;
    height: 86px;
    color: #FFFFFF;
    font-size: 25px;
    text-align: right;
    margin: 25px 0 0 0;
}

#menu-top
{
    width: 995px;
    height: 29px;
    margin: 0 auto;
}

#menu-top .tab
{
    float: left;
    width: 140px;
    height: 25px;
    margin: 0 5px 0 0;
    position: relative;
    
    background-repeat: no-repeat;
    background-image: url(/img/menu_tab.png);
}

#menu-top .tab > a
{
    width: 100%;
    height: 100%;
    display: table;
    
    color: #6F7072;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    
    overflow: hidden;
    position: relative;
}

#menu-top  .tab:hover,
#menu-top  .tab.active
{
    color: #FFFFFF;
    background-image: url(/img/menu_tab_active.png);
}

#menu-top  .tab:hover > a,
#menu-top  .tab.active > a
{
    color: #FFFFFF;
}

#menu-top .sub-menu
{
    width: 171px;
    display: none;
    height: 200px;
    z-index: 100;
    
    top: 25px;
    left: -10%;
    position: absolute;
}

#menu-top .sub-menu a
{
    width: 140px;
    margin: 0 auto;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    display: block;
    overflow: hidden;
}

#menu-top  .tab:hover .sub-menu
{
    display: block;
}

#menu-top .sub-menu .sub-menu-top
{
    width: 171px;
    height: 30px;
    background-position: center center;
    background-image: url(/img/submenu-top.png);
}

#menu-top .sub-menu .sub-menu-middle
{
    width: 171px;
    overflow: hidden;
    text-align: center;
    background-repeat: repeat-y;
    background-position: center center;
    background-image: url(/img/submenu-middle.png);
}

#menu-top .sub-menu .sub-menu-bottom
{
    width: 171px;
    height: 22px;
    background-position: center center;
    background-image: url(/img/submenu-bottom.png);
}

#menu-top .sub-menu .sub-menu-item
{
    display: block;
    margin-bottom: 15px;
}

#menu-top .sub-menu .sub-menu-item:hover
{
}

#menu-top .sub-menu .sub-menu-item:first-child
{
    display: block;
    margin-top: 15px;
}

#menu-top .tab .dot
{
    color: #FA6C15;
    margin: 0 5px 0 0;
}

#menu-top .tab span
{
    cursor: pointer;
}

/*
#menu-top .tab
{
    width: 100px;
    height: 25px;
    margin: 0 5px 0 0;
    
    color: #6F7072;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    
    background-repeat: no-repeat;
    background-image: url(/img/menu_tab.png);
}

#menu-top .tab .dot
{
    color: #FA6C15;
    font-size: 15px;
    margin: 0 5px 0 0;
}

#menu-top  .tab:hover,
#menu-top  .tab.active
{
    color: #FFFFFF;
    background-image: url(/img/menu_tab_active.png);
}
*/

#search
{
    float: right;
    margin-top: 3px;
}

#search_submit
{
    color: #FFFFFF;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
    background-color: transparent;
}

#search_submit:hover
{
    border-bottom: 1px dotted #FFFFFF;
}


#search_field
{
    height: 15px;
    background-color: #D8D9DB;
    border: 1px solid #8F9092;
}

.hr
{
    width: 100%;
    height: 1px;
    background-color: #FA6C15;
}

#content
{
    width: 993px;
    margin: 0 auto;
    min-height: 433px;
    position: relative;
    
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    -moz-border-radius: 10px;
}

#content .subtitle
{
    color: #6F7072;
    font-size: 30px;
    margin: 15px 0 15px 15px;
}


#underline
{
    width: 500px;
    height: 1px;
    margin: 0 0 0 -1px;
    background-repeat: no-repeat;
    background-image: url(/img/underline_orange.png);
}

#flap
{
    float: right;
    width: 284px;
    height: 47px;
    margin: 10px -13px 0 0;
    
    color: #FFFFFF;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    cursor: default;
    
    background-repeat: no-repeat;
    background-image: url(/img/flap_orange.png);
}

#textbox
{
    float: left;
    width: 650px;
    min-height: 400px;
    color: #6F7072;
    overflow: hidden;
    font-size: 12px;
    margin: 15px 0 15px 15px;
    
    background-repeat: no-repeat;
    background-position: bottom center;
}

#textbox a
{
    color: #FA6C15;
}

#textbox h1
{
    font-size: 30px;
}

#textbox ul
{
    margin: 0 0 0 19px;
}

#textbox .dot
{
    color: #FA6C15;
    font-size: 12px;
}

#searchbox
{
    float: left;
    width: 650px;
    height: 350px;
    color: #6F7072;
    overflow: hidden;
    font-size: 12px;
    margin: 15px 0 0 15px;
}

#searchbox > h3
{
    color: #6F7072;
    margin: 15px 0 5px 0;
    padding-bottom: 3px;
    border-bottom: 1px dotted #FA6C15;
}

#searchbox > h3 > a
{
    color: #6F7072;
}

#legos
{
    float: right;
    width: 227px;
    height: 364px;
    margin: 0 15px 0 0;
}

#lego
{
    float: right;
    width: 284px;
    height: 390px;
    color: #FFFFFF;
    background-repeat: no-repeat;
}

#lego.red.small  { background-image: url(/img/lego_small_red.png); }
#lego.red.medium { background-image: url(/img/lego_medium_red.png); }
#lego.red.large  { background-image: url(/img/lego_large_red.png); }

#lego.blue.small  { background-image: url(/img/lego_small_blue.png); }
#lego.blue.medium { background-image: url(/img/lego_medium_blue.png); }
#lego.blue.large  { background-image: url(/img/lego_large_blue.png); }

#lego.green.small  { background-image: url(/img/lego_small_green.png); }
#lego.green.medium { background-image: url(/img/lego_medium_green.png); }
#lego.green.large  { background-image: url(/img/lego_large_green.png); }

#lego h3
{
    text-align: center;
    margin: 15px 0 0 0;
}

#lego_menu
{
    margin: 0 auto;
    text-align: center;
}

#lego_menu > li
{
    margin: 5px 0 0 0;
}

#lego_menu > li > a
{
    color: #FFFFFF;
}

#section_menu
{
    width: 284px;
    height: 40px;
    
    text-align: center;
    
    right: 0;
    bottom: -1px;
    position: absolute;
}

#section_menu > .button
{
    width: 82px;
    height: 40px;
    
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/img/lego.png);
}

#section_menu > .button.red_hover:hover   { background-image: url(/img/lego_red.png); }
#section_menu > .button.blue_hover:hover  { background-image: url(/img/lego_blue.png); }
#section_menu > .button.green_hover:hover { background-image: url(/img/lego_green.png); }

#section_menu > .button.red   { background-image: url(/img/lego_red.png); }
#section_menu > .button.blue  { background-image: url(/img/lego_blue.png); }
#section_menu > .button.green { background-image: url(/img/lego_green.png); }

#footer
{
    width: 993px;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0 0 0;
    position: relative;
}

#menu-bottom > .tab
{
    height: 15px;
    padding: 0 5px 0 13px;
    display: inline-block;
    
    color: #6F7072;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    border-left: 2px solid #6F7072;
}

#menu-bottom > .tab:hover
{
    color: #FFFFFF;
}

#menu-bottom > .tab:first-child
{
    border: 0;
    padding-left: 0;
}

#copyright
{
    color: #6F7072;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0 0 0;
}

#copyright > a
{
    color: #FA6C15;
}

#copyright > a:hover
{
    color: #FFFFFF;
}

#logo_atobiz
{
    width: 48px;
    height: 17px;
    display: block;
    
    top: 5px;
    right: 0;
    position: absolute;
    
    background-repeat: no-repeat;
    background-image: url(/img/logo_atobiz.png);
}

.contact-form
{
    float: left;
    width: 269px;
    margin: 0px 0 15px 0;
}

.contact-form .input.text
{
    height: 16px;
    margin: 0 0 6px 0;
}

.contact-form .input.textarea
{
    height: 73px;
    margin: 0 0 6px 0;
}

.contact-form .submit
{
    text-align: right;
    margin: 15px 0 0 0;
}

.contact-form .input label
{
    float: left;
    width: 115px;
    height: 16px;
    display: block;
    font-size: 11px;
    text-align: right;
}

.contact-form .input input
{
    float: right;
    width: 148px;
    height: 14px;
    border: 1px solid #E6E6E6;
}

.contact-form .input textarea
{
    width: 267px;
    height: 55px;
    border: 1px solid #E6E6E6;
}

.contact-form .input input.focused,
.contact-form .input textarea.focused
{
    background-color: #FA6C15;
}

.contact-form .submit input
{
    width: 118px;
    height: 20px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 20px;
    font-weight: bold;
    
    background: none;
    background-repeat: no-repeat;
    background-image: url(/img/submit.png);
}

.contact-form .required
{
    color: #FA6C15;
    padding: 0 0 0 3px;
}

.contact-form .message
{
    color: #FA6C15;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
}

.contact-map
{
    float: right;
    
    width: 305px;
    height: 215px;
    margin: 27px 35px 0 0;
    border: 1px solid #000000;
}

#confirmation
{
    display: none;
    height: 124px;
    padding-top: 124px;
    margin: 0 0 15px 0;
    text-align: center;
}

#confirmation h3
{
}

#sitemap_main_menu a,
.sitemap_section_menu a
{
    color: #FA6C15;
}

ul#sitemap_main_menu
{
    margin: 0 auto;
    list-style: none;
    text-align: center;
    margin-bottom: 25px;
}

#sitemap_main_menu li
{
    margin-top: 5px;
}

.sitemap_section_menu
{
    list-style: none;
}

.sitemap_section_menu li
{
    margin-top: 5px;
}