html, body {
	height: 100%;
}

#wrap {
	position: relative;
	width: 100%;
	min-height: 100%;
	background: #fff url('../media/top_bar.jpg') repeat-x top;
	margin: 0 auto;
	padding: 0;
} 

a {
  text-decoration: none;
  font-weight: bold;
}

a:link {
  color: #0359db;
}

a:visited {
  color: #6479d6;
}

a:hover {
  color: #f17700;
}

#masthead {
	width: 733px;
	height: 96px;
	text-align: left;
	background: #fff url('../media/top_bar.jpg') repeat-x top;
	margin: 0 auto;
	padding: 0;
}

	#masthead img {
		float: left;
	}

#srvcs {
	margin: 0;
	padding-top: 20px;
	font: bold 15px Arial, "Trebuchet MS", sans-serif;
}

	#srvcs li {
		display: block;
		list-style: none;
		text-align: right;
		padding-right: 7px;
		border-right: 1px dotted #c8c8c8;
	}

#menu {
	clear: both;
	width: 100%;
	height: 44px;
	background: #8b9dab url('../media/menu_grad.png') repeat-x top;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-top: 1px solid #061f35;
	border-bottom: 1px solid #061f35; /* border-top: 1px solid #545a5f; */
}

	#menu ul {
		text-align: center;
		margin-top: 14px;
		margin-bottom: 14px;
		padding: 0;
	}

	#menu li {
		display: inline;
		list-style: none;
		padding: 0 10px;
	}

	#menu a {
		text-decoration: none;
		color: #394f66;
		padding: 3px 10px;
	}

		#menu a:hover,
			.home #menu #home a,
			.about #menu #about a,
			.services #menu #services a,
			.contact #menu #contact a,
			.links #menu #links a {
			background: url('../media/link_bg.gif') repeat-x bottom;
			/* border-bottom: 3px solid #17409e; */
			color: black;
		}

#town {
	height: 143px;
	background: url('../media/town.jpg') no-repeat center;
}

#area {
	background: #fff url('../media/area_grad.png') repeat-x 0 12px;
	width: 733px;
	height: 450px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#main {
	float: left;
	width: 430px;
	margin: 45px 0 0 30px;
}

	#main p {
		margin: 0;
		padding: 0 0 20px 0;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 14px;
		text-indent: 5%;
	}

	p#include {
		font-family: "Trebuchet MS", sans-serif;
		font-size: 18px;
		margin-bottom: -10px;
	}
	
#homeServices {
	margin: 0 0 0 70px;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
}	
	
	
#portal {
	float: right;
	width: 215px;
	text-align: right;
	border-left: 1px dotted #c8c8c8;
	margin: 40px 20px 0 0;
	padding: 0 0 0 10px;
}

	#portal img {
		padding: 20px 0 5px 0;
	}

#date {
	float: right;
	width: 175px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	padding: 0 0 4px 0;
	margin: 0;
	border-bottom: 1px solid #c8c8c8;
}

#port {
	float: right;
	width: 173px;
	height: 176px;
	padding: 0;
	margin-top: 20px;
	color: #2a2c2e;
	background: #8b9dab url('../media/portal_background.png') no-repeat top;
	border: 1px solid #2a2c2e;
}


	#port p {
		margin: 0;
		padding: 10px 15px 0px 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
	}

p#portTop {
	padding-top: 55px;
}
	
.inp {
	width: 142px;
	padding: 0;
	margin: 2px 15px 0 0;
	border: 1px solid #2a2c2e;
	background: #fff;
}

	.inp:hover, .inp:focus, .inp:active {
		border: 1px solid #0d6fec;
		background: #e7e9ea;
	}

.button {
	position: relative;
	background-color: #8b9dab;
	width: 62px;
	height: 18px;
	top: 18px;
	right: 31px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #2a2c2e;
}

	.button:hover {
		cursor: pointer;
		background-color: #627483;
		border: 1px solid #0d6fec;
	}

a.demo {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #394f66;
	padding: 2px 4px 0 4px;
}

	a.demo:hover {
		background-color: #cfdbe4;
		padding: 2px 4px;
	}

