/*---------------------------------------------------------------

1. GLOBAL STYLES

2. NAVIGATION

3. LAYOUT

4. FOOTER

5. FORMS

6. SITE MAP

---------------------------------------------------------------*/

/* 1. GLOBAL STYLES
---------------------------------------------------------------*/

body {
	background: #F2F2F2 url(../images/shim-body-top.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0; padding: 0;}

ul li {list-style: none;}

a {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline;}
a img {border: none;}

.cleardiv {height: 1px; clear: both; font-size: 1px; line-height: 1px;}

img, #page-shadow, #page-bottom, #image-shade, .shade-object {behavior: url(css/iepngfix.htc);}

dl {font-size: 70%;}
dd {margin: 0;}

/* 2. NAVIGATION
---------------------------------------------------------------*/

/*Top (Upper) Navigation
---------------------------------*/

#upper-nav {
	left: 260px;
	width: 473px;
	padding: 0 0 5px 0;
	position: absolute;
	background: #6C6C6C url(../images/upper-nav-curve.gif) no-repeat center bottom;
}

#upper-nav li, #main-nav li {
	display: inline;
	color: #fff;	
}

#upper-nav li a {
	color: #fff;
	font-size: 70%;
	margin: 0 4px;
}

a.upper-nav-first {
    padding: 0 0 0 7px;
}

#upper-nav li a img {
	margin: 0 5px 0 0;
}

.aboutjtb #nav-aboutjtb a, .news #nav-news a, .careers #nav-careers a, .contact #nav-contact a, #home-japanese #nav-japanese a {
    text-decoration: underline;
}

/*Lower (Main) Navigation
---------------------------------*/

#main-nav {
	position: absolute;
	left: 192px;
	top: 26px;
	width: 558px;
	background: url(../images/main-nav-shim.gif) repeat-x;
}

#main-nav .main-nav-item {
	height: 55px;
	float: left;
	display: block;
}   

/*  Unique home id for main nav: the xml="ja" language declaration on the home page 
    template adds 1 pixel to the bottom-border :hover state of the nav.             */

#home #main-nav a {
	font-size: 14px;
	float: left;
	font-weight: bold;
	padding: 20px 12px 12px 12px; 
	color: #cc0000;
}

/*  End unique home id                                                             */

#main-nav a {
	font-size: 14px;
	float: left;
	font-weight: bold;
	padding: 20px 12px 13px 12px; 
	color: #cc0000;
}

#main-nav a:hover {
	color: #6C6C6C;
	text-decoration: none;
	border-bottom: 5px solid #6C6C6C;
}

.groups #nav-groups a, .outbound #nav-outbound a, .inbound #nav-inbound a, .schools #nav-schools a, .conferences #nav-conf a, .corporate #nav-corp a {
    color: #6C6C6C;
    border-bottom: 5px solid #6C6C6C;
    background: url(../images/nav-upper-divider.gif) no-repeat right bottom
}

#nav-inbound, #nav-outbound, #nav-groups, #nav-schools, #nav-conf {
	background: url(../images/nav-upper-divider.gif) no-repeat right bottom
}

/* 3. LAYOUT
---------------------------------------------------------------*/

/*Home Page Layout
---------------------------------*/
#page-shadow {
	position: relative;
	margin: 0 auto;
	width: 800px;
	background: url(../images/shim-page-shadow.png) repeat-y center top;
}

#pagewrapper {
	position: relative;
	margin: 0 auto;
	width: 750px;
}

#header {
	position: relative;
	background: #fff;
	height: 75px;
	border-bottom: 5px solid #cc0000;
}

#logo {
	position: absolute;
	top: 15px;
	left: 19px;
}

#logo h1 {
	visibility: visible;
}

#logo h1 span {
	display: none;
}

#flash {
	margin: 2px 0 0 0;
}

/*Home Page Middle Row
---------------------------------*/
#hp-middlerow-wrapper {float: left; background: #fff; margin: 0; padding: 0 0 10px 0;}
#hp-middlerow-left {width: 458px; float: left; margin: 15px 0 0 0; padding: 0 30px 0 17px;}
#hp-middlerow-left h2#mid-row-h2 {font-style: italic; font-size: 110%;}
#hp-middlerow-left p {font-size: 70%; margin: 10px 0 0 0;}
#hp-middlerow-right {width: 241px; float: right; }

