@charset "utf-8";
/* JM Hair Design CSS Document */

a {
   outline: none;
}

body { margin:0; background: #d5d5d5 url(images/bkg.jpg) repeat-x ; font-family:Arial, Helvetica, sans-serif; font-size: 90%;   color:#666666; }

#shadow {  width:984px;  background: url(images/shadow.png) center top no-repeat ; _background:none;  margin:auto;  }

#shell {  width:954px;  margin:auto; }

#banner { height:140px; background: #FFFFFF url(images/banner.jpg) no-repeat; }

#banner_flash { width:82px; height:140px;  padding-left: 210px; }

#banner_flags { padding-right: 24px; float:right;}
#banner_flags li a:link, #banner_flags li a:visited {
background-position : 0 0px;
}
#banner_flags li a:hover, #banner_flags li a:focus {
background-position : 50px 0;
}
a.aeng{
width : 50px;
background: url(images/eng.jpg);}

a.ajap {
width: 50px;
background: url(images/jap.jpg);}

#banner_flags li {width:50px; float : left; display : block; margin:0; padding:0;}

#banner_flags li a {
float : left; display : block; height : 140px;  margin:0; padding:0;}

#banner_flags span {
display : none;
}

#content {   width:954px; height:542px; margin-top:0px; background:  #d6d6d6 url(images/conc.jpg) no-repeat; }



/* ********************   NAV  main  ******************************************** */

ul {margin:0; padding-left:0px; padding-top:0px;}


#nav { width:145px; height:300px; float: left; display:block; margin:0; padding:0; }


#nav li {width:145px; float : left; display : block; margin:0; padding:0;}

#nav li a {
float : left; display : block; height : 55px;  margin:0; padding:0;}


#nav li a:link, #nav li a:visited {
background-position : 0 0px;
}
#nav li a:hover, #nav li a:focus {
background-position : 0 55px;
}
a.aindex {
width : 145px;
background: url(images/jap_home.png); _background: url(images/jap_home.gif);}

a.aprices {
width: 145px;
background: url(images/jap_prices.png); _background: url(images/jap_prices.gif);}




/* ***** NAV images ****** */
a.aindex {
width : 145px;
background: url(images/jap_home.png); _background: url(images/jap_home.gif);}

a.aprices {
width: 145px;
background: url(images/jap_prices.png); _background: url(images/jap_prices.gif);}

a.abank{
width: 145px;
background: url(images/jap_bank.png);  _background: url(images/jap_bank.gif);}

a.abond{
width: 145px;
background: url(images/jap_bond.png); _background: url(images/jap_bond.gif);}

a.abaker{
width: 145px;
background: url(images/jap_baker.png) ; _background: url(images/jap_baker.gif); }

/* ***** NAV SELECTED ****** */
#nav li.index_selected {
display : block; 
height : 55px;
width : 145px;
background: url(images/jap_home.png) no-repeat ; _background: url(images/jap_home.gif) no-repeat ; background-position : 0 -55px;
}

#nav li.prices_selected {
display : block; 
height : 55px;
width : 145px;
background: url(images/jap_prices.png) no-repeat ; _background: url(images/jap_prices.gif) no-repeat ; background-position : 0 -55px;
}

#nav li.bank_selected {
display : block; height : 55px; width : 145px;
background: url(images/jap_bank.png) no-repeat ; _background: url(images/jap_bank.png) no-repeat ; background-position : 0 -55px;
}


#nav li.baker_selected {
display : block; height : 55px; width : 145px;
background: url(images/jap_baker.png) no-repeat ; _background: url(images/jap_baker.gif) no-repeat ; background-position : 0 -55px;
}
#nav li.bond_selected {
display : block; height : 55px; width : 145px;
background: url(images/jap_bond.png) no-repeat ; _background: url(images/jap_bond.gif) no-repeat ; background-position : 0 -55px;
}
#nav span {
display : none;
}

/* ********************   END OF NAV  ******************************************** */


#left_side { width: 591px; height:542px; float:left;  }


#left_text_spacer { float:right;  width: 370px; padding: 80px 15px 20px 0px; height: 250px; margin-right:30px; }


