/* ----------------------- 1_home ----------------------------*/
/* body copy*/
body { background: #1e2730 url('../images/header-graphic02.jpg'); 
background-repeat: no-repeat; background-position: 50% 0%; padding-bottom: 30px;}

body.nobkg{background:#1e2730; }
/*main container to hold body*/ 

#container { width: 1050px; margin:0 auto; min-height:100%;
   position:relative;}
#container { height: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, sans-serif; color: #fbde42; font-weight: bold;}

h1 {font-size:large;}
h2 {font-size: medium; font-weight: medium;}
h2, h3, h4, h5, h6 {color:#C4931B;}

p, ul, ul li, ol, ol li, dl, dl dt, dt dd, blockquote { font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, sans-serif; color: #D8D8D8; line-height: 1.5em;}

p {font-weight: light; font-size: 14px;} 

ul, dl{ margin-left: 1.5em;}

dl {padding-left: 20px; margin-bottom: 7px;}

dd {font-size: small; margin-bottom: 10px;}

dt {margin-bottom: 10px;}

ul li {text-decoration: none; list-style:none; padding-bottom: 5px; }

a {text-decoration: none; color: #ED1826; }

a:hover { text-decoration: none; color: #FFFFFF; } 

blockquote {
display: block;
margin-left: 100px;
padding: 10px 60px;
width:600px;
}

blockquote:before {
content: open-quote;
height: 0px;
margin-left: -0.3em;
}

blockquote:after {
content: close-quote;
height: 20px;
margin-top: 5px;
margin-left: 605px;
}

blockquote:before, blockquote:after {
color: #6C7E6E;
display: block;
font-size: 400%;
width: 30px;
}

#headnav, #headnavstill {
width:1000px;
height: 400px;
margin: 0 auto;
background: none;}

#headnavstill img{ margin-top:-35px;}
a.headno img { border: 0;}

.footer {position: relative; bottom: 0; clear: both; width: 65%; height: 30px; margin:0 auto; padding-top: 30px;}
p.legal {font-size: x-small; text-align: center;}

p.btmnav{font-size: smaller; text-align: center;}

/* css Main Navigation- all pages */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menunav, .menunav ul {list-style-type:none; padding:0 40px; margin:0 auto; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menunav li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menunav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menunav li.top a.top_link {display:block; float:left; height:35px;}
.menunav li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists, with the :'nows' is to indicate where the user is currently */
.menunav li.p1, a#homenow {width:150px; background:url(../images/1_home_ahvr.png) no-repeat;}
.menunav li.p2, a#prodsernow {width:150px; background:url(../images/2_prd_ahvr.png) no-repeat;}
.menunav li.p3, a#appsnow {width:150px; background:url(../images/3_apps_ahvr.png) no-repeat;}
.menunav li.p4, a#storynow{width:150px; background:url(../images/4_story_ahvr.png) no-repeat;}
.menunav li.p5, a#lenewsnow {width:150px; background:url(../images/5_news_ahvr.png) no-repeat;}
.menunav li.p6, a#galleriesnow {width:150px; background:url(../images/6_gallery_ahvr.png) no-repeat;}

/* set up the normal unhovered images in the links */
.menunav li a#home {width:150px; background:url(../images/1_home_alink.png) no-repeat;}
.menunav li a#prodser {width:150px; background:url(../images/2_prd_alink.png) no-repeat;}
.menunav li a#apps {width:150px; background:url(../images/3_apps_alink.png) no-repeat;}
.menunav li a#story {width:150px; background:url(../images/4_story_alink.png) no-repeat;}
.menunav li a#lenews {width:150px; background:url(../images/5_news_alink.png) no-repeat;}
.menunav li a#galleries {width:150px; background:url(../images/6_gallery_alink.png) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menunav a:hover {visibility:visible;} /* for IE6 */
.menunav li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menunav li a#home:hover, .menunav li:hover a#home,
.menunav li a#prodser:hover, .menunav li:hover a#prodser,
.menunav li a#apps:hover, .menunav li:hover a#apps,
.menunav li a#story:hover, .menunav li:hover a#story,
.menunav li a#lenews:hover, .menunav li:hover a#lenews,
.menunav li a#galleries:hover, .menunav li:hover a#galleries {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menunav ul, 
.menunav :hover ul ul, 
.menunav :hover ul :hover ul ul,
.menunav :hover ul :hover ul :hover ul ul,
.menunav :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menunav :hover ul.sub {left:0; top:25px; background: #0f1b2e; padding:3px 0; border:1px solid #0f1b2e; white-space:nowrap; width:140px; height:auto;}
.menunav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:137px;}
.menunav :hover ul.sub li a {display:block; font-size:12px; height:20px; width:137px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #0f1b2e; border-width:0 0 0 3px;}
.menunav :hover ul.sub li a:hover {background:#2d466e; color:#fff;}
#menuness {width: 1000px; margin: 0 auto; margin-top: -150px;}

/*main.html=========================================*/

.welcome01, .welcome02, .welcomeintro{ width: 875px; margin: 0 auto; padding-top: 50px;
margin-bottom:2px; padding-bottom: 105px;} 
.welcome01 p {padding: 0 10px; line-height: 1.5em;}
.welcome02 {margin-top: 20px;}
/* main.html> Content > Main */
#updatecon{ float: left; width: 400px; margin-top: -5px; margin-left: 40px; padding-left: 50px;} 
#welcomepadder {padding-top:10px;}

/* main.html> Content > Sidebar > the latest */
#rsidebar { float: right; width: 375px; padding-right:120px; }
.welcol2 {width: 850px; padding: 0 2px 0 0; text-align: justify;}
.welcol3 p {font: italic bold 1.2em/2 arial, Helvetica, sans-serif; color:#8E7F51;}
.foru {font: italic bold 1em arial, Helvetica, sans-serif; text-align: right; margin-top: -10px; margin-right: 10px; color: #FFF48E;}

/* main.html> Content > Updates */

.updates ul { margin-left: -30px; list-style: none; text-align:justify; }

.updates h3 { font: Arial, Helvetica, sans-serif; color:#507550; font-size: medium; }

.updates p { margin-bottom: 1.2em; font-size:14px; line-height: 1.5em; }

.updates a { text-decoration: none; font-weight: lighter; text-decoration: none; color: #FFFFFF; }

.updates a:hover{ color: #CCCC99; } 

.moveover{margin-right: 30px;}
.moveover2 {padding-right: 15px;}
.moveover30 {margin-left: 50px;}


/*pages> products========================================*/ 
#digidatain{width: 410px; float: left; text-align:justify;} /*left column for intro*/
#digidatainright { width: 410px; float: right; text-align: justify; padding-right: 20px;}/*right column for intro*/
.welcomeintro p {line-height: 1.5em;}
#defcats{ margin: 0 auto; width: 850px; height: 190px; padding: 2px;}

#alldef, #alldef2 {width: 850px; margin: 0 auto; height:auto; position: auto; margin-top:70px;}
#alldef2 {width: 875px;}
#alldef p, #alldef2 p {margin-left: 15px; margin-right:20px; text-align: justify;}

#minidefintro{padding: 20px; margin:30px;}
#majcrit ul {margin-left: 7em;}

.cont{ margin-top: 10px; padding-top:10px;}
.cont1{padding-top: 20px;}
.cont2 {padding-top: 5px; padding-bottom: 10px;}
.bk2top {margin-top: -10px; font: 12px Arial, sans-serif; float: right;}
.vusample {margin-top:-5px; font: 13px Arial, sans-serif; }
/*captioning css*/

.picture{ background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; margin: -15px;}
.picture2 { background-color: #1e2730; padding-right: 2px; font: 14px/1.4em Arial, sans-serif; 
margin-top: -10px; padding-top: 2px; padding-bottom: 4px; margin-bottom: 5px;}
.minicap, .minicap2 { padding: 3px; font: 11px/1.4em Arial, sans-serif; margin: -15px; margin-bottom: 10px;}
.minicap2{margin-top:0; margin-bottom: 10px;}
.picture img { border: 1px solid #CCCCCC; vertical-align: middle; margin-bottom: 3px; }
.picture2 img {vertical-align: middle; }
.picture2 h4 { padding-right: 5px; text-align:center;}
.right { margin: 1em 0pt 0.5em 0.8em; float:right; margin-right: 20px; margin-left: 20px;}
.left { margin: 0.5em 0.8em 0.5em 0; float:left;  margin: 10px 20px;} 
.courtesy { font-style:italic; }

/* >>>>>>>>>>>>>>>>>  pages> 3_licensing css <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* licensing page intro*/
#liscdetails {width: 850px; margin: 0 auto; margin-top:40px;} 
#liscnavintro{ width: 35%; float: left;} #liscdetailsintro2{ width: 60%; float: right;} 
.introq { color: #B55C5C; padding: 10px; }
.introq ul { margin: 0; } .introq li { border-bottom: 1px solid  #A8A890; list-style: none; margin-bottom:10px; margin-right: 10px; text-align:justify; padding-bottom: 15px; } 
#liscnav{ width: 35%; float: left;}
#liscdetails2{ width: 60%; float: right;}
#liscdetails2 p {padding-left: 25px;}
.lisformat li {padding-bottom: 10px; margin-left:-40px;}
.lisformat ol {margin-left: 40px;}


/* table sample work */
#samplepage {background: #1e2730; height: 100%;}

#feesamplewhole, #feesamplewhole2 { width: 750px; margin:0 auto; margin-top: 20px; padding-top:10px; }
#feesamplewhole2 { width: 1100px; }

dl.sampledl { width:600px;}

dd.sampleness{font-size: 14px;}

.samplefees5{ width: 500px; }

.samplefees6{ width: 600px; } .samplefees7{ width: 700px; }

.samplefees5, .samplefees6, .samplefees7 { padding: 0; margin: 0 auto; margin-bottom: 30px; }

th, td, .sampletitletop{ font: bold 12px Arial, Helvetica, sans-serif; color: #556646; /*greyish colours for borders*/  border: 1px solid #ccd1ba; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #d9e4ca; /* pale green*/ }

td.descdata {text-transform:none; line-height:15px;}
.sampletitletop {background: #e8eee3; color:#445138; text-align:center;}


/* ----------cell1 properties-------*/ 
td { border: 1px solid #ccd1ba;background: #fff; /* white */ padding: 6px 6px 6px 12px; color: #556646; /*brown*/ font-weight:lighter; }

/*-------cell2 properties--- */
td.alt { background: #f6f8f3; color: #797268;} 
/*---------row1 css-------*/ th.spec { border: 1px solid #ccd1ba; / border-top: 0; background: #fff; font: bold 10px Arial, Helvetica, sans-serif;} 


/*---------row2 css-----------*/ 
th.specalt { border-left: 1px solid #ccd1ba;border-top: 0; background: #f6f8f3; font: bold 10px Arial, Helvetica, sans-serif; color: #797268;}

th.nobrd {border:0;}

caption { margin: 0 auto; padding: 0 4px 4px 0; color: #FFFF99; width: 600px; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right; } 

/* >>>>>>>>>>>>>>>>>>>>>>>>>>  pages> 4_customwork css<<<<<<<<<<<<<<<<<<<< */ 
#cuscdetails {width: 700px; margin: 0 auto; margin-top: 60px;}
#cusdetailsinner{width: 70%; padding: 5px 20px; margin: 0 auto; padding-top: 60px;}
.lisformat li {padding-bottom: 10px; margin-left:-40px;}
.lisformat ul {margin-left: 40px;}
h2.spacing, h1.spacing {margin-top: 30px; padding-top: 10px;}
h1.spacing
{padding-left: 20px;}


/* >>>>>>>>>>>>>>>>>  pages> 5_gallery css <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ 
/*the flash gallery*/
#flashcontent { height: 500px; width: 900px; margin: 0 auto; margin-top: 130px;}

#galleryfun{width: 900px; margin: 0 auto; margin-top:-60px;}

.galimg {margin-bottom: 20px; float: right;}

#galleft{width: 50%; float: left;}

#galright{width: 50%; float: right;}

.galview {float: right;}

#galcon, #galconglobes, #galconglobescon, #galconsatimg {background: #333333; height: 600px;}

#galconglobes {height: 275px;}

#galconsatimg {min-height: 400px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 400px;/* this is also the min height for IE */
padding-bottom: 20px;}

#galconglobescon {height: 450px;}

#galnav, .morespecial, #galnav2, #galnav3 { width: 900px; margin: 0px auto; padding: 5px 0px 5px 0px; background-color: #333333; }

.morespecial{background: none; padding: 0; margin-top: 100px;}

#galnav2 { margin: 0 auto; margin-top: 60px; width: 800px;}

#galnav3 {margin: 0 auto; width: 800px; height: 100%;}

img.nob{border: none;}

/* ==================== special projects gallery, mini menu with pictures =================*/
.logo_ir {
    display:block;
    width:152px;
	height:152px;
	margin:0px auto;
	padding-bottom: 30px;
	}
	
.logo_ir a, #bc a, #rio a, #ngs a, #hk a, #nap a, #sing a, #whis a {
	display:block;
	text-indent:0px;
	text-align: center;
	font: 15px/1.4em Arial, sans-serif;
	color: #000;
	width:150px;
	height:150px;
	background:#fff;
	border:3px solid #ddd;
	}
	

#rio2 a {background:#fff url(../pages/6_gallery/gallery4/images/rio_mini.jpg);}
#hk2 a {background:#fff url(../pages/6_gallery/gallery4/images/hongkong_mini.jpg);}
#nap2 a {background:#fff url(../pages/6_gallery/gallery4/images/naples_mini.jpg);}
#sing2 a {background:#fff url(../pages/6_gallery/gallery4/images/singapore_mini.jpg);}
#whis2 a {background:#fff url(../pages/6_gallery/gallery4/images/whistler_mini.jpg);}

#coun a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_countries_mini.jpg);}
#eglo a {background:#fff url(../pages/2_productservices/3_earthvista/images/2_earthglobes.jpg);}
#feart a {background:#fff url(../pages/2_productservices/3_earthvista/images/3_flat_earth.jpg);}
#horz a {background:#fff url(../pages/2_productservices/3_earthvista/images/4_horizons_mini.jpg);}
#pol a {background:#fff url(../pages/2_productservices/3_earthvista/images/5_poles_mini.jpg);}
#shar a {background:#fff url(../pages/2_productservices/3_earthvista/images/6_shaded_relief_mini.jpg);}
#sixc a {background:#fff url(../pages/2_productservices/3_earthvista/images/7_six_cont.jpg);}

#egno a {background:#fff url(../pages/2_productservices/3_earthvista/images/2_north_30.jpg);}
#egso a {background:#fff url(../pages/2_productservices/3_earthvista/images/2_south_30.jpg);}
#egeq a {background:#fff url(../pages/2_productservices/3_earthvista/images/2_equator.jpg);}

#eaf a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_africa_mini.jpg);}
#emid a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_mideasteur_mini.jpg);}
#eas a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_asia_mini.jpg);}
#ena a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_na_mini.jpg);}
#eeur a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_euro_mini.jpg);}
#esa a {background:#fff url(../pages/2_productservices/3_earthvista/images/1_sa_mini.jpg);}

/* ================================*/

td.evc {text-align: center;}
.logo_ir a:hover, #bc a:hover, #rio a:hover, #ngs a:hover, #hk a:hover, #nap a:hover, #sing a:hover, #whis a:hover {
    border:5px solid  #eee;
	}

	
	/*===================end of mini gallery*/
#linerup, #linerupglobe{width: 900px; margin:0 auto;}
#linerupglobe {margin-top: 30px;}
#left {
		float:left;
		width:160px;
		margin:0 20px; padding:0 120px;}

#right {
		float:right;
		width:160px;
		margin:0 10px; padding:0 120px;
		}
		
#centerness{
		margin:0 100px;
		}


/* links 3 column layout page*/

.collinks, .collinksflash
{ color: #eee; padding: 3% 3% 1%; width: 85%; margin: 0 auto; padding: 0 20px;}

.collinksflash { width: 85%; z-index: -1; margin-top: 10px;}

.collinks ul, .collinksflash ul { margin: 0; } 

.collinks li, .collinksflash li { border-bottom: 1px solid #1C1C1C; list-style: none; padding-top: 3px;}

.collinksflash li {border: 0; line-height: 1.2em; font-size: smaller;}

.directions {margin-bottom: 1px;} 

.collinks li a { display: block; line-height: 2em; padding-left: 4%; width: 96%; } 

.collinks a {color: #eee;} 

.collinks a:hover { color: #BBB; background: #13191F; }

.col3, .col3center { float: left; width: 30%; margin: 20px 10px;  }  

/*------------News archive-----------*/
#newsarchivesoon {width: 850px; margin: 0 auto; margin-top:70px;}

#winclose {float: right; background:#000; padding: 3px;}

.move li /* for ie7 move the list over */ {
padding-left: 30px;}
/* ----------------contact us mini icons----------------------
-----------  	 by Mark James http://www.famfamfam.com/lab/icons/silk/ ---------------- */
.callus {background: url('../images/telephone.png') no-repeat;}

.faxus{background: url('../images/printer.png') no-repeat;}

.emailus{background: url('../images/email_go.png') no-repeat;}
.emailus a {margin-left: -23px;}

#e {} /*moving email to line up with the rest of teh contact info*/

li.callus, li.faxus, li.emailus { margin-left: 10px;padding-left: 25px;}

.content dl, .content dd, .content dt, .content a:hover, .content a {padding-left: 25px; }

#copy {width: 700px; margin: 0 20px;}

#thumbline,#thumblined {width: 650px; margin: 0 auto;}

#thumblined {margin: 0 65px;}

.thumber{margin-top: -2px;}

/* Div for flash animation gallery*/
.animegal, .animegal2 {background: none; width: 800px; margin: 0 auto; z-index: -20;}
.animegal2 {margin-top: 20px; padding-left: 10px;}
#animegalcon {background: none; width: 800px; margin: 0 auto; padding-top: 20px; margin-top: 130px; z-index: -20;}

#con30m {width: 650px; margin: 0 auto; padding-top: 30px; margin-top: 40px;}

li.righty {text-align:right; padding-left: 700PX;}

h1.padders{padding-left: 40px;}

ul.artearth {margin-right: 20px; padding-right: 60px; list-style-type: disc; }
ul.applist {margin-left: 50px; padding-left: 30px;}
ul.artearth li {font-size: smaller;}
h3.cname {color:#C4931B;}

/* Satellite Image section : mini navigation at the bottom */

.satimgnav, .satimgctr  {font-size: smaller; background: #333; text-transform: uppercase; color: #eee;}
.satimgctr{text-align: center;}
.satimgnav a, .satimgnav a:visited { color: #eee; padding: 2px 2px;  }
.satimgnav a:hover { color: #F7B928; background-color: #000;}