.hp-mid-row-link {
	background: url(../images/shim-mid-row-link.gif) repeat-x top;
	margin: 6px 0 0 0;
	position: relative;
}
 
.hp-mid-row-link h3.mid-row-h3 {
	font-size: 100%;
	display: inline;
	position: absolute;
	font-style: italic;
	margin: 12px 0 0 10px;
}

a.mid-row-text-link {
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
	color: #000;
	background: url(../images/icon-moreinfo-ltgrey.gif) no-repeat left center;
	padding: 0 0 0 18px;
	display: inline;
	position: absolute;
	margin: 30px 0 0 10px;
}

#heading-underline {height: 2px; line-height: 2px; font-size: 2px; background: #cc0000 url(../images/heading-underline.gif) no-repeat /*-298px top*/;}
.right-col-underline {height: 2px; line-height: 2px; font-size: 2px; background: #cc0000 url(../images/heading-underline.gif) no-repeat 95px top; margin: 0 0 8px 0;  width: 169px;}

/*Home Page Bottom Row
---------------------------------*/
#btmrow-wrapper {
	float: left;
	width: 100%;
	background: #a6a6a6 url(../images/shim-mid-grey.gif) repeat-x top;
	font-size: 70%;
	color: #fff;
	padding: 0 0 15px 0;
}

#btmrow-wrapper h3 {
	font-size: 150%;
	margin: 14px 0 5px 0;
}

#btmrow-wrapper p {
	margin: 10px 0 0 0;
	padding: 0 2px;
}

#btmrow-wrapper a {
	background: url(../images/icon-moreinfo-dkgrey.gif) no-repeat left center;
	padding: 0 0 0 18px;
	display: block;
	font-weight: bold;
	color: #fff; 
	margin: 11px 0 10px 0;
}

#btmrow-col1, #btmrow-col2, #btmrow-col3, #btmrow-col4 {width: 171px; float: left;}
#btmrow-col1 {padding: 0 9px 0 18px;}
#btmrow-col3, #btmrow-col4 {margin: 0 0 0 9px;}

/*Inner Page Images and Case Study Viewer
----------------------------------------*/
#middlerow-wrapper {float: left; background: #fff url(../images/fake-inner-background.gif) repeat-y; margin: 0; padding: 0;}

.inner-image-main {
	float: left;
	margin-bottom: 5px;
}

.inner-image-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}

#image-navigator {
	height: 250px;
}

#navigator-title {
	margin: 10px 0 12px 10px;
	font-size: 11pt;
	height: 19px;
	width: 208px;
	letter-spacing: -1px;
}

.image-title {
	margin: 23px 0 5px 23px;
	height: 21px;
	width: 210px;
}

#navigator-list {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #6c6c6c;
}

#navigator-list li {
	position: relative;
	margin: 0;
	padding: 0;
}

#navigator-left  {
	float: left;
	background: #000 url(../images/shim-image-nav-top.gif) repeat-x left top;
}

#navigator-list li a, #navigator-list li.no-link {
	height: 69px;
	width: 219px;
	margin: 0;
	padding: 0;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 70%;
	background: url(../images/image-nav-shim.gif) repeat-x left -69px;
}

#navigator-list li a span {
	background: url(../images/icon-moreinfo-dkgrey.gif) no-repeat left 50px;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	width: 80px;
}

#navigator-list li a:hover {
	background: url(../images/image-nav-shim.gif) repeat-x left top;
	height: 69px;
	display: block;
	text-decoration: none;
	width: 219px;
}

#navigator-list li a img, #navigator-list li.no-link img {
	margin: 10px 10px 0 20px;
}

#feature-image {
	float: right;
	height: 250px;
}

#inner-feature-text-1, #inner-feature-text-2, #inner-feature-text-3 {
	margin: 0 0 0 23px;
}

#inner-feature-text-2, #inner-feature-text-3 {
	display: none;
}

.position-wrapper {
	border: 1px dashed #ff66ff;
	position: absolute;
	height: 15px;
	width: 250px;
}

#inner-feature-text-1 h4, #inner-feature-text-2 h4, #inner-feature-text-3 h4 {
	color: #fff;
	font-size: 80%;
	margin: 0 0 5px 0;
}

#image-shade {
	width: 297px;
	height: 252px;
	position: absolute;
	top: 80px;
	margin: 0;
	padding: 0;
}

