html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, a, p, span, td {
	color: #ffffff;
}

h1 {
	font-size: 1.32em;
}

div, p {
	margin: 0px;
	padding: 0px;
}

div, p, span, ul, ol, li, a {
	font-family: Verdana, Helvetica, sans-serif;
}

p {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
}

br.clear {
	clear: both;
}

ul {
	list-style-position: outside;
	padding-left: 1.5em;
	margin-left: 1.5em;
	margin: 0 0 0.90em 0;
}

li {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

div#body {
	width: 960px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 20px 0px 20px;
	border-left: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
}

/* begin header */
div#header {
	width: 100%;
	height: 141px;
}

body.noBurst div#header,
body.noBurst div#banner {
	background-image: none;
}

div#header div#headerContent {
	height: 141px;
}

div#header div#headerContent img#logo {
	margin-top: 36px;
	margin-left: 34px;
	float: left;
	border: none;
}

div#header div#headerContent a#logo{
	float: left;
	position: relative;
	width: 194px;
	height: 112px;
	top: 18px;
	left: 0px;
	left: auto;
	text-align: right;
	font-size: 0.9em;
	background: url(../images/template/logo.gif) top left no-repeat
}

div#header div#headerContent a#clientLogin{
	float: right;
	position: relative;
	width: 98px;
	height: 26px;
	top: 0px;
	right: 0px;
	left: auto;
	text-align: right;
	font-size: 0.9em;
	background: url(../images/template/client-login.gif) top left no-repeat;
	padding-bottom: 3px;
}

div#header div#headerContent a#logo span,
div#header div#headerContent a#clientLogin span {
	display: none;
}

/* begin main menu */
div#header div#headerContent div#mainMenu {
	width: 463px;
	height: 40px;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	margin-top: 101px;
	margin-right: -102px;
}

div#header div#headerContent div#mainMenu a {
	text-decoration: none;
	display: block;
	float: left;
}

div#header div#headerContent div#mainMenu a span {
	display: none;
}

div#header div#headerContent div#mainMenu a.home,
div#header div#headerContent div#mainMenu a.surveying,
div#header div#headerContent div#mainMenu a.mapping,
div#header div#headerContent div#mainMenu a.software,
div#header div#headerContent div#mainMenu a.contactus {
	height: 40px;
}

div#header div#headerContent div#mainMenu a.home {
	background: url(../images/menu/home.gif) top left no-repeat;
	width: 64px;
}

div#header div#headerContent div#mainMenu a.surveying {
	background: url(../images/menu/surveying.gif) top left no-repeat;
	width: 100px;
}

div#header div#headerContent div#mainMenu a.mapping {
	background: url(../images/menu/mapping.gif) top left no-repeat;
	width: 96px;
}

div#header div#headerContent div#mainMenu a.software {
	background: url(../images/menu/software.gif) top left no-repeat;
	width: 98px;
}

div#header div#headerContent div#mainMenu a.contactus {
	background: url(../images/menu/contact-us.gif) top left no-repeat;
	width: 105px;
}

div#header div#headerContent div#mainMenu a.home:hover,
div#header div#headerContent div#mainMenu a.surveying:hover,
div#header div#headerContent div#mainMenu a.mapping:hover,
div#header div#headerContent div#mainMenu a.software:hover,
div#header div#headerContent div#mainMenu a.contactus:hover {
	background-position: bottom left;
}

div#header div#headerContent div#mainMenu a.active {
	background-position: bottom left;
}
/* end main menu */
/* end header */

/* begin banner */
div#banner {
	height: 303px;
	background-color: #42291c;
	background: url(../images/template/banner-background-burst.gif) right top no-repeat #42291c;
}

div#banner div#bannerContent {
	height: 303px;
	position: relative;
	margin-top: 0px;
	padding-left: 20px;
}

div#banner div#bannerContent h1 {
	width: 580px;
	font-size: 35px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #e7501e;
	float: left;
	margin-top: 44px;
	margin-bottom: 30px;
}

div#banner div#bannerContent div.summary,
div#banner div#bannerContent div.description {
	width: 610px;
	float: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0px;
	margin-top: 14px;
	padding-left: 6px;
}

div#banner div#bannerContent div.description a {
	color: #f29400;
}

div#banner div#bannerContent.narrow h1 {
	width: 480px;
}

div#banner div#bannerContent.narrow div.summary,
div#banner div#bannerContent.narrow div.description {
	width: 465px;
	margin-top: 24px;
	padding-left: 2px;
}

div#banner div#bannerContent div.summary {
	margin-bottom: 10px;
}

