html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin:				0;
	padding:			0;
	border:				0;
}

html, textarea, input, select
{
	font-size:			1em;
	font-family:		Arial, Helvetica, sans-serif;
	min-height: 		100%;
}

body
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			76%; 
	background: 		url(/images/common/bg-body-repeat.jpg) center 9px;
}

.clear
{
	clear: 				both;
	height:				0;
	font-size: 			0;
}

.clear2
{
	clear: 				both;
	height:				0;
	font-size: 			0;
	margin-bottom: 		2px;
}

/* --------------------------------------------- TYPOGRAPHY ------------------------------------------------ */

h1, h2, h3, h4
{
	text-align:			left;
	color:				#2a2a2a;
	margin:				0 0 10px 0;
	font-size:			1.9em;
	font-weight: 		normal;
}

h2, h3, h4
{
	text-align:			left;
	margin:				0;
	font-weight:		bold;
}

h2	
{
	font-size:			1.4em; 
}

h3	
{	
	font-size:			1.2em; 
}

h3.black	
{	
	font-size:			1.2em; 
	color: 				#000;
}

a:link, a:visited
{
	color: #243855;
	font-weight: bold;
	text-decoration: none;
}

a:active, a:hover
{
	text-decoration: underline;
}


/* --------------------------------------------- LAYOUT DIVS ------------------------------------------------ */

#background-tile
{
	background: url(/images/common/bg-body.jpg) repeat-x top;
}

#backcolor{
border:1px solid #a6b7c5;
padding:5px;
background:#cbd1d6;
width:602px;
}

#backcolor-small{
border:1px solid #a6b7c5;
padding:5px;
background:#cbd1d6;
}

#header
{
	background: url(/images/common/bg-header.gif) repeat-x top;
}

#site-wrapper-tile
{
	width: 950px;	
	margin: 0 auto;
	background: url(/images/common/bg-content-repeat.jpg) repeat-y 0 97px;
}

#site-wrapper
{
	width: 950px;
	background: url(/images/common/bg-content.jpg) top no-repeat;
	min-height: 900px;
  	height: auto !important;
  	height: 900px;
}

#header
{
	height: 88px;
	padding-left: 78px;
}

#left-col
{
	float: left;
	width: 220px;
	padding-left: 35px;
	background: url(/images/common/left-col-top.gif) right top no-repeat;
	position: relative;
}

#main-col
{
	float: right;
	width: 660px;
	padding-right: 35px;
}

#footer
{
	width: 630px;
	height: 39px;
	text-align: center;
	background: url(/images/common/bg-footer.gif) no-repeat;
	line-height: 39px;
	margin: 24px auto 0 auto;
}

#footer2
{
	width: 634px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-top: 1px solid #ccc;
	margin-left: 10px;
	color: #9b9b9b;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 50px;
}

/* --------------------------------------------- LEFT MENU STYLES ------------------------------------------------ */

div#nav
{
	display: inline;
	float: left;
	width: 220px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div#nav ul,
div#nav ul li
{
	list-style-type: none;
}

div#nav ul
{
	display: inline;
	float: left;
	width: 220px;
	overflow: hidden;
	font-weight: bold;
	padding-top: 45px;
}

div#nav ul li
{
	display: inline;
	float: left;
	width: 220px;
	overflow: hidden;	
}

div#nav ul li a img
{
	margin: 0 0 0 8px;
	padding: 0;
}

div#nav ul li ul
{
	margin-left: 0px;
	padding-top: 0px;
}

div#nav ul li a:link,
div#nav ul li a:visited
{
	display: block;
	float: left;
	clear: left;
	width: 220px;
	padding-top: 10px;
	height: 20px;
	overflow: hidden;
	text-indent: 15px;
	line-height: 11px;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background-image: url(/images/nav/default-bg.gif);
	background-position: top left;
}
div#nav ul li ul li ul li.salessub a:link,
div#nav ul li ul li ul li.salessub a:visited
{
	text-indent: 48px;
}

div#nav ul li a:hover
{
	color: #ccc;
}
#main-col #col1 a.more-news:hover
{
	color: #569ed2;
}

div#nav ul li a.bgtop:link,
div#nav ul li a.bgtop:visited
{
	background: none;
}

div#nav ul li a.bg1:link,
div#nav ul li a.bg1:visited
{
	background-image: url(/images/nav/default-bg1.gif);
	background-position: top left;
}

div#nav ul li a.bg2:link,
div#nav ul li a.bg2:visited
{
	background-image: url(/images/nav/default-bg2.gif);
	background-position: top left;
}


div#nav ul li a.bg3:link,
div#nav ul li a.bg3:visited
{
	background-image: url(/images/nav/default-bg3.gif);
	background-position: top left;
}
div#nav ul li a.bg4:link,
div#nav ul li a.bg4:visited
{
	background-image: url(/images/nav/default-bg4.gif);
	background-position: top left;
}

div#nav ul li a.last:link,
div#nav ul li a.last:visited
{
	background-image: url(/images/nav/default-bg3.gif);
	background-position: top left;
}

div#nav ul li ul li
{
	display: inline;
	float: left;
	width: 220px;
	overflow: hidden;
}

div#nav ul li img
{
	margin-left: 8px;
}

div#nav ul li ul li a:link,
div#nav ul li ul li a:visited
{
	display: block;
	float: left;
	clear: left;
	width: 220px;
	background-position: top left;
	padding-top: 11px;
	height: 19px;
	line-height: 11px;
	overflow: hidden;
	text-indent: 27px;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}

#item5 a
{
	list-style-type:square!important;

}


div#nav .open, body#eod-vehicles div#nav .open
{
	display: block;
}

div#nav .closed 
{
	display: none;
}


body#home div#nav ul li.link-selected1 a, body#design div#nav ul li.link-selected2 a,body#integration div#nav ul li.link-selected3 a, body#eod-vehicles div#nav ul li.link-selected4 a, body#training div#nav ul li.link-selected6 a, body#about div#nav ul li.link-selected3 a, body#maintenance div#nav ul li.link-selected7 a, body#offices div#nav ul li.link-selected8 a, body#future div#nav ul li.link-selected5 a, body#transac-inc div#nav a, body#thefuture div#nav li.link-selected5 a,body#contact div#nav li.link-selected9 a
{
	color: #acdcff;
}


ul.eod-vehicles-nav {display: block !important}
body#eod-vehicles ul.eod-vehicles-nav {display: block !important}
/* ------------------------------- CONTACT US FORM ------------------------------- */

form#contact-us {width: 400px; padding-left: 10px; margin-bottom: 10px}



form#contact-us label {float: left; margin-top: 8px; width: 180px}

#contact-form{
width:600px;
float:left;
padding:10px;
}