.shade-object {
  background: url(../images/image-shade.png) no-repeat left top;
  width: 100%;
  height: 100%;
  padding: 1px 0 0 0;
}

.image-text {
    color: #fff;
	width: 220px;
	font-size: 80%;
}

.top-shadow {
	height: 9px;
	position: absolute;
	width: 750px;
	top: 79px;
}

.btm-shadow {
	height: 10px;
	position: absolute;
	width: 750px;
	top: 320px;
	z-index: 10000;
}

.case-study-shadow {
	height: 29px;
	position: absolute;
	width: 750px;
	top: 301px;
}

.side-shadow {
	position: absolute;
	height: 250px;
	width: 11px;
	left: 218px;
}

.nav-image {
	float: left;
}

.nav-arrow {
	position: absolute;
	left: 170px;
	top: 35px;
}
.viewer-img {
    display: none;
}

#viewer-main {
	height: 250px;
	width: 530px;
}

#threecolumn #viewer-main {
    height: 250px;
    width: 750px;
}

#casestudy #viewer-main {
	height: 250px;
	width: 750px;
}

h2.case-study-title {
	font-size: 120%;
	margin: 0 0 0 15px;
	padding: 0;
	height: 25px;
	position: absolute;
	top: 303px;
	left: 0;
}

h3.image-viewer-title {
    visibility: visible;
}

.case-study-main-link {
    background: url(../images/icon-moreinfo-dkgrey.gif) no-repeat left 2px;
    padding: 0 0 0 18px;
    position: absolute;
    font-size: 80%;
    font-weight: bold;
    left: 660px;
    top: 307px;
}

.company-hist {
    font-size: 70%;
    margin: 0 0 15px 0;
    color: #6c6c6c;
}

.company-hist tr {
    margin: 3px 0;
}

.col-left {
    width: 40px;
}

.mail-col-dl, .careers-lists {
   color: #7f7f7f;
}

.mail-col-dl dt, .careers-lists dt {
    font-weight: bold;
    margin: 0 0 2px 0;
}

.mail-col-dl dd {
    margin: 0 0 4px 0;
}

.careers-lists dd {
    margin: 0 0 4px 10px;
}

.red-body-link {
    color: #cc0000;
}



/*Inner Page Left Column
---------------------------------*/
#middlerow-left {width: 472px; float: left; margin: 15px 0 0 0; padding: 0 30px 0 17px;}
#middlerow-left h2#mid-row-h2 {font-style: italic; font-size: 110%; margin: 0; padding: 0;}
#middlerow-left h3 {visibility: visible; font-size: 70%; color:#7f7f7f;}
#middlerow-left p {font-size: 70%; margin: 5px 0 15px 0; color: #7f7f7f;}
#middlerow-left .inner-image-main {margin: 0 11px 0 0;}
#middlerow-left #heading-underline {margin: 0 0 10px 0;}
#middlerow-right {width: 241px; float: right; }
#middlerow-left ul, #middlerow-left ol {font-size: 70%; margin: 5px 0 15px 0; color: #7f7f7f;}
#middlerow-left ul li {list-style-type:disc; list-style-position: inside;}
#middlerow-left a.content-link {display: block; margin: 3px 0 0 0; color: #cc0000;}

/*Inner Page Right Column
---------------------------------*/
#innerpage-rightcol {
	width: 220px;
	float: right;
	margin: 0;
	padding: 18px 0 25px 11px;
	/*background: url(../images/shim-inner-right-col.gif) repeat-y left;*/
}

