@charset "utf-8";

/* removes hyperlink borders */
* {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
	<style type="text/css">	
		/* hide from ie on mac \*/
		html {
			height: auto;
			overflow: auto;
		}
	/* end hide */
	
	body {
	font: 100% Calibri;
	background: #004F77;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}
/*
================================================================================
	Lists
================================================================================
*/
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#container {
	width: 600px;  /* this width will create a container that will fit in an 800px browser (was 46em) window if text is left at browser default font sizes */
	height: 100px;
/*    background: #FFFFFF; */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #DDDDDD; */
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	position: relative; */
/*  background:url(images/banner01.png) no-repeat top left; */
}

#demoContainer {
	width: 600px;  /* this width will create a container that will fit in an 800px browser (was 46em) window if text is left at browser default font sizes */
	height: 120px;
/*    background: #FFFFFF; */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #DDDDDD; */
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	position: relative; */
/*  background:url(images/banner01.png) no-repeat top left; */
}

#share .colAll {
  display: block;
  padding-bottom: 60px;
}
.infoPanel.clearfix {
  height: 50px;
}
.navHeader {
  height: 69px;
  position: relative;
}
.headerLine {
	height: 40px;
 	border-bottom: solid 2px #44474a;
	text-align: center;
	margin:10px;
	width: 100%;
}

#mainHeader {
/*  position: fixed;*/
  	font-family: Calibri;
  	font-weight: normal;
	font-size:20px;
 	letter-spacing: 0;
	text-align: center;
	z-index: 999;
	top: 0;
	left: 10;
	width: 100%;
	min-width: 600px;
	overflow: hidden;
	text-decoration: none; 
}

#homeNav {
	margin:0px auto ;
	height:80px; 
	float:left;
	overflow: hidden;
	text-align: left;	
	text-decoration: none; 	
/*	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


#mainNav {
	font-size:20px;
	position: right;
  	margin-top: 20px;
  	margin-right: 10px;
  	float: right;
}
#mainNav li {
  margin-left: 16px;
  display: block;
  float: left;
}

#mainNav ul li a {
  font-family: Calibri;
  font-weight: normal;
  letter-spacing: 0;
  padding: 20px 0;
  border: none;
  color: #ccc;
  text-decoration: none;  
  -webkit-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#mainNav ul li a:hover {
  color: #AFC251;
  -webkit-transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

#mainImage {
	margin:0px auto;
	height:375px; 
	width:600px; 
	float:center;
/*	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: justify;
}

#mainContent {
	margin:20px auto;
	height:1200px; 
	width:600px; 
	float:none;
	background:url(images/example01.png) no-repeat top center;
	
/*	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: justify;
}

#spacing {
	height:20px; 
	width:100%; 
}

#myCanvasContainer {
	height:450px; 
	width:100%; 
}

#slideShow {
	margin:0px auto;
	height:390px; 
	width:600px; 
	float:none;
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
	border: solid 1px #44474a;
	background-color:#000000;
}

#demoArea {
	margin:0px auto;
	cursor: default;
	height:600px; 
	width:960px; 
	float:top;
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
}
		
#centHope {
	margin:20px auto;
	height:500px; 
	width:600px; 
	float:none;
	padding: 10px 0 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
}

#clientArea {
	margin:0px auto;
	height:600px; 
	width:600px; 
	float:none;
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}

#aboutArea {
	margin:0px auto;
	height:600px; 
	width:600px; 
	float:none;
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}

#contactArea {
	margin:0px auto;
	height:600px; 
	width:600px; 
	float:none;
	padding: 10px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}

#copyrightArea {
	color: #AFC251;
	margin:20px auto;
	height:0px; 
	width:600px; 
	float:none;
	padding: 10px 0 10px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
	font-size:18px;
}

#footer {
	color: #AFC251;
	margin:0px auto;
	height:40px; 
	width:600px; 
	float:none;
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
	font-size:18px;
}

#tags {
height:0px; 
	width:700px; 
	float:none;
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
	font-size:1px;
}

#textSection1 {
/*	margin:0px auto; */
	height:50px;
	width:60px; 
	float:left;
	vertical-align:bottom;
	padding: 0 0 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
}

#textSection2 {
/*	margin:0px auto; */
	height:50;
	width:500px; 
	float:right;
	vertical-align:top;
	padding: 7px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
}

#textArea {
	margin:0px auto; 
	height:900px; 
	width:580px; 
	float:none;
	padding: 10px 10px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: justify;
	font-family: Calibri;
	font-size:17px;
	color: #AFC251;
}

#textLine {
	margin:0px auto; 
	height:30px; 
	width:600px; 
	float:none;
	padding: 0 10 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: justify;
	font-family: Calibri;
	font-size:17px;
	color: #AFC251;
}

#textLineBgrd {
	text-align: justify;
	font-family: Calibri;
	font-size:17px;
	color: #004F77;
}

#textLineBlk {
	text-align: justify;
	font-family: Calibri;
	font-size:17px;
	color: #000000;
}

.link_text {
	color: #AEC251;
	font-size:16px;
}

.Small_text {
	color: #AEC251;
	font-size:14px;
	background: #FAFDEB;
}

.bkgrdColor {
	color: #004F77;
	background: #004F77;
}

.lineContainer{
    text-align: center;
    min-width: 800px;
}

.lineContainer .middle-img{
    margin: 0 10px;
}

</style>