div#banner div#bannerContent div.summary p {
	font-weight: bold;
	float: left;
	margin: 0px 0px 10px 0px;
}

div#banner div#bannerContent div.description {
}

div#banner div#bannerContent div.image {
	float: right;
	width: 460px;
	height: 303px;
	top: 0px;
}

div#banner div#bannerContent div.image img {
	margin: 0px;
}

div#banner div#bannerContent img.title {
	margin-top: 45px;
}

/* end banner */

div.spacer {
	width: 100%;
	height: 9px;
	float: left;
	background: url(../images/banner-shadow.png) top left repeat-x #d7b783;
	margin-top: 0px;
}

/* begin content */
div#content {
	width: 100%;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 34px;
	padding-bottom: 10px;
}

div#content div#mainContent {
	color: #42291c;
	margin: auto;
}

div#content div#mainContent a {
	color: #e7501e;
}

div#content div#mainContent div.body {
	width: 650px;
	float: left;
}

div#content div#mainContent h2 {
	color: #e7501e;
	font-size: 14px;
	margin: 8px 0px 22px 0px;
}

div#content div#mainContent div.body p {
	margin-bottom: 21px;
	color: #42291c;
	font-size: 14px;
}


div#content div#mainContent ul.navPanel {
	float: right;
	width: 250px;
	height: auto;
	margin-top: 20px;
	background: url(../images/navpanel/bg.png) left 28px repeat-x;
	padding-left: 0;
}

div#content div#mainContent ul.navPanel li {
	background:transparent url(../images/template/bullet.gif) no-repeat scroll 11px center;
	color:#000000;
	font-size:12px;
	list-style-type:none;
	padding: 5px 0px 5px 26px;
	border-bottom: dotted 1px #d0d0d0;
	margin: 0px 10px 0px 10px;
}

div#content div#mainContent ul.navPanel li.last {
	height: 22px;
	border-bottom: none;
}

div#content div#mainContent ul.navPanel li a {
	color: #000000;
	display: block;
	text-decoration: none;
}

div#content div#mainContent ul.navPanel li img { 
	width: 249px;
	height: 1px;
}

div#content div#mainContent ul.navPanel li.header,
div#content div#mainContent ul.navPanel li.footer {
	font-weight: bold;
	width: 256px;
	list-style: none;
	padding: 0px;
}

div#content div#mainContent ul.navPanel li.footer span {
	display: none;
}

div#content div#mainContent ul.navPanel li.header {
	border-bottom: none;
	background: none;
	background-color: #E8501E;
	width: 229px;
	padding-left: 21px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: white;
	margin: 0;
}

div#content div#mainContent ul.navPanel li.footer{
	height: 28px;
	background: url(../images/navpanel/bottom.png) top left no-repeat;
}

div#content div#mainContent ul#tabs {
	height: 63px;
	background: url(../images/tabs/tab-background.jpg) bottom left no-repeat;
	padding-left: 0;
}

div#content div#mainContent ul#tabs li {
	background: url(../images/tabs/tab-left.gif) top left no-repeat;
	width: 90px;
	height: 63px;
	float: left;
	list-style: none;
	text-align: center;
	vertical-align: middle;
	margin-right: 15px;
	padding-top: 0px;
}

div#content div#mainContent ul#tabs li.last {
	margin-right: 0px;
}

div#content div#mainContent ul#tabs li div {
	height: 55px;
	padding-top: 8px;
	padding-right: 5px;
	width: 100%;
	margin-left: 5px;
	background: url(../images/tabs/tab-right.gif) right top no-repeat;
}

div#content div#mainContent ul#tabs li a {
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	height: 46px;
	width: 300px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
}

div#content div#mainContent ul#tabs li.active {
	background: url(../images/tabs/tab-active-left.gif) top left no-repeat;
}

div#content div#mainContent ul#tabs li.active div {
	background: url(../images/tabs/tab-active-right.gif) right top no-repeat;
}

div#content div#mainContent ul#tabs li.active div a {
	color: #42291c;
}

/* end content */

/* begin footer */
div#footer {
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	margin: auto;
	margin-top: 40px;
	font-size: 10px;
}

div#footer span.copyright {
	color: #42291c;
	font-weight: bold;
	margin-right: 25px;
}

div#footer span.design {
	color: #42291c;
	float: right;
	margin-top: 0px;
}

div#footer a {
	color: #e7501e;
}
/* end footer */

.clear:after {
    content:						"."; 
    display:						block; 
    height:							0px; 
    clear:							both; 
    visibility:						hidden;
	display:						block;
}

div.sideBar {
	float: right;
	width: 295px;
	height: 300px;
	margin-top: 42px;
}
