@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: #35255d;
	height: 100%;
	background-image: url(../images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: 100%;
}

#header {
	height: 280px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFF;
	text-align: right;
	padding-top: 10px;
}
#navigation {
	height: 40px;
	background-image: url(../images/nav_b_0.png);
	background-repeat: repeat-x;
	width: 949px;
	text-align: center;
	padding-left: 75px;
}
#contentwrap {
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	height: 550px;
	background-color: #FFF;
}
#content {
	float: left;
	width: 605px;
	padding-right: 20px;
	padding-left: 15px;
}
#content-about {
	float: left;
	width: 990px;
	padding-right: 20px;
	padding-left: 15px;
}
#content-about-us {
	float: left;
	width: 980px;
	padding-right: 20px;
	padding-left: 15px;
	height: 540px;
	overflow: scroll;
	overflow-x:hidden; 
	overflow-y:auto; 
}

#content-tracking {
	float: left;
	width: 985px;
	padding-right: 20px;
	padding-left: 15px;
	height: 550px;
}
#content-tracking1 {
	float: left;
	width: 985px;
	padding-right: 20px;
	padding-left: 5px;
	height: 550px;
}


#content-gallery {
	width: 850px;
	padding-right: 20px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.tracking {
	font-size: 10pt;
}




#news {
	float: left;
	width: 345px;
	height: 400px;
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
}
#twitter {
	float: left;
	width: 245px;
	height: 125px;
	background-image: url(../images/twitter_feeds.png);
	background-repeat: no-repeat;
	padding-right: 95px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Tahoma, Geneva, sans-serif;
}

.newsevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding-top: 10px;
}
#news #viewall {
	text-align: right;
}



#footer {
	height: 20px;
	text-align: center;
	background-image: url(../images/footer_-bg.jpg);
	background-repeat: no-repeat;
	font-size: 8pt;
	font-weight: bold;
	color: #FFF;
	padding-top: 35px;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
}
h1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-left: 10px;
}





