/* E-Graphics Worldwide */

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
a, ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* begin clearfix */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.group {
	zoom: 1; /* for IE */
}
.relative {
	position: relative;
}
a {
	color: #fff;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
html {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
	color: #333;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	background: #000;
}
#pageWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -298px 0 0 -500px;
	width: 1000px;
	height: 595px;
	overflow: hidden;
	background: url(../images/map-bg.png) no-repeat;
}
#shadowWrapper {
	width: 100%;
	height: 100%;
	background: url(../images/shadow-bg.png) no-repeat;
}
*html #shadowWrapper {
	background: none; /* disable transparency in IE6 */
}
/* Header */
#header {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/header-bg.png) no-repeat;
}
*html #header {
	background: none; /* disable transparency in IE6 */
}
#header h1 {
	position: absolute;
	top: 69px;
	left: 55px;
	text-indent: -9999px;
	z-index: 10;
}
#header h1 a {
	width: 250px;
	height: 31px;
	display: block;
	background: url(../images/h1-eGraphics.png) no-repeat;
}
*html #header h1 a {
	background: url(../images/h1-eGraphics.gif) no-repeat;
}
#header ul {
	position: absolute;
	top: 100px;
	right: 0;
	width: 170px;
	z-index: 20;
}
#header li {
	margin-bottom: 5px;
	width: 100%;
	font-size: 10px;
	text-transform: uppercase;
}
#header li a {
	display: block;
	color: #868585;
}
#header li a:hover, #header li.active a {
	color: #00a890;
}
/* Content */
#contentWrapper {
	position: absolute;
	top: 100px;
	left: 178px;
	width: 644px;
	height: 378px;
	overflow: hidden;
	color: #454444;
	z-index: 5;
}
#content {
	position: absolute;
	top: 0;
	left: 0;
	padding: 26px 40px 0 40px;
	overflow: hidden;
	width: 564px;
	height: 332px;
	background: url(../images/content-bg.png) no-repeat;
}
#content a {
	color: #333;
	text-decoration: underline;
}
#content a:hover {
	color: #00a890;
}
#content h1 {
	margin-bottom: 8px;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -.5px;
	text-transform: uppercase;
}
#content h1 span {
	border-bottom: 2px solid #454444;
}
#content h2 {
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 18px;
}
#content p {
	margin-bottom: 12px;
	font-size: 11px;
}
.content-tab {
	height: 400px;
}
/* Contact */
#contactLeft {
	padding-right: 25px;
	width: 246px;
	border-right: 1px solid #000;
}
#contactRight {
	position: absolute;
	top: 30px;
	right: 35px;
	width: 290px;
	height: 258px;
}
/* Location Wrapper */
#locationWrapper {
	position: absolute;
	width: 1000px;
	height: 595px;
	z-index: 1;
	display: none;
}
#locationWrapper li {
	position: absolute;
}
#locationWrapper li a {
	color: #fff;
}
#locationWrapper li a:hover {
	color: #000;
	background: #fff;
}
#locationWrapper h5 {
	padding: 3px 0 4px 21px;
	font-size: 11px;
	cursor: pointer;
	background: #000 url(../images/close.png) no-repeat center right;
}
#locationWrapper h5.hLeft {
	padding: 3px 0 4px 22px;
	background: #000 url(../images/close.png) no-repeat center left;
}
#locationWrapper p {
	margin-bottom: 1px;
	padding: 4px 8px;
	color: #333;
	line-height: 13px;
	background: #fff;
}
#mLondon {
	top: 182px;
	left: 457px;
}
#mManchester {
	top: 173px;
	left: 451px;
}
#mDublin {
	top: 176px;
	left: 435px;
}
#mParis {
	top: 200px;
	left: 453px;
}
#mReims {
	top: 192px;
	left: 465px;
}
#mLyon {
	top: 204px;
	left: 474px;
}
#mHamburg {
	top: 178px;
	left: 486px;
}
#mBerlin {
	top: 188px;
	left: 494px;
}
#mDusseldorf {
	top: 192px;
	left: 480px;
}
#mMunich {
	top: 197px;
	left: 490px;
}
#mWarsaw {
	top: 190px;
	left: 518px;
}
#mAmsterdam {
	top: 180px;
	left: 475px;
}
#mMilan {
	top: 207px;
	left: 486px;
}
#mLong {
	top: 245px;
	left: 98px;
}
#mChicago {
	top: 216px;
	left: 196px;
}
#mNew {
	top: 214px;
	left: 252px;
}
#mNashville {
	top: 240px;
	left: 198px;
}
#mLakewood {
	top: 236px;
	left: 138px;
}
#mLos {
	top: 235px;
	left: 92px;
}
#mCape {
	top: 470px;
	left: 515px;
}
#mJohannesburg {
	top: 450px;
	left: 545px;
}
#mDalian {
	top: 217px;
	left: 829px;
}
#mTokyo {
	top: 227px;
	left: 884px;
}
#mYokohama {
	top: 237px;
	left: 886px;
}
#mNagoya {
	top: 235px;
	left: 876px;
}
#mOsaka {
	top: 239px;
	left: 867px;
}
#mFukuoka {
	top: 242px;
	left: 857px;
}
#mYongsan {
	top: 229px;
	left: 849px;
}
#mChubu {
	top: 244px;
	left: 874px;
}
#mShanghai {
	top: 252px;
	left: 830px;
}
#mSingapore {
	top: 360px;
	left: 788px;
}
#mToronto {
	top: 205px;
	left: 223px;
}
#mMelbourne {
	top: 504px;
	left: 900px;
}
/* Footer */
#footer {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 29px;
	z-index: 15;
	background: #000;
}
#footer li a {
	width: 100%;
	height: 29px;
	display: block;
	text-indent: -9999px;
}
#footer li {
	position: absolute;
	height: 29px;
}
#eGraphics {
	top: 0;
	right: 210px;
	width: 112px;
}
#eGraphics a {
	width: 100%;
	height: 29px;
	display: block;
	background: url(../images/footer-bg.png) no-repeat -0px 0;
}
#eGraphics a:hover, #eGraphics a.hover {
	background: url(../images/footer-bg.png) no-repeat -0px -29px;
}
#tdi {
	top: 0;
	right: 78px;
	width: 132px;
}
#tdi a {
	width: 100%;
	height: 29px;
	display: block;
	background: url(../images/footer-bg.png) no-repeat -112px 0;
}
#tdi a:hover, #tdi a.hover {
	background: url(../images/footer-bg.png) no-repeat -112px -29px;
}
/*
#eGraphics {
	top: 0;
	right: 297px;
	width: 112px;
}
#tdi {
	top: 0;
	right: 165px;
	width: 132px;
}
#hub {
	top: 0;
	right: 78px;
	width: 87px;
}
#hub a {
	width: 87px;
	height: 29px;
	display: block;
	background: url(../images/footer-bg.png) no-repeat -244px 0;
}
#hub a:hover, #hub a.hover {
	background: url(../images/footer-bg.png) no-repeat -244px -29px;
}
*/
#codeuk {
	top: 0;
	right: 0px;
	width: 78px;
}
#codeuk a {
	width: 100%;
	height: 29px;
	display: block;
	background: url(../images/footer-bg.png) no-repeat -331px 0;
}
#codeuk a:hover, #codeuk a.hover {
	background: url(../images/footer-bg.png) no-repeat -331px -29px;
}
#footer li span {
	position: absolute;
	top: 0;
	left: 0;
	height: 12px;
	color: #fff;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
	z-index: -1;
	cursor: pointer;
}
#footer li#eGraphics span {
	width: 112px;
	background: url(../images/footer-bg.png) no-repeat -419px 0;
}
#footer li#tdi span {
	width: 132px;
	background: url(../images/footer-bg.png) no-repeat -531px 0;
}
#footer li#hub span {
	width: 87px;
	background: url(../images/footer-bg.png) no-repeat -663px 0;
}
#footer li#codeuk span {
	width: 78px;
	background: url(../images/footer-bg.png) no-repeat -750px 0;
}
#footer p {
	display: none;
}
/* Offices */

