/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}
#skipNav {
	position: absolute;
	height: 57px;
}

body {/* set page background colour */
	padding-bottom: 30px;
	background-image: url(../assets/Home/bkg.png);
		}
#wrapper1 {/* site content container */
	width: 800px;
	
	border: 0px solid #f7f7eb;
	border-top: 0px;
	padding: 0px;
	margin-top: 57;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
	width: 800px;
	background-color: #FFFFFF;
	border: 0px solid #f7f7eb;
	border-top: 0px;
	padding: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
		

	
#masthead {/* add border to masthead */
	background-color: #F7F7EB;
	background-repeat: repeat-x;
	border-bottom-width: 7px;
	border-bottom-color: #dddddd;
		}
		
#logo {/* logo container */
		float: left;
		height: 100px;
		width: 800 px;
		}


	
	
#navContainer {/* navigation container */
		clear: left;
		}

#content {/* content container */
		background: #ffffff;
		padding: 0px;
		}

/* ---------- 3. links and navigation ---------- */

/* -- main navigation -- */
#mainNavigation {
	background: #1A3A77;
	padding: 6px 0;
	border-top-width: 0px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #1A3A77;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
		}

#mainNavigation ul {
	text-align: left;
	text-indent: 30px;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.2em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}
		
#mainNavigation a:hover {
	color: #999999;
				}
		
.sectionHome #mainNavigation #linkHome a, .sectionFleet #mainNavigation #linkFleet a, .sectionServices #mainNavigation #linkServices a, .sectionAboutus #mainNavigation #linkAboutus a,.sectionNews #mainNavigation #linkNews a, .sectionCareers #mainNavigation #linkCareers a, .sectionPortals #mainNavigation #linkPortals a, .sectionStore #mainNavigation #linkStore a, {/* automation for active tab */
	border-top: 1px solid #1A3A77;
	background-color: #1A3A77;
	background-image: url("../assets/Main Elements/active-tab-background1.jpg");
	background-repeat: repeat-x;
	background-position: 0 100%;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionFleet #mainNavigation #linkFleet a:hover, .sectionServices #mainNavigation #linkServices a:hover, .sectionAboutus #mainNavigation #linkAboutus a:hover, .sectionNews #mainNavigation #linkNews a:hover, .sectionCareers #mainNavigation #linkCareers a:hover, .sectionPortals #mainNavigation #linkPortals a:hover {/* hover over-ride for automated tab */
	color: #999999;
		}
		
	
	
#mainNavigation li>ul{
	/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 60ex;
	margin-left: -6px;
	margin-top: 2px;
	font-size: 10px;	
}

#mainNavigation li:hover ul, li.over ul {
   display: block;
   position: absolute;
   background: #ffffff;
   color: #3565aa;
   max-width: 40ex;
   margin-left: -6px;
   margin-top: 2px;
		}
	
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {/* main heading */
		font: normal 1.8em/1.1em Arial, sans-serif;
		margin-bottom: 5px;
		}

h2 {/* cross-head */
		font: bold 1.2em/1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-top: 1.3em;
		margin-bottom: 2px;
		color: #1a9f44;
		}

p {
	margin-bottom: 0.8em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 8pt;
	line-height: 1.4em;
	color: #000000;
		}

/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
#logo img {
		margin-top: 0px;
		margin-left: 0px;
		}
		
.lefttable {
	float: left;
	margin: 0px;
	padding: 0px;
}
		
.centerdiv {
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	position: relative;
	padding-right: 2px;
	padding-left: 2px;
	}