/* color set:
	#e4e4e4 - background of main window
*/
html { height: 100%; margin-bottom: 0px; }
body { margin: 0; padding: 0; background: url(../images/bg.gif) 0 0 repeat-x #fff; border-top: 1px solid #988e8f; }
body, td, input, textarea, select { color: #000; font: normal 12px Myriad Pro,Tahoma,Verdana,Geneva,Helvetica,sans-serif; }

img { border: 0; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center }
span.marked { color: #F98C39; }
p.smaller { font-size: 11px; color: #767676; }
p.smaller a { font-weight: bold; color: #767676; }


/*/////// AS /////////////////////////////////////////*/
a { color: #F98C39; text-decoration: none; }
a:hover { text-decoration: underline; }

/*/////// HEADERS //////////////////////////////////////*/
h1 { margin: 0; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 20px; color: #767676; }
h2 { margin: 0; padding: 5px 0px 0px 0px; font-weight: bold; font-size: 14px; }


/*/////// ULS //////////////////////////////////////////*/
ul#nav { float: left; width: 597px; overflow: hidden; margin: 0 auto; padding: 0px 0px 0px 10px; list-style: none; background: url(../images/menu_bg.gif) 0 0 repeat-x transparent;}
 ul#nav li { float: left; margin: 5px 0px 0px 0px; padding: 10px 0px 0px 4px; height: 35px; background: url(../images/menu_sep.gif) 0 0 no-repeat; }
 ul#nav li#first { background: transparent; padding-left: 4px; }
 ul#nav li#last { padding-right: 0px; }
  ul#nav li a { color: #000; text-transform: uppercase; font-size: 11px; font-weight: strong; }
  ul#nav li a#home { display: block; overflow: hidden; width: 40px; height: 15px; background: url(../images/menu_home.gif) 0 0 no-repeat;}
   ul#nav li a#home:hover { background: url(../images/menu_home_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#home { background: url(../images/menu_home_a.gif) 0 0 no-repeat;}
  ul#nav li a#why_jjfox { display: block; overflow: hidden; width: 62px; height: 15px; background: url(../images/menu_why_jjfox.gif) 0 0 no-repeat;}
   ul#nav li a#why_jjfox:hover { background: url(../images/menu_why_jjfox_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#why_jjfox { background: url(../images/menu_why_jjfox_a.gif) 0 0 no-repeat;}
  ul#nav li a#fast_track { display: block; overflow: hidden; width: 64px; height: 15px; background: url(../images/menu_fast_track.gif) 0 0 no-repeat;}
   ul#nav li a#fast_track:hover { background: url(../images/menu_fast_track_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#fast_track { background: url(../images/menu_fast_track_a.gif) 0 0 no-repeat;}
  ul#nav li a#train_n_dev { display: block; overflow: hidden; width: 127px; height: 15px; background: url(../images/menu_train_n_dev.gif) 0 0 no-repeat;}
   ul#nav li a#train_n_dev:hover { background: url(../images/menu_train_n_dev_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#train_n_dev { background: url(../images/menu_train_n_dev_a.gif) 0 0 no-repeat;}
  ul#nav li a#env { display: block; overflow: hidden; width: 75px; height: 15px; background: url(../images/menu_env.gif) 0 0 no-repeat;}
   ul#nav li a#env:hover { background: url(../images/menu_env_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#env { background: url(../images/menu_env_a.gif) 0 0 no-repeat;}
  ul#nav li a#culture { display: block; overflow: hidden; width: 52px; height: 15px; background: url(../images/menu_culture.gif) 0 0 no-repeat;}
   ul#nav li a#culture:hover { background: url(../images/menu_culture_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#culture { background: url(../images/menu_culture_a.gif) 0 0 no-repeat;}
  ul#nav li a#what_u_need { display: block; overflow: hidden; width: 83px; height: 15px; background: url(../images/menu_what_u_need.gif) 0 0 no-repeat;}
   ul#nav li a#what_u_need:hover { background: url(../images/menu_what_u_need_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#what_u_need { background: url(../images/menu_what_u_need_a.gif) 0 0 no-repeat;}
  ul#nav li a#contact { display: block; overflow: hidden; width: 62px; height: 15px; background: url(../images/menu_contact.gif) 0 0 no-repeat;}
   ul#nav li a#contact:hover { background: url(../images/menu_contact_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#contact { background: url(../images/menu_contact_a.gif) 0 0 no-repeat;}

  /* home */
  ul#nav li a#home { display: block; overflow: hidden; width: 60px; height: 15px; background: url(../images/menu_home.gif) 0 0 no-repeat;}
   ul#nav li a#home:hover { background: url(../images/menu_home_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#home { background: url(../images/menu_home_a.gif) 0 0 no-repeat;}
   /* about us */
  ul#nav li a#about { display: block; overflow: hidden; width: 73px; height: 15px; background: url(../images/menu_about.gif) 0 0 no-repeat; }
   ul#nav li a#about:hover { background: url(../images/menu_about_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#about { background: url(../images/menu_about_a.gif) 0 0 no-repeat;}
    /* proof our service */
  ul#nav li a#proof { display: block; overflow: hidden; width: 101px; height: 15px; background: url(../images/proof_service.gif) 0 0 no-repeat; }
   ul#nav li a#proof:hover { background: url(../images/proof_service_a.gif) 0 0 no-repeat;}
   ul#nav li.active a#proof { background: url(../images/proof_service_a.gif) 0 0 no-repeat;}
   /* jjfoxexperience*/
  ul#nav li a#experience { display: block; overflow: hidden; width: 109px; height: 15px; background: url(../images/menu_experience.gif) 0 0 no-repeat;}
   ul#nav li a#experience:hover { background: url(../images/menu_experience_hover.gif) 0 0 no-repeat;}
   ul#nav li.active a#experience { background: url(../images/menu_experience_hover.gif) 0 0 no-repeat;}
   /* old fashion value */
  ul#nav li a#ofv { display: block; overflow: hidden; width: 110px; height: 15px; background: url(../images/menu_ofv.gif) 0 0 no-repeat;}
   ul#nav li a#ofv:hover { background: url(../images/menu_ofv_hover.gif) 0 0 no-repeat;}
   ul#nav li.active a#ofv { background: url(../images/menu_ofv_hover.gif) 0 0 no-repeat;}
     /* crm */
  ul#nav li a#crm { display: block; overflow: hidden; width: 49px; height: 15px; background: url(../images/menu_crm.gif) 0 0 no-repeat;}
   ul#nav li a#crm:hover { background: url(../images/menu_crm_hover.gif) 0 0 no-repeat;}
   ul#nav li.active a#crm { background: url(../images/menu_crm_hover.gif) 0 0 no-repeat;}
   /* terms */
  ul#nav li a#terms { display: block; overflow: hidden; width: 53px; height: 15px; background: url(../images/menu_terms.gif) 0 0 no-repeat;}
   ul#nav li a#terms:hover { background: url(../images/menu_terms_hover.gif) 0 0 no-repeat;}
   ul#nav li.active a#terms { background: url(../images/menu_terms_hover.gif) 0 0 no-repeat;}


ul#nav_footer { display: block; overflow: hidden; margin: 5px 0px 0px 0px; padding: 25px 0px 0px 20px; list-style: none; }
 ul#nav_footer li { float: left; margin: 0px; padding: 0px 4px 0px 4px; height: 16px; overflow: hidden; border-left: 1px solid #989898; }
  ul#nav_footer li.first { padding-left: 0px; border-left: 0px; }
  ul#nav_footer li a { font-size: 11px; color: #989898; } 

ul#no_list_style { list-style: none; }
ul#no_list_style li span { font-weight: bold; color: #ff6d01; }
  
/*/////// SITE  /////////////////////////////////////////*/
#site { width: 621px; margin: 0 auto; padding: 23px 0px 0px 0px; }
#menu { display: block; width: 621px; height: 44px; overflow: hidden; padding: 0; text-align: center; }
 #menu span#menu_left { float: left; width: 7px; height: 44px; background: url(../images/menu_left.gif) 0 0 no-repeat; }
 #menu span#menu_right { float: right; width: 7px; height: 44px; background: url(../images/menu_right.gif) 0 0 no-repeat; }
#under_menu { display: block; padding: 10px 20px 10px 20px; overflow: hidden; }
 #under_menu div { float: left; padding: 8px 0px 0px 0px; color: #fff; font-size: 15px; font-weight: bold; }
 #under_menu img#subpage_logo { float: right; }
#content { display: block; overflow: hidden; margin: 25px 0px 0px 0px; padding: 0px 20px 0px 20px; background: url(../dot_border.gif) 0 100% repeat-x;  }

/* TOP */
img.logo { width: 73px; height: 35px;}
img#home_logo { margin: 0px 0px 0px 0px; }
imd#subpage_logo { width: 73px; height: 35px; }
img#home_banner { margin: 15px 0px 0px 0px; width: 620px; height: 249px; }
#sub_banner { clear: both; width: 620px; height: 159px; margin: 10px 0px 0px 0px; background: url(../images/sub_banner.jpg) 0 0 no-repeat; }
#sub_banner div{ float: right; padding: 65px 65px 0px 0px; color: #fff; font-size: 28px; font-weight: bold; text-transform: uppercase; }
/* FOOTER */
#footer { padding: 0px 20px 0px 20px; color: #989898; }
#footer span { font-size: 10px; }

#contact_tbl td { width: 200px; }

#contact_tbl td  p{ padding:0; margin: 0; }


img#culture_pic { width: 150px; height: 226px; }
img#fast_track_pic { width: 100px; height: 139px; }