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

body {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

embed{
	display:block;
}

#container {
	width: 1000px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}


#shadow_base {
	width: 1000px;
	height: 680px;
	background-image: url('../im/global/shadow_base.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 9;
}


#small_container {
	width: 980px;
	margin-top: auto;
	margin-left: 9px;
	margin-right: 10px;
	background-color: transparent;
	z-index: 10;
}


#flash {
	position: relative;
	z-index: 0;
    width: 980px;
    height: 378px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;

	background-color: transparent;
}

#flash_small {
    position: absolute;
	width: 410px;
    height: 205px;
	margin-top: -320px;
	margin-left: 465px;
	margin-right: auto;
	background-color: transparent;
	z-index: 99;
    float: left;
}



/*Start of top nav*/
#top_nav_area {
	width: 980px;
	height: 32px;
	background-color: transparent;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

.button1{
    width: 85px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button2{
    width: 143px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button3{
    width: 91px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button4{
    width: 106px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button5{
    width: 97px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button6{
    width: 164px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button7{
    width: 178px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button8{
    width: 116px;
    height: 32px;
    /*margin-bottom:0px;*/
}


.button_left{
	/*float:left;*/
	display:block;
}


a#button1:hover {
     background-image: url('../im/global/btn_home_roll.gif');  
}

a#button1 {
    background-image: url('../im/global/btn_home.gif');
}

#button1_active{
    background-image: url('../im/global/btn_home_roll.gif');
}


a#button2:hover {
     background-image: url('../im/global/btn_abt_roll.gif');     
}

a#button2 {
     background-image: url('../im/global/btn_abt.gif');
}

#button2_active{
    background-image: url('../im/global/btn_abt_roll.gif');
}


a#button3:hover {
     background-image: url('../im/global/btn_heritage_roll.gif');    
}

a#button3 {
     background-image: url('../im/global/btn_heritage.gif');
}

#button3_active{
    background-image: url('../im/global/btn_heritage_roll.gif');
}


a#button4:hover {
     background-image: url('../im/global/btn_milestones_roll.gif');
}

a#button4 {
     background-image: url('../im/global/btn_milestones.gif');
}

#button4_active{
    background-image: url('../im/global/btn_milestones_roll.gif');
}


a#button5:hover {
     background-image: url('../im/global/btn_products_roll.gif');	     
}

a#button5 {
     background-image: url('../im/global/btn_products.gif');
}

#button5_active{
    background-image: url('../im/global/btn_products_roll.gif');
}


a#button6:hover {
     background-image: url('../im/global/btn_awards_roll.gif');
}

a#button6 {
     background-image: url('../im/global/btn_awards.gif');
}

#button6_active{
    background-image: url('../im/global/btn_awards_roll.gif');
}


a#button7:hover {
     background-image: url('../im/global/btn_worldwide_roll.gif');
}

a#button7 {
     background-image: url('../im/global/btn_worldwide.gif');
}

#button7_active{
    background-image: url('../im/global/btn_worldwide_roll.gif');
}


a#button8:hover {
     background-image: url('../im/global/btn_contact_roll.gif');
}

a#button8 {
     background-image: url('../im/global/btn_contact.gif');
}

#button8_active{
    background-image: url('../im/global/btn_contact_roll.gif');
}
/*End of top nav*/



/*Start of search area*/
#search_area {
	width: 980px;
	height: 37px;
	background-color: transparent;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}


#top_bkg {
	width: 980px;
	height: 37px;
	background-image: url('../im/global/top_bkg.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}


#btn_go {
	width: 42px;
	height: 37px;
	background-image: url('../im/global/btn_go.jpg');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	float:left;
	z-index: 11;
}


#search_textarea {
	width: 45px;
	height: 26px;
	background-color: transparent;
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}


#search_field {
	width: 150px;
	height: 26px;
	background-color: transparent;
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
/*End of search area*/



/*Start of content orange area*/
#middle_bkg_orange {
	width: 980px;
	height: 378px;
	background-image: url('../im/global/middle_bkg_oren.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
}


#logo {
    position: absolute;
	width: 140px;
	height: 84px;
	background-image: url('../im/global/logo.jpg');
	background-repeat: no-repeat;
	z-index: 12;
	margin-left: 830px;
}
/*End of content orange area*/



/*Start of content bottom area*/
#batik {
	width: 980px;
	height: 21px;
	background-image: url('../im/global/batik.jpg');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}