form#contact-us input,

form#contact-us textarea

{

margin: 5px 0;

width: 210px;

background: #fff!important;

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}



form#contact-us select

{

margin: 5px 0;
width:214px;
background: #fff!important;

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}



form#contact-us textarea {width: 390px}



form#contact-us input.submit-button

{

	float: left; 

	margin-left: 303px; 

	width: 90px; 

	background-color: #7694ac !important; 

	border: none;

	color: #fff;

	height: 22px;

}
/* --------------------------------------------- LEFT COL STYLES ------------------------------------------------ */
a.ext-link-button
{
	width: 190px;
	height: 30px;
	line-height: 30px;
	background: url(/images/common/ext-links-button.gif) no-repeat;
	display: block;
	margin: 0 auto 1px auto;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 0 6px;
}

a:hover.ext-link-button
{
	color: #acdcff;
}

img.iso9001
{
	margin: 14px 0 0 9px;
}

img.trace-logo
{
	margin: 14px 0 0 4px;
}


div#left-col-logos {
	position: absolute;
	left: 49px;
	top: 319px;
	width:187px;
}

/* --------------------------------------------- MAIN COL STYLES ------------------------------------------------ */


#main-col h1.main-header
{
	width: 626px;
	height: 45px;
	background: url(/images/common/main-col-top.gif) repeat-x;
	text-transform: uppercase;
	color: #bceeff;
	line-height: 45px;
	padding: 0 17px;
}

#main-col h2
{
	color: #6c889e;
	line-height: 22px;
	padding:0px;
	margin:0px;
}

#main-col #col1
{
	margin-left: 10px;
	margin-top: 3px;
	width: 420px;
	display: inline;
	float: left;
	color: #333;
}
.news-items
{
	margin-left: 5px;
	width: 390px;
	height: auto;
	margin-bottom: 10px;
	/*background-color: #d4d4d4;*/
}
.news-items a
{
	padding: 5px 8px 7px 8px;
	width: 390px;
	height: auto;
	background-color: #d4d4d4;
	display: block;
	text-decoration: none;
}

#main-col #col1 .news-items a p
{
	margin: 3px 0 0 0;
	padding: 0;
	line-height: 1.2em;
}