a.arrow-text-link {
	font-size: 70%;
	font-weight: bold;
	color: #6c6c6c;
	background: url(../images/icon-moreinfo-ltgrey.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin: 6px 0 5px 0;
	display: block;
}

a.arrow-text-link-100 {
	font-weight: bold;
	color: #6c6c6c;
	background: url(../images/icon-moreinfo-ltgrey.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin: 6px 0 5px 0;
	display: block;
}

.image-text-link {
	float: right;
	background: url(../images/icon-moreinfo-dkgrey.gif) no-repeat left 2px;
	padding: 0 0 0 18px;
	margin: 10px 80px 0 0;
	position: relative;
}

h2.heading-inner-right {
	font-size: 100%;
	margin: 0;
	padding: 0;
	width: 200px;
}

.heading-inner-right-jp {
	visibility: hidden;
}

p.right-col-text, p.red-text {
	font-size: 70%;
	margin: 0;
	color: #6c6c6c;
	padding: 0;
	width: 190px;
}

p.red-text {
	color: #cc0000;
	margin: 3px 0 0 0;
}

.right-col-link-list {
    margin: 0 0 0 20px;
    color: #6c6c6c;
    padding: 0;
}

.right-col-link-list li {
    list-style: disc;
}

.right-col-link-list-outbound {
    color: #6c6c6c;
    padding: 0;
}

.right-col-link-list-outbound li {
    margin: -5px 0 0 0px;
}

.email-link {
    margin: 0 0 3px 0;
    display: block;
    color: #6c6c6c;
    font-size: 70%;
}

#innerpage-rightcol h4 {
	font-size: 70%;
}

#inner-about-nav {
    color: #cc0000;
    margin: 0 0 15px 0 ;
}

#inner-about-nav li {
    list-style-type: disc;
    margin: 0 0 0 15px;
}

#inner-about-nav li a {
    color: #cc0000;
    font-size: 70%;
}

.right-contact-box {
    margin: 0 0 8px 0;
}

.right-contact-box h4 {
    margin: 0 0 2px 0;
    color: #7f7f7f;
}

.right-contact-box p {
    font-size: 70%;
    line-height: 130%;
    color: #cc0000;
}

.right-contact-box a {
    color: #cc0000;
}
/* Inner Page Full Column
---------------------------------*/
#fullcolumn {width: 703px; background: #fff; float: left; margin: 0; padding: 15px 30px 0 17px;}
#fullcolumn h2#mid-row-h2 {font-style: italic; font-size: 110%; margin: 0; padding: 0;}
#fullcolumn h3 {visibility: visible; font-size: 70%; color:#7f7f7f;}
#fullcolumn p {font-size: 70%; margin: 5px 0 15px 0; color: #7f7f7f;}
#fullcolumn .inner-image-main {margin: 0 11px 0 0;}
#fullcolumn #heading-underline {margin: 0 0 10px 0;}
#fullcolumn ul {font-size: 70%; margin: 5px 0 15px 0; color: #7f7f7f;}
#fullcolumn ul li {list-style-type:disc; list-style-position: inside;}
#fullcolumn a {display: block; margin: 3px 0 0 0; color: #cc0000;}

/* 3-Column Layout Page Styles
---------------------------------*/

#media-content-wrapper {
    width: 500px;
    float: left;
}

.media-intro-text {
    font-size: 70%;
    color: #7f7f7f;
    margin: 10px 10px 10px 25px;
}

h2.media-h2 {font-style: italic; width: 220px; font-size: 90%; height: 21px; margin: 5px 0 0 0; padding: 0;}
h4.media-h4 {font-size: 70%; color: #7f7f7f; font-weight: bold; margin: 3px 0 3px 4px;}
.inner-underline {line-height: 2px; font-size: 1px; margin: 0; padding: 0;}

#main-col-left {
    width: 235px;
    float: left;
    margin: 0 0 0 20px;
}

#main-col-right {
    width: 235px;
    float: right;
}

#main-col-left p, #main-col-right p {
    font-size: 70%;
    color: #7f7f7f;
    margin: 0 0 0 4px;
}

.inner-underline {
    height: 3px;
}

a.media-download-link, a.jobs-download-link  {
    background: url(../images/pdf-btn.gif) no-repeat left top;
    width: 80px;
    height: 11px;
    color: #000;
    display: block;
    font-size: 70%;
    font-weight: bold;
    margin: 10px 0 15px 0;
    padding: 15px 90px 18px 50px;
}

a.jobs-download-link {
    width: 200px;
}

/* Opportunities page sIFR
---------------------------------*/