.slideOutTip {
	position:absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 9px;
	color: #fff;
}
.tipVisible {
	height: 9px;
	cursor: pointer;
}
.tipIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 9px;
	z-index: 50;
}
.tipIcon a {
	display: block;
	width: 9px;
	height: 9px;
	cursor: pointer;
	background: url(../images/dots.png) no-repeat;
}
* html .tipIcon a, * html .tipIcon a:hover {
	background: url(../images/dots.gif) no-repeat;
}
.tipIcon a:hover, .tipIcon a.hover {
	width: 9px;
	height: 9px;
	background: url(../images/dots.png) no-repeat 0 -9px;
}
.tipIcon .jsblend {
	width: 9px !important; /* override */
	height: 9px !important; /* override */
	cursor: pointer;
}
.slideOutTip.isOpened {
	z-index: 200;
}
.slideOutTip.isOpened a {
}
.openLeft.openTop .slideOutContent {
}
.slideOutContent {
	position: absolute;
	top: -6px;
	left: -8px;
	width: 250px;
	display:none;
	font-size:10px;
}
#mTokyo .slideOutContent {
	left: -156px;
	width: 175px;
}
#mYokohama .slideOutContent {
	left: -224px;
	width: 242px;
}
#mNagoya .slideOutContent {
	left: -194px;
	width: 212px;
}
#mOsaka .slideOutContent {
	left: -176px;
	width: 194px;
}
#mFukuoka .slideOutContent {
	left: -204px;
	width: 220px;
}
#mChubu .slideOutContent {
	left: -130px;
	width: 180px;
}
#mYongsan .slideOutContent {
	left: -160px;
	width: 177px;
}
#mMelbourne .slideOutContent {
	left: -102px;
}
.main > li {
	display:none;
}
.main {
	position:relative;
	width: 100%;
	height: 100%;
}
/* form */

label {
	clear: both;
	float: left;
	margin-bottom: 5px;
	padding: 0 0 0 30px;
	width: 90px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background: transparent;
}
label sup {
	color: #bc1e1e;
}
label.error {
	display: none !important; /* override */
}
.text, .textarea {
	float: right;
	margin-bottom: 5px;
	width: 166px;
	height: 16px;
	font: normal 11.5px Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
}
.textarea {
	height: 60px;
	resize: none;
	border: none;
}
.text.error, .textarea.error {
	border: 1px solid red;
}
.address {
	display:none;
}
#submit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 16px;
	cursor: pointer;
}
* html #submit {
	clear: both;
	float: none !important;
	position: relative;
	top: 0;
	left: 255px;
}
#req {
	position: absolute;
	bottom: 18px;
	left: 30px;
	color: red;
}
#formStatus {
	line-height: 160px;
	text-align: center;
}
/* Loading */
.QOverlay {
	background: #111;
	z-index: 9999;
}