/* CSS Document */


/*--------------------START OF MENU------------------------*/

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {position:relative; margin:0; left:21px; top:5px; width:1001px; height:30px; z-index:200; vertical-align:top;}
#menu_container2 {position:relative; left:20px; margin:0; margin-top:0; top:2px; width:600px; height:30px; z-index:200; }
#menu_container3 {position:relative; margin:0; left:0px; top:5px; width:999px; height:42px; z-index:200; vertical-align:top;background:url(images/nav-bar.gif) no-repeat;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#menu, #menu ul {padding:0 0px 10px 0; margin:0; list-style-type:none; position:relative; float:left;  display:block;}

/* Set up the link size, color and borders */
#menu a, #menu a:visited {position:relative; margin:0; padding:0 30px 0 0; font-family:tahoma, sans-serif; font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}

#menu a:hover{color:#aed4f4;}

/* Set up the list items */
#menu li {float:left;}








body{
	margin:0;
	font-family:tahoma;
	font-size:13px;
	background-color:#bfd3f7;
}

a:link{color:#012c5f; text-decoration:underline;}
a:visited{color:#012c5f; text-decoration:underline;}
a:hover{color:#e51837; text-decoration:none;}

h1{
	font-size:18px;
	color:#002d61;
	line-height:30px;
	margin-top:10px;
}

h2{
	font-size:14px;
	color:#ee142d;	
	padding-top:10px;
	margin-bottom:3px;
}


.middle-bg{
	background:url(images/bg-middle.gif);
	background-repeat:repeat-y;
	background-position:center;
}	


.bg{
	background-image:url(images/bg-2000.jpg);
	background-repeat:no-repeat;
	height:650px;
	width:2000px;
	margin-bottom:0;
	position:fixed;
	left:0;
	bottom:0;
	z-index:-1;
}

.login-bg{
	background-image:url(images/nautical-tracking-login-background.gif);
	background-repeat:no-repeat;
	height:350px;
	width:100%;
	background-position:center;
}

.top-bg
{
	background:url(images/bg-top.gif); 
	background-repeat:no-repeat;
	background-position:center; 
	padding:0px 13px 0px 0; 
	text-align:right;
}

.protect-investment{
	width:320px;
	color:#FFFFFF;
	font-size:11px;
	line-height:15px;
	padding:30px 0 0 25px;
}

.text{
	width:650px;
	padding-left:30px;	
}

.text-wide{
	width:890px;
		
}

.footer{
	color:#e9eef2;
	font-size:11px;
	padding-top:10px;
	font-weight:bold;
}

.footer a:link{color:#e9eef2; text-decoration:none;}
.footer a:visited{color:#e9eef2; text-decoration:none;}
.footer a:hover{color:#e9eef2; text-decoration:underline;}

.footnote{
	font-size:9px;
	padding-left:30px;
}

.q{color:#002d61; font-weight:bold; font-size:14px;}

.a{color:#ee142d; font-weight:bold; font-size:14px;}

blockquote{
	position:relative;
	left:-10px;
}

.tracking{
	width:850px;
}

.box{
	border:1px solid #000;
}

.box-header{
	background:#012c61;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding:2px 10px 2px 10px;
}

.blue-text{
	color:#012c61;
	text-align:center;
	font-size:14px;
}

.contact-device{
	padding:15px 10px 15px 30px;
	text-align:left;
}

.button-blue{
	color:#012c61;
	background:#6facdb;
	border:1px solid #012c61;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	width:170px;
}

.button-red{
	color:#fff;
	background:#ff0506;
	border:1px solid #000;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	width:170px;	
}

a.question-mark:link{color:#FFFFFF; text-decoration:none;}
a.question-mark:visited{color:#FFFFFF; text-decoration:none;}
a.question-mark:hover{color:#FFFFFF; text-decoration:none;}