h2.opps-h2 {font-style: italic; font-size: 100%; margin: 0; padding: 0;}
.careers-strong {color: #cc0000; font-weight: bold; display: block; margin: 5px 0 5px 0;}
.careers-intro {margin: 0 0 0 5px;}
.opps-underline {height: 2px; line-height: 2px; font-size: 2px; background: #cc0000 url(../images/heading-underline.gif) no-repeat 240px top;}

/* About JTB Page Layout Styles
---------------------------------*/

address {
    font-size: 70%;
    font-style: normal;
    color: #4d4d4d;
    margin: 0 0 8px 0;
}

address span {
    font-weight: bold;
    color: #cc0000;
}

address a {
   display: inline;
   color: #cc0000;
}

h3.pagebreaker {
    color: #343434;
    margin: 0 0 8px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #7f7f7f;
}

blockquote {
    font-size: 70%;
    font-style: italic;
    display: inline;
    margin: 0;
}

/* Japanese Home Page Layout
---------------------------------*/
#jp-middlerow-left {
    float: left;
    width: 323px;
    margin: 10px 40px 5px 20px;
}

#jp-middlerow-right {
    float: left;
    width: 323px;
    margin: 10px 0 0 0;
}

.japan-subheading {
    margin: 10px 0;
}

#japanese-home-left-head img, #japanese-home-right-head img {
    margin: 0 0 10px 0;
}

#jp-middlerow-right p, #jp-middlerow-left p, .jp-row-link-left p, .jp-row-link-right p {
    font-size: 13px;
    color: #999;
    line-height: 120%;
    margin: 10px 0;
}

.jp-row-link-left {
    width: 313px;
    float: left;
    background: #eaeaea;
    margin: 0 30px 5px 20px;
    padding: 10px;
}

.jp-row-link-right {
    width: 313px;
    float: left;
    background: #eaeaea;
    margin: 0;
    padding: 10px;
}

.jp-row-link-left .japan-hp-smimg, .jp-row-link-right .japan-hp-smimg {
    float: left;
    margin: 0 10px 5px 0;
}
.jp-coachlink {
    margin: 5px 0 0 5px;
}

#jp-content-wrapper {width: 750px; float: left; background: #fff; margin: 0; padding: 0 0 10px 0;}

a.jp-text-link {
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
	color: #000;
	background: url(../images/icon-moreinfo-ltgrey.gif) no-repeat left center;
	padding: 0 0 0 18px;
	display: inline;
	margin: 0 0 0 10px;
}

.japanesetext {
    font-family:arial, helvetica, monospace ,clean, sans-serif;
    font-size:13px;
    line-height:120%;
}

/* 4. FOOTER
---------------------------------------------------------------*/
#footer {background:#6C6C6C; text-align:center; padding:21px 0 0 0; height:38px; width: 100%;}
#footer a {font-size:70%; margin:0 8px; color:#fff;}

#page-bottom {
	margin: 0 auto;
	width: 800px;
	height: 50px;
	background: url(../images/shim-page-bottom.png) no-repeat center bottom;
}

/* 5. FORMS
---------------------------------------------------------------*/

.contact-background {
    background: url(../images/contact-shim.gif) repeat-x left 100px;
    height: 490px;
}

#contact {
    width: 180px;
}

.formlabel {
    font-size: 70%;
    display: block;
    color: #6c6c6c;
    margin: 7px 0 3px 0;
}

.formbox {
    width: 150px;
    height: 13px;
    font-size: 70%;
    color: #6c6c6c;
    padding: 3px 2px;
}

.textbox {
    width: 300px;
    height: 100px;
    margin: 0 0 15px 0;
    color: #6c6c6c;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    padding: 3px 2px;
}

.form-dropdown {
    width: 150px;
    height: 18px;
    color: #6c6c6c;
    font-size: 70%;
}

.formbox, .textbox, .form-dropdown {
    border: 1px solid #cc0000;
}

.form-submit {
    margin: 0 0 0 236px;
}

.errormsg {
    font-size: 70%;
}

/* 6. SITE MAP
---------------------------------------------------------------*/
#sitemap a {
    color: #cc0000;
    font-size: 70%;
}

#TreeView1 {
    margin: 0 0 30px 0;
}

#TreeView1t0, #TreeView1t1, #TreeView1t15, #TreeView1t14, #TreeView1t13, #TreeView1t12, #TreeView1t19, #TreeView1t23, #TreeView1t24, #TreeView1t25, #TreeView1t27, #TreeView1t29 {
    margin: 8px 0 0 0;
    display: block;
}

#TreeView1n15, #TreeView1n0, #TreeView1n1, #TreeView1n14, #TreeView1n13, #TreeView1n12, #TreeView1n19, #TreeView1n27, #TreeView1n25 {
    margin: 8px 0 0 0;
    display: block;
}