html {
    height: 100%;
	overflow-y: scroll; }

* {
    box-sizing: border-box; }

body {
    height: 100%;
	max-width: 1200px;
    margin: 0px auto;
    font-family: 'Helvetica Neue', Arial, Sans-serif;
	font-size: 75%;
	background: /* #F8F8F8 */ #F8F8F8 url(../img/diamond-upholstery.png) repeat ;
	color: #02151a; }

#content {
    position: relative;
    width: 90%;
    margin: 0px auto;
    padding: 0.2% 0 0 0;}

a.menu {
    font-weight: bold;
    color:#02151a; }    

a.top_menu {
    font-weight: bold;
    color:#FFFFFF; } 
    


a {
    color:#435E95;
    text-decoration: none; }

a:link, a:visted, a:hover, a:active {
    color: #FFCC66 /* #435E95 */; }

#breadcrumb a.inactive:hover, #breadcrumb a.active:hover, #breadcrumb_bottom a.inactive:hover, #breadcrumb_bottom a.active:hover, a.menu:hover, a.menu:active {
    color:#FFCC66; }

/* TOP */

#top {
    position:relative;
    display:inline-block;
    left: 15%;
    width: 85%;
    height: 30%;
    background: ;
    padding: 0.1% 0% 0.7% 0;
    margin: 0% 0% -0.2% 0%; }

    #top img {
        position: relative;
        display:inline-block;
        float: left;
        top: 0%;
        left:0.4%;
        width: 5%;
        margin: 0.3% 0% 0% 0%; 
        padding: 0px; }

    #top p.title{            
        position: absolute;
        display: inline-block;
        width: /* 70% */;
        color: #336699;
        float: left;
        top: 0%;
        left: 5%;
        width: 70%;
        margin: 0% 0 0 1%;
        padding: 0px;
        font-family: Century Gothic, Arial, Courier New, Sans-Serif; 
        font-weight:bolder;
        font-size: 210%;
        line-height:1.1em;
        text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}

    #top p.title:after { 
        content:"- Established since 1961 -";
        background: /* #FC6 url(../img/line.png) repeat */ ;
        display: block;
        line-height: 100%;
        width: 100%;
        color:;
        font-size: 50%;
        font-weight:bold; }    

    #Heading { 
        position:relative;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%; }
        
        #top_right {
            position: absolute;
            display: block;
            float: right;
            text-align: right;
            right: 0%;
            top: 0%;
            padding: 0% 0% 0% 0%;
            width: 22%;        
            margin: 0% 0%; }

            .language_en, .language_jp, .language_ch, .language_active {
                text-align: justify;
                background: #FFFFFF;
                font-weight: bold;
                color: #435E95;
                margin: 0% 1%;
                padding: 0% 2%; }

            .language_en:hover, .language_jp:hover, .language_ch:hover, .language_active {
                background:#003399;
                color: #FFFFFF; }

/* Google Custom Search */
            td.gsc-search-button input, td.gsc-search-button input:hover, td.gsc-search-button input:focus {
                    background: #808080 url("http://www.google.com/uds/css/v2/search_box_icon.png");
                    background-position: center center;
                    background-repeat: no-repeat; }

            #searchbox {
                position: absolute;
                display: inline-block;
                top: 1.4%;
                right: 0.8%;
                margin: 0%;
                padding: 0%; }
                
                input.search_input, input.search_input:focus { 
                    width: 200px; 
                    border: 2px solid #FFF; }
                
                input.search_button {
                    height: 100%; }
                
/* BODY */

#body {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: inherit;
    background:;
    top:0%;
    margin:-1px 0% 0% 0% ;
    padding: 0%; }

