*{
  margin:0px;
  padding:0px;
  border:0px;
}

body{
	width:544px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding:10px 10px 0px 10px;
	font-size:12px;
	color:#002364;
	line-height:150%;
}

h1, h2, h3 {line-height:150%; margin:10px 0px;}
h1 {font-size:20px;}
h2 {font-size:18px; margin:10px 0px 0px 0px;}
h3 {font-size:16px; margin:0px;}


hr {
  height:2px;
  margin:15px 0px;
  border-top:2px solid #002364; 
}

a:link, a:active, a:visited, a:hover {
  color: #002364; 
  text-decoration: underline; 
}
a:active{ outline:none; }
a:focus{ -moz-outline-style:none; }

li {
  margin:0px 0px 0px 20px;
}



html{
  height:100%;
 /* margin-bottom:-1px;  keeps a vertical scrollbar on all pages */
}

body{
	width:100%;
	height:100%;
	padding:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(assets/BG-AP-Draughting-Design-Engineering.jpg); /*  center no-repeat */
position:absolute;
top:5%;

}
/*.midle{
  position:absolute;
  top:5%;
	background-color:#e5e9ef;
}*/

#wrapper{
  height:518px;
	width:850px; //	width:850px;
	margin:auto; //	margin:0px auto;
	background-color:#e5e9ef;
  
}

/**************
START LEFT PANEL
***************/

#leftpanel{
	width:200px; //	width:190px;
	height:488px;
	background-color:#002364;
	float:left;
	text-align:left;
	padding:0px 0px 30px 0px;
}

.logo{
	width:188px;
	padding:15px 0px 0px 0px;
}

/*START NAVIGATION*/

#nav {
	width:120px;
	margin:30px 35px 0px 35px;
	line-height:120%;
}

#nav a {
	display:block;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
/*END NAVIGATION*/

/**************
END LEFT PANEL
**************/


/****************
START CENTER PANEL
*****************/

#centerpanel{
	width:650px;/*width:580px;*/
	height:100%;
	float:right;
}

.header{
	width:380px;//	width:380px;
	padding-left:240px;//	padding-left:170px;
	padding-bottom:5px;
}

#contentwrapper{
	/*width:614px;	width:544px;*/
	height:446px;/*	height:396px;*/
	border:solid 2px #002364;
	background-color:#FFFFFF;
	margin:0px 16px;
}

.contentnav{
	background:#1a3973;
	width:614px;//	width:544px;
	height:21px;
}

.contentnav a:link, .contentnav a:active, .contentnav a:visited, .contentnav a:hover, .contentnav img {
	display:block;
	float:left;
	color:#FFFFFF;
	background:#1a3973;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	padding:1px 15px 2px 15px;
	_padding:1px 15px 1px 15px;
}

.contentnav img {
	padding:0px;
	border:none;
}

.contentnav a.current:link, .contentnav a.current:active, .contentnav a.current:visited, .contentnav a.current:hover {
	color:#002364;
	background:#FFFFFF;
	text-decoration:none;
}


#content{
	height:384px;
	width:100;/**/
	background-color:#FFFFFF;
	overflow-y:auto;
	clip:rect(0px 520px 384px 0px);
	padding:10px;
	font-size:12px;
	color:#002364;
	line-height:150%;
	clear:left;
}
.footer {
  font-size:9px;
  color:black;
  margin-left:16px;//  margin-left:216px;
}
.footer a{
  text-decoration:none;
  font-size:9.5px;
}

/****************
END CENTER PANEL
*****************/

/* --- General ContactForm styles to be used on clients sites ---   */
div.contactForm{
  width:490px;
  padding: 0px;
  margin: 0px;
 /* position:absolute;*/
}
div.row {
  clear: both;
  padding-top: 5px;
  _padding-top: 2px;
  }
div.row span.label {
  float: left;
  width: 180px;
  text-align: right;
  padding:0px 10px 0px 0px;
  }
div.row span.formw {
  float: right;
  width: 285px;
  text-align: left;
  }
div.row span.formw input.text, div.row span.formw textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 285px;
	border: 1px solid #666666;
	background: none !important;
	padding:0px 0px 0px 2px;
}
div.row span.formw textarea{
  height:50px;
}
div.spacer {
  clear: both;
}