#whats_new {
	width: 980px;
	height: 31px;
	background-image: url('../im/global/whats_new.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}


#product_area {
	width: 3600px;
	height: 173px;
	background-color: transparent;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	float: left;
}


#product_neck {
	width: 114px;
	height: 140px;
	background-image: url('../im/global/product_neck.gif');
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-right: auto;
	margin-top: 20px;
	float:left;
}


#text_area {
	width: 205px;
	height: 110px;
	background-color: transparent;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}


.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}


#divider {
	width: 1px;
	height: 155px;
	background-image: url('../im/global/divider.gif');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	float:left;
}


#btn_tb_athome {
	width: 122px;
	height: 122px;
	background-image: url('../im/global/btn_tb_athome.jpg');
	background-repeat: no-repeat;
	margin-left: 12px;
	margin-top: 16px;
	float:left;
}


#btn_tb_atwork {
	width: 122px;
	height: 122px;
	background-image: url('../im/global/btn_tb_atwork.jpg');
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-top: 16px;
	float:left;
}


#btn_tb_atplay {
	width: 122px;
	height: 122px;
	background-image: url('../im/global/btn_tb_atplay.jpg');
	background-repeat: no-repeat;
	margin-top: 16px;
	margin-left: 5px;
	margin-right: 7px;
	float:left;
}


#product_group {
	width: 140px;
	height: 114px;
	background-image: url('../im/global/product_group.gif');
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-right: auto;
	margin-top: 20px;
	float:left;
}
/*End of content bottom area*/



/*Start of heritage content area*/
#heritage_bkg {
	width: 980px;
	height: 378px;
	background-image: url('../im/heritage/heritage_bkg.jpg');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
}


#heritage_text_area {
    position:absolute;
	width: 513px;
	height: 240px;
	background-color: transparent;
	margin-top: 100px;
	margin-left: 380px;
}


.content_heritage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #362f2d;
	text-align: justify;	
}

/*
#scroll_area {
	width: 18px;
	height: 235px;
	background-color: transparent;
	margin-top: 100px;
	margin-left: 420px;
}
*/

#btn_scrollup {
    position: absolute;
	width: 18px;
	height: 18px;
	background-image: url('../im/heritage/btn_scrollup.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: 530px;
	z-index: 12;
}


#btn_scrolldown {
    position: absolute;
	width: 18px;
	height: 18px;
	background-image: url('../im/heritage/btn_scrolldown.gif');
	background-repeat: no-repeat;
	margin-top: -42px;
	margin-left: 530px;
	z-index: 12;
}


#bar {
    position: absolute;
	width: 2px;
	height: 199px;
	background-image: url('../im/heritage/bar.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: 538px;
	z-index: 11;
}


#drag {
    position: absolute;
	width: 18px;
	height: 5px;
	background-image: url('../im/heritage/drag.gif');
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: -7px;
	z-index: 13;
}
/*End of heritage content area*/


/*Start of awards content area*/
#awards_bkg {
	width: 980px;
	height: 378px;
	background-image: url('../im/awards/awards_bkg.jpg');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
}


#awards_text_area {
    position: absolute;
	width: 480px;
	height: 260px;
	background-color: transparent;
	margin-top: 80px;
	margin-left: 55px;
}


.content_awards {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #362f2d;
	text-align: justify;	
}
/*End of awards content area*/



/*Start of about content area*/
#about_top_bkg {
	width: 980px;
	height: 37px;
	background-image: url('../im/about/about_top_bkg.gif');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}


#about_bkg {
	width: 980px;
	height: 378px;
	background-image: url('../im/about/about_bkg.jpg');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
}


#about_text_area {
    position: absolute;
	width: 480px;
	height: 260px;
	background-color: transparent;
	margin-top: 80px;
	margin-left: 55px;
}


.content_about {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #362f2d;
	text-align: justify;	
}
/*End of about content area*/



/*Start of contact content area*/
#contact_bkg {
	width: 980px;
	height: 378px;
	background-image: url('../im/contact/contact_bkg.jpg');
	background-repeat: no-repeat;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
}


#contact_text_area {
    position: absolute;
	width: 350px;
	height: 170px;
	background-color: transparent;
	margin-top: 65px;
    margin-left: 388px;
}

.content_contact_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #362f2d;
	text-align: justify;	
}

.content_contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #362f2d;
	text-align: justify;	
}

/*End of contact content area*/