@charset "utf-8";
/* Jardine International CSS Document */
html {
	background: url(../images/bg-tex-body-repeat.gif) repeat #191919;
	height: 100%
}
body {
	background: url(../images/bg-tex-grad-repeat.gif) repeat-x;
	font-family: "Trebuchet MS", TrebuchetMS, Arial, Helvetica, sans-serif;
	color: #666;
	height: 100%;
	margin: 0;
}
#wrapper {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin: 0 auto;
	width: 757px;
}
#banner {
	height: 119px;
}
.logo {
 	position: absolute;
	margin: 0 0 0 31px;
}
#flashnav {
 	position: absolute;
	width: 757px;
	z-index: 99;
}

#flash-slideshow {
 	position: absolute;
	z-index: 10;
}
#footer {
	clear: both;
	background: url(../images/bg-footer.png) no-repeat;
	color: #fff;
	height: 47px;
}
#footer #copy {
	float: left;
	font-size: 50%;
	padding: 18px 0 0 28px;
}
#footer #strap {
	float: right;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	padding: 16px 28px 0 0;
}
#content-home {
	clear: both;
	background: #fff;
	padding: 30px 0 0 0;
}

#content-nobg {
	clear: both;
	background: #fff;
	padding: 59px 0 0 0;
}
#content-grey {
	clear: both;
	background: #333;
	padding: 59px 0 0 0;
}
#content {
	clear: both;
	background: url(../images/bg-vert-drop-shadow.gif) repeat-y #fff;
	padding: 59px 0 0 0;
}
#content-detail-home {
	float: left;
	width: 335px;
/*
	width: 384px;
*/
}
#content-detail {
	float: left;
	width: 335px;
}
.content-copy {
	padding: 34px 28px 22px 28px;
}
.timeline-copy {
	padding: 24px 28px 12px 28px;
}
#content-detail-home .content-copy {
	padding: 54px 28px 22px 28px;
}



.nav3margin {
	margin-top: 20px;
}



/* Global ============================================================================= */
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
span.arrow {
	color: #0083D7;
}

img {
	border: 0;
}
h1 {
	color: #0091DB;
	font-size: 110%;
	margin: 0 0 18px 0;
}
h1.margin-sm {
	margin: 0 0 10px 0;
}
#content-detail-home h1 {
	font-size: 120%;
}
.timeline-copy h1 {
	margin: 0;
}
h2 {
	font-size: 70%;
	margin: 0 0 5px 0;
}
h2.casehead {
	margin: 0 0 15px 0;
}

p {
	font-size: 70%;
	margin: 0 0 1em 0;
}
p.list-lead {
	margin: 0;
}
p.dload-pdf {
	padding-top: 10px;
}
p.dload-pdf img {
	margin-right: 10px;
}

#content-detail-home p {
	font-size: 85%;
}
#content-detail-home p.lead {
	font-size: 90%;
	line-height: 130%;
}
#content-detail-home p.more {
	font-size: 90%;
	font-weight: bold;
}


/* Why - blockquotes */
#content-col-left {
	float: left;
	width: 351px;
	padding: 0 0 15px 0;
}
#content-col-right {
	float: left;
	width: 350px;
	padding: 0 0 15px 0;
}
#content-col-left h2,
#content-col-right h2 {
	font-size: 75%;
	margin: 0 0 15px 0;
}

blockquote {
	margin: 0 20px 20px 0;
}
blockquote .quote {
	font-size: 70%;
	font-style: italic;
}
blockquote .quote-name {
	color: #0098E0;
	font-size: 70%;
	font-weight: bold;
}
blockquote .quote-title {
	color: #0098E0;
	font-size: 70%;
}


/* Promos */
#promo-right-home {
	float: left;
	width: 422px;
	height: 405px;
/*
	width: 373px;
	padding: 22px 0;
*/
}

#promo-right {
	float: left;
	width: 422px;
	height: 376px;
}

#promo-right-home .promo-row {
	clear: both;
	padding: 12px 28px 0 28px;
}
#promo-right-home .promo-top {
	padding: 0 28px;
}
#promo-right-home .promo-detail {
	float: left;
	width: 205px;
}
#promo-right-home .promo-pic {
	float: left;
	width: 112px;
}
#promo-right-home .promo-detail p {
	font-size: 75%;
	font-weight: bold;
	margin: 0 28px 10px 0;
}


/* Lists ============================================================================= */
ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 10px 0;
}
ul li {
	font-size: 70%;
	line-height: 145%;
	padding: 0;
}
ul li .num {
	font-weight: bold;
	padding-right: 8px;
}

ul.arrow {

}
ul.arrow li {
	background: url(../images/arrow-grey3.gif) no-repeat 0 4px;
	padding: 0 0 0 13px;
}
ul.bigtxt li {
	font-size: 75%;
	line-height: 150%;
}



/* Navigation ============================================================================= */

ul#nav {
	background: url(../images/bg-nav-main.png) no-repeat;
	width: 757px;
	padding: 11px 0 0 0;
	height: 19px;
}
ul#nav li {
	display: inline;
	border-left: 1px solid #2A7894;
	font-size: 75%;
	padding: 0 20px;
	margin: 0;
	overflow: hidden;
}
ul#nav2 {
	background: url(../images/bg-nav-lv2.gif) no-repeat;
	width: 757px;
	padding: 11px 0 0 0;
	height: 18px;
}
ul#nav2 li {
	display: inline;
	border-left: 1px solid #40797F;
	font-size: 75%;
	padding: 0 20px;
	margin: 0;
	overflow: hidden;
}
#n3 {
	position: absolute;
}
ul#nav3 {
	background: url(../images/bg-nav-lv3.gif) no-repeat;
	width: 757px;
	padding: 11px 0 0 0;
	height: 18px;
}
ul#nav3 li {
	display: inline;
	border-left: 1px solid #40797F;
	font-size: 75%;
	padding: 0 20px;
	margin: 0;
	overflow: hidden;
}


ul#nav li.first,
ul#nav2 li.first,
ul#nav3 li.first {
	border: 0;
	padding: 0 20px 0 28px;
}
ul#nav li#news {
	float: right;
	border: 0;
	padding: 0 28px 0 20px;
}

/* Links ============================================================================= */
a {color: #666; text-decoration: underline;}

ul#nav a {color: #fff; text-decoration: none;}
ul#nav2 a,
ul#nav3 a {color: #333; text-decoration: none;}

a:hover,
ul#nav a:hover,
ul#nav li.current,
ul#nav2 a:hover,
ul#nav2 li.current,
ul#nav3 a:hover,
ul#nav3 li.current {color: #0091DB;}

#content-detail-home p.more a,
#promo-right-home a {text-decoration: none;}

#content-detail-home p.more a:hover,
#promo-right-home a:hover {text-decoration: underline;}