#foot {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-image: url('../media/foot_grad.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #8b9dab;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #061f35;
}

	#foot p {
		color: #fff;
		margin: 0 50px 0 20px;
		padding: 0;
		font: normal 12px Tahoma, Verdana, Arial, sans-serif;
		text-align: right;
	}

#ticker {
	width: 100%;
	height: 70px;
	margin: 28px 0 0 0;
	background: url('../media/ticker_town_master.jpg') top;
	font: bold 12px Verdana, Arial, sans-serif;
}

#social {
	margin: 0;
	padding: 0;
	height: 35px;
}



/*  ABOUT  */

#areaAbout {
	background: #fff url('../media/area_grad.png') repeat-x top;
	width: 733px;
	height: 550px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#mainAbout {
	width: 620px;
	margin: 25px auto 0 auto;
}

	#mainAbout img {
		position: absolute;
	}

.iabm {
/*	background: url("../media/icon_external_link.png") no-repeat right;   Funky in IE! */
	padding-right: 13px;
}

#mainAbout p {
	margin: 0;
	padding: 0 0 22px 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	text-indent: 5%;
}

.aboutH {
	text-align: center;
	margin: 0 0 8px 0;
	font: bold 15px Tahoma, Verdana, Arial, sans-serif;
}

#logos {
	clear: both;
	position: absolute;
	bottom: 80px;
	width: 733px;
	text-align: center;
}

	#logos img {
		padding: 10px 50px;
	}


/*  SERVICES  */

#areaServices {
	background: #fff url('../media/area_grad.png') repeat-x 0 120px;
	width: 733px;
	height: 590px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#mainServices {
	width: 610px;
	margin: 0 auto;
	padding-top: 20px;
	font-family: "Trebuchet MS", sans-serif;
}

h1 {
	text-align: center;
	padding-bottom: 20px;
}

.capt, .capb {
  background: url('../media/caps.gif') no-repeat;
  height: 4px;
  width: 100%;
  /*position:absolute;*/
  z-index: 100;
  margin: 0px;
  padding: 0px;
}

.capt {
  position: absolute;
  background-position: 0 -4px;
}

.capb {
  margin-top: -19px;
}

#content {
  /*float:left;*/
	font-size: 15px;
}

.drawers-wrapper {
  position: relative;
  width: 600px;
  float: left;
  margin: 10px;
}

.drawers {
  margin-bottom: 15px;
  color: #76797C;
  font-size: 11px;
  line-height: 18px;
}

.drawer {
  background: transparent url('../media/sideboxlight_bg.gif') repeat-y scroll 0pt;
  color: #76797C;
  font-size: 11px;
  line-height: 0pt;		/* 'fixes' line height problem in IE */
}

.drawer-handle {
  background: #939393 url('../media/slider_handlebg.png') no-repeat scroll 0pt;
  color: #333333;
  cursor: pointer;
  height: 25px;
  line-height: 25px;
  text-indent: 15px;
  font-size: 12px;
  width: 100%;
}

.drawer-handle.open, .drawer-handle:hover {
  background-color: #72839D;
  background-position: -600px 0pt;
  color: #FFFFFF;
}

/* nasty, but it fixes the indent on the first one. */
h2.drawer-handle span {

}

.drawer ul {
  padding: 0 12px;
  padding-bottom: 0pt;
}

.drawer li {
  border-bottom: 1px solid #E5E5E5;
  line-height: 16px;
  padding: 6px 0pt;
}

li.null {
	border: 0;
	padding: 2px 0 8px 0;
}

li.markets {
	border: 0;
	font-size: 10px;
	line-height: 10px;
}

.marketsCOL{
	float: left;
	margin: -5px 0 0 15px;
}

.drawer-content ul {
  padding-top: 7px;
}

.drawer-content li a {
  display: block;
  overflow: hidden;
}

span.cat {
	position: absolute;
	right: 15px;
	font-style: italic;
}

span.indent {
	margin-left: 40px;
}

span.indent2 {
	margin-left: 70px;
}