.news-items a p.date
{
	text-decoration: none;
	color: #243855;
	font-weight: bold;
}
#col1 p.date
{
	text-decoration: none;
	color: #243855;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

#col1 ul
{
list-style-image: url(/images/common/bullet.png);
}

.news-items a p.intro
{
	display: inline;
	float: left;
	width: 340px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
#main-col #col1 p.intro a
{
	text-decoration: none;
}
#main-col #col1 p.intro a:hover
{
	color: #569ed2;
}

.news-items a p.download
{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	float: right;
	cursor: pointer;
}

.news-items a p.download img
{
	padding: 6px 6px 0 0;
}

.news-items a:hover
{
	background-color: #bfc8d6;
}

.news-tab
{
	margin-left: 5px;
	padding: 0;
	width: 190px;
	height: 33px;
	float: left;
	background-color: #d4d4d4;
	background-image: url(/images/nav/news-tab.gif) no-repeat;
}

.news-tab h1
{
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
	margin-left: 8px;
	padding: 5px 0 0 0;
}
#main-col #col1 a p.news
{
	margin-left:	-8px;
	padding: 30px 10px 10px 10px;
	background-color:#999;
	display: block;
	text-decoration: none;
}

#main-col #col2
{
	margin-left: 20px;
	margin-top: 3px;
	width: 200px;
	float: left;
}

#main-col img.extra-padding
{
	padding-bottom: 13px;
}

#main-col div.extra-padding
{
	padding-bottom: 13px;
}

#main-col img.extra-padding2
{
	padding-left: 20px;
	padding-bottom: 13px;
}

#main-col #col1 h1,
#main-col #col1 h2,
#main-col #col1 h3,
#main-col #col1 h4,
#main-col #col1 h5,
#main-col #col1 h6
{
	padding: 0 8px;
}

#main-col #col1 ul,
#main-col #col1 ol
{
	padding: 0 8px 10px 40px;
}

#main-col #col1 li
{
	padding-bottom: 10px;
}

#main-col #col1 p
{
	padding: 0 8px;
	margin-top: 6px;
	margin-bottom: 14px;
	line-height: 1.5em;
}

#main-col #col1 h5
{
	padding: 0 8px;
	margin-top: 20px;
	margin-bottom: 4px;
	font-size: 12px;
	color: #293e5b;
}
#main-col #col1 h6
{
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 12px;
	color: #293e5b;
}
#main-col #col1 p.news
{
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}
#main-col #col1 a.more-news
{
	text-align: right;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	float: right;
}

/* --------------------------------------------- LATEST NEWS STYLES ------------------------------------------------ */

#main-col #col2 #latest-news
{
	background: #d4d4d4 url(/images/common/latest-news-top.gif) top no-repeat;
	width: 170px;
	margin: 0 auto;
	padding: 10px;
}

#main-col #col2 #latest-news-bot
{
	background: url(/images/common/latest-news-bot.gif) top no-repeat;
	width: 190px;
	margin: 0 auto;
	font-size: 0;
	height: 7px;
}

#main-col #col2 #latest-news h1
{
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
}

#main-col #col2 #latest-news h5
{
	color: #243855;
	font-size: 1em;
	margin-top: 10px;
}
#main-col #col2 #latest-news .news-items h6
{
	color: #243855;
	font-size: 1em;
	margin-top: 0;
}

#main-col #col2 #latest-news a
{	
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/* --------------------------------------------- FOOTER STYLES ------------------------------------------------ */

#footer ul
{
	
}

#footer ul li
{
	display: inline;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 6px;
}

#footer ul li.last
{
	padding-right: 0;
}

#footer ul li a
{
	color: #fff;
	text-decoration: none;
}

#footer ul li a:hover
{
	color: #569ed2;
}

#footer2 ul
{
	margin-left: 150px;
}

#footer2 ul li
{	
	display: inline;
	color: #9b9b9b;
	font-size: 0.9em;
	font-weight: bold;
	background: url(/images/common/footer-divide.gif) center left no-repeat;
	float: left;
}

#footer2 ul li a
{
	color: #9b9b9b;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 11px;
}

#footer2 ul li.first
{
	padding-left: 0;
	background: none;
}

/* ---------------------------------- contact */

/* -- OFFICE DOTS */

a#location-eps {position: absolute; width: 100px; height: 15px; top: 90px; left: 137px; background: url(/images/spacer.gif) left 50% no-repeat;}
a#location-international {position: absolute; width: 160px; height: 15px; top: 59px; left: 275px; background: url(/images/spacer.gif) left 50% no-repeat;}
a#location-saudi-arabia {position: absolute; width: 155px; height: 15px; top: 118px; left: 353px; background: url(/images/spacer.gif) left 50% no-repeat;}

#contact-text{
margin-left:10px;
width:630px;
margin-bottom:15px;
}


#contact-details, #contact-map {
position: relative;
}

#contact-details {height: 260px;}

#international{
	position: absolute; 
	left: 210px;
	top: 0px;
	width: 197px;
	height: 270px;
	background: #ccc;
	border: 1px solid #ccc
}

#eps-transac-inc{
	position: absolute; 
	left: 7px;
	top: 0px;
	width: 197px;
	height: 270px;
	background: #ccc;
	border: 1px solid #ccc;
}
#saudi-arabia{
	position: absolute; 
	left: 413px;
	top: 0px;
	width: 197px;
	height: 270px;
	background: #ccc;
	border: 1px solid #ccc;
}

#saudi-arabia-arabic{
	position: absolute; 
	left: 0px;
	top: 0px;
	width: 197px;
	height: 270px;
	background:#c8e2f3;
}