/* NAVIGATION */
#mainUS
{
	display: block;
	width: 126px;
	height: 40px;
	background-image: url(../images/nav_main.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#mainUS:hover
{ 
  background-position: 0 -40px;
}


#mainUS span
{
	position: absolute;
	top: -999em;
}


#aboutUS
{
	display: block;
	width: 125px;
	height: 40px;
	background-image: url(../images/nav_about.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#aboutUS:hover
{ 
  background-position: 0 -40px;
}

#aboutUS span
{
	position: absolute;
	top: -999em;
}


#serviceUS
{
	display: block;
	width: 125px;
	height: 40px;
	background-image: url(../images/nav_services.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#serviceUS:hover
{ 
  background-position: 0 -40px;
}

#serviceUS span
{
	position: absolute;
	top: -999em;
}


#resourceUS
{
	display: block;
	width: 131px;
	height: 40px;
	background-image: url(../images/nav_resources.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#resourceUS:hover
{ 
  background-position: 0 -40px;
}

#resourceUS span
{
	position: absolute;
	top: -999em;
}


#trackingUS
{
	display: block;
	width: 131px;
	height: 40px;
	background-image: url(../images/nav_tracking.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#trackingUS:hover
{ 
  background-position: 0 -40px;
}

#trackingUS span
{
	position: absolute;
	top: -999em;
}


#galleryUS
{
	display: block;
	width: 127px;
	height: 40px;
	background-image: url(../images/nav_gallery.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#galleryUS:hover
{ 
  background-position: 0 -40px;
}

#galleryUS span
{
	position: absolute;
	top: -999em;
}


#contactUS
{
	display: block;
	width: 120px;
	height: 40px;
	background-image: url(../images/nav_contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#contactUS:hover
{ 
  background-position: 0 -40px;
}

#contactUS span
{
	position: absolute;
	top: -999em;
}

/*END NAVIGATION*/






/* NAVIGATION */
#spmainUS
{
	display: block;
	width: 126px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_main.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#spmainUS:hover
{ 
  background-position: 0 -40px;
}


#spmainUS span
{
	position: absolute;
	top: -999em;
}


#spaboutUS
{
	display: block;
	width: 125px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_about.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#spaboutUS:hover
{ 
  background-position: 0 -40px;
}

#spaboutUS span
{
	position: absolute;
	top: -999em;
}


#spserviceUS
{
	display: block;
	width: 125px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_services.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#spserviceUS:hover
{ 
  background-position: 0 -40px;
}

#spserviceUS span
{
	position: absolute;
	top: -999em;
}


#spresourceUS
{
	display: block;
	width: 131px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_resources.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#spresourceUS:hover
{ 
  background-position: 0 -40px;
}

#spresourceUS span
{
	position: absolute;
	top: -999em;
}


#sptrackingUS
{
	display: block;
	width: 131px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_tracking.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#sptrackingUS:hover
{ 
  background-position: 0 -40px;
}

#sptrackingUS span
{
	position: absolute;
	top: -999em;
}


#spgalleryUS
{
	display: block;
	width: 127px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_gallery.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#spgalleryUS:hover
{ 
  background-position: 0 -40px;
}

#spgalleryUS span
{
	position: absolute;
	top: -999em;
}


#spcontactUS
{
	display: block;
	width: 120px;
	height: 40px;
	background-image: url(../sp/IMAGES/nav_contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}

#spcontactUS:hover
{ 
  background-position: 0 -40px;
}

#spcontactUS span
{
	position: absolute;
	top: -999em;
}
/*END NAVIGATION*/






/* TWITTER */


#container #contentwrap #news #twitter_t{
	width: 550px;
	height: 34px;
	background-image:url("your top image");
	}
#container #contentwrap #news #twitter_m{
	width: 310px;
	background:url("your middle image") 0 0 repeat-y;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	}
#container #contentwrap #news #twitter_m {
	width: 310px;
}
#container #contentwrap #news #twitter_container{
	min-height:45px;
	height:auto !important;
	height:40px;
	padding-bottom:10px;
	}
#container #contentwrap #news #twitter_update_list{
	width: 310px;
	padding: 0;
	overflow: hidden;
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	color: #31353d;
	line-height: 16px;
	font-weight:bold;
	}
#container #contentwrap #news #twitter_update_list li{
	width: 310px;
	list-style-image: none;
	list-style-type: none;
	}
#container #contentwrap #news #twitter_update_list li a{
	color: #5f6d76;
	border-bottom: dotted 1px;
	text-decoration: none;
	}
#container #contentwrap #news #twitter_update_list li a:hover{
	color: #31353d;
	background: #d3f1f9;
	}
#container #contentwrap #news #twitter_b{
	width: 310px;
	height: 29px;
	background-image:url("your bottom image");
	}


/* END TWITTER */






/*TAB SLIDE OUT*/
.tab-out {
          padding: 20px;
          width: 250px;
          background: #fff;
          border: 1px solid #29216d;
      }      

/*TAB SLIDE OUT*/







.language {
	padding-right: 25px;
}



.clear {
	clear: both;
}
#header .language a {
	text-decoration: none;
	color: #FFF;
}
#header .language a:hover {
	text-decoration: none;
	color: #00F;
}



/* TWITTER API CSS */
#twitter_t {
	width: 220px;
	height: 105px;
	background-image:url("your top image");
	}
	 
	#twitter_m {
	width: 220px;
	background:url("your middle image")  0 0 repeat-y;
	height: 70px;
	padding-top: 15px;
	}
	 
	       #twitter_update_list {
	width: 220px;
	padding: 0;
	overflow: hidden;
	font-family: arial;
	font-size: 12pt;
	color: #000;
	line-height: 14pt;
	       }
	 
	       #twitter_update_list li {
	width: 220px;
	list-style: none;
	       }
	 
	       #twitter_update_list li a {
	color: #000;
	border-bottom: dotted 1px;
	text-decoration: none;
	       }
	 
	       #twitter_update_list li a:hover {
	color: #000;
	       }
	 
	#twitter_b {
	width: 220px;
	height: 29px;
	background-image:url("your bottom image");
	}
	/* END TWITTER API */




/* GALLERY CODE */
#main {
	width:850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}

#images {
	display:none;	
}

.panel {
	float:left;	
}

ul.exposureThumbs {
	background:#111;
	border:12px solid #111;
	border-right:none;
	padding:0;
	margin:0;
	list-style-type:none;
}

ul.exposureThumbs li {
	margin:0 0 12px 0;
	padding:0;
	text-align:center;
	display:none;
}

ul.exposureThumbs li img {
	cursor:pointer;
}

ul.exposureThumbs li.last {
	margin:0;	
}

.exposureTarget {
	width:800px;
	height:600px;
	background-color:#111;	
	background-image:url(res/loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;	
	padding:0;
	margin:0;
	border:12px solid #111;
	position:relative;
	overflow:hidden; 
}

.exposureWrapper {
	position:absolute; 
	top:0; 
	left:0;
}

.exposureWrapper img {
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

.exposureLoaded {
	background-image:none;	
}

.exposureData {
	position:absolute;
 	left:0;
 	right:0;
 	bottom:-2000px;
	height:60px;
	padding:7px;
	background-image:url(res/veil.png);
	color:#fff;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	display:none;
}

/* In this demo we are using thumbs with fixed size */
ul.exposureThumbs li {
	width:150px;
	height:79px;
}

.exposureSlideshowControls a,
.exposureControls span,
.exposureControls a {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	padding:8px;
	background-color:#555;
	display:block;
	float:left;
}

.exposureSlideshowControls a {
	float:right;	
}

.exposureSlideshowControls a,
.exposureControls a {
	color:#ccc;
	text-decoration:none;
	outline:none;
}

.exposureSlideshowControls a:active,
.exposureSlideshowControls a:hover,
.exposureControls a:active,
.exposureControls a:hover {
	background-color:#444;
	color:#ddd;
}

.exposurePaging .active {
	color:#fff;
	background-color:#111;	
}

p.info {
	margin:40px auto;
	text-align:center;	
	width:600px;
}

p.info a {
	color:#006fc0;	
}

p.info a:hover, p.info a:active {
	color:#0084e7;	
}
#content-tracking a {
	color: #00F;
	text-decoration: none;
}
#content-tracking a:hover {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}