/* tooltips */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font: normal 14px Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
}





/*  CONTACT  */

#areaContact {
	background: #fff url('../media/area_grad.png') repeat-x 0 163px;
	width: 733px;
	height: 550px;
	margin: 0 auto;
	padding-bottom: 140px;
}

#mainContact {
	width: 680px;
	margin: 0 auto;
	font-family: "Trebuchet MS", sans-serif;
}

	#mainContact img {
		float: right;
		/*		height: 110px;
		width: 404px; */
		padding: 15px 0 0 0;
	}

#ContactLeft {
	float: left;
}

#ContactRight {
	float: right;
}

#ContactEmail {
	margin: 40px 0 0 0px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

#ContactOr {
	margin: 20px 0 0 0px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
	
	
.message {
	display: none;
	text-align: center;
    vertical-align: middle;
	width: 674px;
	height: 48px;
	padding: 3px;
	margin: 0 auto;
	color: #d5212e;
	font-size: 11px;
}

	#location {
		width: 190px;
		margin: 125px 0 15px 0;
		font-family: Arial, "Trebuchet MS", sans-serif;
		font-size: 15px;
		}

		#map {
			margin: 0;
		}

		#map a {
			background: url("../media/icon_external_link.png") no-repeat right;
			padding-right: 15px;
		}
		
#ContactMenu {
	margin: 8px 0 0 0;
	padding: 0;
}

	#ContactMenu li {
		display: inline;
		list-style: none;
		padding: 0 10px 0 0;
	}
	
.contactForm {
	float: left;
	margin: 10px 0 0 -10px;
	padding-left: 10px;
	border-left: 1px solid black;
}

	.contactForm label{
		font-family: "Trebuchet MS", sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin-left: 3px;
	}

	.contactForm ul {
		text-align:left;
		list-style-type:none;
		width:470px;
		margin: 0;
		padding: 0;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 13px;
	}

		.contactForm li {
			padding: 0;
			margin: 0;
			list-style-type:none;
		}

			.contactForm li.special {
				display:none;
			}

		.contactForm input {
			border: 1px solid #061f35;
			background: #e7e9ea;
			margin: 1px 0;
			width: 200px;
		}

			.contactForm input:hover, .contactForm input:focus {
				border: 1px solid #0d6fec;
				background: #fff;
			}		

			.contactForm input.submitbutton {
				width: 80px;
			}

		.contactForm textarea {
			border: 1px solid #061f35;
			background: #e7e9ea;
			margin: 1px 0;
			height: 114px;
			width: 350px;
		}

			.contactForm textarea:hover, .contactForm textarea:focus {
				border: 1px solid #0d6fec;
				background: #fff;
			}
			
			.submitbutton:hover {
				cursor: pointer;
			}

label span {
	font-size: 11px;
}
			
.formType {
	float: left;
	font-weight: bold;
}

#inquiry {
	margin-top: 8px;
}

.conOn {
	border-bottom: 1px dotted #6479d6;
	line-height: 24px; 				/*For IE's benefit*/
	}

#privacy, #require {
	clear: both;
	font: normal 11px "Trebuchet MS", sans-serif;
}

#privacy {
	position: absolute;
	top: 735px;
}

#require {
	font-weight: bold;
	padding-top: 7px;
}



	
	
/*  LINKS  */

#areaLinks {
	background: #fff url('../media/area_grad.png') repeat-x 0 300px;
	width: 733px;
	height: 770px;
	margin: 0 auto;
	padding-bottom: 80px;
}

#mainLinks {
	width: 680px;
	margin: 0 auto;
	font: normal 11px "Trebuchet MS", sans-serif;
}

	#mainLinks p {
		font-size: 16px;
		padding: 20px 0 25px 0;
		text-align: center;
	}

	#mainLinks a {
		line-height: 16px;
	}
	
.LinksSourceLeft {
	float: left;
	width: 210px;
	margin-right: 22px;
}

.LinksSource {
	float: left;
	width: 210px;
}	

.LinksSourceRight {
	float: right;
	width: 210px;
}