#left_text {  padding:15px 30px 19px 28px;  text-align:left; font-family: Arial, Helvetica, sans-serif; 	
		font-size: .75em;
		line-height: 1.7em;
		letter-spacing: 1px;
		word-spacing: 0.03em; font-weight:bold; color:#5d5d5d;
		background: url(images/whit_text_back.png); _background: #FFFFFF; 
		}
		
#left_text_prices {  padding:15px 10px 19px 10px;  text-align:left; font-family: Arial, Helvetica, sans-serif; 	
		font-size: .75em;
		line-height: 1.7em;
		letter-spacing: 1px;
		word-spacing: 0.03em; font-weight:bold; color:#5d5d5d;
		background: url(images/whit_text_back.png); _background: #FFFFFF; 
		}		
		
#left_text a {text-decoration:none; color: #CCCCCC; padding-bottom:10px; }

#left_text img {margin: -5px 20px 0px 0; float:left;  }

#map  { float:right; margin: 20px 0px 0px 0;}

#map p  { clear:both; margin:0; padding: 0 0 0 4px;; font-size:70%;}

#map a, #map a:link, #map a:visited {  border:none; text-decoration:none;}

#map img {  border:none; text-decoration:none;}

#map a img { border: solid 1px #CCCCCC; text-decoration:none;}

#left_greybox {background:#f4f4f4; padding: 8px 0px 10px 10px; border: solid 1px #e3e3e3;   }

#lower_image { float:left;  }


/* ******************** LOCATION NAV   main  ******************************************** 


#left_location_nav { width: 489px; height:100px;  display:block; margin:0; padding-left:2px; }


#left_location_nav li {width:160px; float : left; display : block; margin:0; padding:0;}

#left_location_nav li a {
float : left; display : block; height : 100px;  margin:0; padding:0;}


#left_location_nav li a:link, #left_location_nav li a:visited {
background-position : 0 100px;
}
#left_location_nav li a:hover, #left_location_nav li a:focus {
background-position : 0 0px;*/
}

/* ***** LOCATION NAV images ******
a.abond {
width : 160px;
background: url(images/loca_bond_shopper.jpg)  ;
}

a.abank {
width : 160px;
background: url(images/loca_bank.jpg);
}

a.abaker{
width : 160px;
background: url(images/loca_baker_sherlock.jpg); */
}

/* ***** LOCATION NAV  SELECTED ****** 
#left_location_nav li.bond_selected {
display : block; 
height : 100px;
width : 160px;
background: url(images/loca_bond_shopper.jpg) no-repeat ; background-position : 0 0px;
}

#left_location_nav li.prices_selected {
display : block; 
height : 100px;
width : 160px;
background: url(images/loca_bank.jpg) no-repeat ; background-position : 0 0px;
}

#left_location_nav li.locations_selected {
display : block; height : 100px; width : 160px;
background: url(images/loca_baker_sherlock.jpg) no-repeat ; background-position : 0 0px;
}

#left_location_nav span {
display : none;
}*/

/* ********************   END OF NAV  ******************************************** */

h1 { color:#ffffff; font-size:3em;margin:0; margin: 5px .3em .2em 2em   ; line-height:1em; padding:0em 2em 0em 2em; letter-spacing: -2px; }

h3 { color:#ffffff; font-size: 2.9em;margin:0; line-height:.1em; padding:.8em 0em 0em 4em; letter-spacing: -2px; }


h2 { font-size: 1.4em; margin:0; margin-bottom: .5em; }

table { text-align:left; padding: 0px; border: solid 0px #e3e3e3;  font-stretch:condensed;  }

td { border-bottom: solid 1px #e3e3e3; padding: 3px 3px 3px 3px; border-right: solid 1px #e3e3e3;  }

tr {background-color:none;}

#right_side { width: 363px; height:542px; background:url(images/flash_back.jpg); float:right; }

#job_box {height: 20px; padding-top:278px; padding-left: 5px; clear:both; }

#job_box a {text-decoration:none; color: #666666; background:#EEEEEE ; padding: 5px 7px; }


.clearer { clear:both;}


#footer { width: 990px; text-align:right; font-size: .6em;
		letter-spacing: .10px;
		word-spacing: 0.08em; font-weight:bold; color:#666666;
		 padding:10px 0 10px 0;  }
		 
a:active, a:focus {outline: 0;}