#left_window {
    position: relative;
    display: block;
    min-height: inherit;
    float: left;
    width: 14%;
    margin: 0px;
    padding: 0px;
    background: # /* #F4F4F4 */; } 

    .menu_top {
        margin: 0% 0%;
        padding: 4% 6%;
        height: 1.6em;
        background: #003399 url(../img/little-knobs.png) repeat ;
        line-height: 1.2em;
        font-size: 2em;
        font-weight: bold;
        text-decoration: underline;
        text-decoration-color: #FFCC66;
        color: #FFF;
        cursor:default;
        text-align: left;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

    #side {
        position:relative;
        display:block;
        width: 100%; }

        #side ul {
            position: ;
            float: left;
            width: 100%;
            background: /* #003399 */ #003399 url(../img/little-knobs.png) repeat ;
            padding: 0% 0% 0% 0%;
            margin: 0% 0%;
            text-align: ; }

        #side li {
            font-size: 1.1em;
            position: ;
            display: block;
            list-style-type:none;
            padding: 3% 7%;
            margin: 0% 0%;
            width: ;
            font-weight: bold;
            background: ;
            text-decoration: none;
            border-left: 0px #003399;
            border-left-style: solid;
            border-right: 0px #003399;
            border-right-style: solid; }

            li.selected {
                background: #FFFFFF;
                color: #FFCC66;
                text-shadow: -1px 0 gray, 0 1px gray, 1px 0 gray, 0 -1px gray; }

                li.selected a {
                    color: #FFCC66; }

        #side a:hover {
            color: #FFCC66; }

            li.side_2 {
                padding:;
                margin:; }

            li.side_2 a  {
                padding-left: 10%;
                color: #FFFFFF; }

            #side_2 a:hover, span.active_menu {
                color:#FFCC66; }

                span.active_menu:after {
                    content:" ◄ "; 
                    font-size: 100%;
                    font-weight:bold; }

.text_window {
    background: #FFCC66 url(../img/ag-square.png) repeat ;
    margin: 0% 0%;
    padding: 0% 0%; }

.heading, .heading_title {
    margin: 0.5% 0% 0.1% 0%;
    padding: 0.5% 1%;    
    display: inline-block;
    font-weight: bolder;
    font-family:sans-serif;
    font-variant:small-caps;
    cursor: default;
    background: #;
    width: 100%;
    color: #FFF /* #003399 */;
    height: 2.1em;
    font-size: 1.4em;
    vertical-align:middle;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
    overflow:hidden; }
    
    .heading_title {
        text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
        
    .heading:before, .heading:after { 
        content:" ► ";
        font-size: 100%;
        font-weight: bold; }

    .heading:after { 
        content:" ◄ "; }

#right_window, #right_window_title {
    position:relative;
    display: block;
    min-height: inherit;
    height: 518px;
    float: right;
    width: 85%;
    margin: 0px;
    padding:0%;
    background: #FFF url(../img/ag-square.png) repeat ;
    overflow: ; }

#right_window img {
    width: auto; }

#right_window_title {
    padding:0%;
    min-height: 100%; }

#right_window_border { 
    width: 100%;
    min-height: 500px;
    padding: 1% 1% 4% 1%;
}

#right_window_title_border { /* INDEX.html only */
    width: 100%;
    min-height:501px ;
    border: 0px #003399;
    border-style: solid;
    border-top-style: none;
    margin: 0px;
    padding: 0px;
}

#left_window p, #left_menu {
    color: gray; }



.item {
    font-weight: bold;
    color: #02151a;
    line-height: 2.5em;}

.heading_item {
    position:relative;
    display: block;
    width: 100%;
    padding: 0%;
    margin: 0%;
    font-weight: bold;
    color: #02151a;
    line-height: 1.5em; }

.bottom_item, .bottom_item_title {
    position:absolute;
    display: block;
    background: #003399 url(../img/little-knobs.png) repeat ;
    width: 100%;
    float: left;   
    bottom: 0%; 
    padding: 0 0 0 1%;
    margin: 0%;
    font-weight: bold;
    color: #02151a;
    line-height: 2em; }

.bottom_item_title {
    margin: 0px 0 0 0%; }

.heading_item2 {
    display: block;
    font-weight: bold;
    color: #02151a;
    line-height: 2em; }

#breadcrumb_bottom {
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0; }

    #breadcrumb_bottom a, #breadcrumb a.active, #breadcrumb_bottom a.active {
        color: #FFFFFF; }

    #breadcrumb, #breadcrumb_bottom, #breadcrumb a.inactive, #breadcrumb_bottom a.inactive {
        color: #C8C8C8 ; }

    #breadcrumb_bottom ul {
        background:;
        display: ;
        padding: 0px 0 0px 0px;
        margin: 0px 0px;
        text-align: ; }

    #breadcrumb_bottom ul li {
        display: inline-block;
        list-style-type: none;
        padding: 0 1% 0 0;
        margin: 0 0 0% 0; }

#message_left {
    margin: 0px 0 0 0;
    display: block;
    float: left;
    width: 20%;
}

#message_right {
    background: ;
    margin:10px 0 0 0;
    display: block;
    float: right;
    width: 80%;
}

/* BOTTOM */

#bottom {
    position: relative;
    display:inline-block;
    width: 100%;
    bottom: 0px;
    height: 100%;  
    padding: 5px 15px;
    margin: 0px; }

    #bottom t {
    color: #02151a;}

    #bottom ul {
        background:;
        display: ;
        padding: 0px 0 0px 0px;
        margin: 0px 0px;
        text-align: ; }

    #bottom ul li {
        position: ;
        display: inline-block;
        list-style-type: none;
        padding: 0 5px 0 0;
        margin: 0 0 5px 0;
        background: ; }

    #bottom_left {
        float:left;
        display:;
        float:left;
        background-color: # ; }
    
    #bottom_right_window {
        position:relative;
        display: block;
        float: right;
        width: 85%;
        margin: 0px;
        padding:0px;
        background: ; }

    #bottom_right {
        float:right;
        text-align: right;
        background: # ;
        display:; }