/* ================================================================================== */
/* Color and background image                                                         */
/* ================================================================================== */

/* Home section */
#home .bgcolor, #navbar .home a:hover { background-color:#508CB4; }
#home .fgcolor        { color:#508CB4; }
#home #content h1     { color:#508CB4; border-bottom-color: #508CB4 } 
#home #header         { background-image:url(../pics/home.jpg); }


/* Services section */
#services .bgcolor, #navbar .services a:hover { background-color:#8A5353; }
#services .fgcolor    { color:#8A5353; }
#services #content h1 { color:#8A5353; } 
#services #header     { background-image:url(../pics/serv.jpg); }

/* Software section */
#software .bgcolor, #navbar .software a:hover { background-color:#999966; }
#software .fgcolor    { color:#999966; }
#software #content h1 { color:#999966; } 
#software #header     { background-image:url(../pics/soft.jpg); }

/* GNSS link section */
#links .bgcolor, #navbar .links a:hover { background-color:#669999; }
#links .fgcolor    { color:#669999; }
#links #content h1 { color:#669999; } 
#links #header     { background-image:url(../pics/link.jpg); }

/* Contact section */
#contact .bgcolor, #navbar .contact a:hover { background-color:#666699; }
#contact .fgcolor    { color:#666699; }
#contact #content h1 { color:#666699; } 
#contact #header     { background-image:url(../pics/cont.jpg); }


/* ================================================================================== */
/* Body style                                                                         */
/* ================================================================================== */
body {
	background-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	/*height: 100.05%;*/
	/*overflow-y: scroll;*/
}

/* ================================================================================== */
/* Wrapper                                                                            */
/* ================================================================================== */
#wrap {
	background-color:#FFFFFF;
	margin:auto;
	width:780px;
}

/* ================================================================================== */
/* Header                                                                             */
/* ================================================================================== */
#header {
	height:100px;
}


/* ================================================================================== */
/* Top navigation bar                                                                 */
/* ================================================================================== */
#navbar {
	background-color:#000000;
	color:#EEEEEE;
	width:780px;
	border-width:2px 0px;
	border-style:solid none;
	border-color:#000000;
}

/* Group of links */
#navbar .group {
	text-align:center;
	padding-left:150px; 
	margin-bottom:2px;
}

/* Active page */
#navbar span {
/*	width:120px;*/
	width:150px;
	display:block;
	padding:1px 0px;
	float: left;
}

/* Links */
#navbar a {
	text-decoration:none;
 /*   width:120px;*/
 	width:150px;
    display:block;
	color:#EEEEEE;
	padding:1px 0px;
    float:left;
}




/* ================================================================================== */
/* Left navigation menu                                                               */
/* ================================================================================== */
#menu {
	width:150px;
	float:left;
	clear:both;
	margin-bottom: 10px;
}

/* Group of links */
#menu .group {
	background-color:#EEEEEE;
	margin-top:10px;
	margin-left:5px;
	border:1px solid #000000;
	padding-bottom:2px;
}

/* Group header */
#menu h1 {
	font-size:12px;
	text-align:center;
	color:#EEEEEE;
	padding:2px 0px;
	border-bottom:1px solid #000000;
	margin:0px;
	font-weight:normal;
}

/* Active page */
#menu span {
	display:block;
	background-color:#CCCCCC;
	padding:1px 0px 1px 2px;
}

/* Other links */
#menu a {
	text-decoration:none;
	display:block;
	color:#000000;
	padding:1px 0px 1px 2px;
}

#menu a:hover {
	background-color:#CCCCCC;
}


/* ================================================================================== */
/* Content area                                                                       */
/* ================================================================================== */
#content {
	margin-left:150px;
	padding:10px;
	height:400px;            /* 3 pixel jog trick */
	}

html>body #content {         /* ignored by IE */
	height:auto;
	min-height:400px; 
	}

/* Header lines */
#content h1 {
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#content h2 {
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}

#content .first {        /* No top margin for header on top of page (in first line) */
	margin-top:0px;
}

/* Links */
#content a {
 text-decoration:none;
 }
 
#content a:visited {
	color:#CC6699;
}

#content a:hover {
	color:#FF9933;
	text-decoration: underline;
}

#content td ul {
	margin: 0px;
	padding: 0px 20px;
}


/* ================================================================================== */
/* Footer line                                                                       */
/* ================================================================================== */
#footer {
	clear:both;
	background-color:#000000;
	color:#EEEEEE;
	text-align:right;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#footer a {
	text-decoration:none;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
}


/* ================================================================================== */
/* Sitemap                                                                            */
/* ================================================================================== */


div#sitemap {
   padding: 1em 1.5em;
   line-height: 20px;
}

div#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
}

div#sitemap li {
   background: url(../pics/extm.gif) no-repeat 0% 0%;
}

div#sitemap li.last {
   background: url(../pics/exlm.gif) no-repeat 0% 0%;
}

div#sitemap ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
}

div#sitemap ul {
   background: url(../pics/exim.gif) repeat-y 0% 0%;
}

div#sitemap ul.last {
   background-image: none;
}