/*
-----------------------------------------------
Designed by Mergeworks Media
Copyright 2008, Teltanium Inc.
----------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, form, fieldset, table, img, ol, ul, li, table, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

html {
	overflow: scroll;
}

body {
	color: #636260;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #D3CFCB url(images/background.gif) center top no-repeat;
}

p{	margin: 0 20px 18px 0;
}
	
.hide {
	display: none;
}
#outerwrap {
	width: 760px;
	margin: 40px auto 60px;
	padding: 0px;
	display: block;
	border: #A09D9A solid 1px;
}

#innerwrap{
	width: 760px;
	background-color: #FFFFFF;
}

#header {
	height: 78px;
	width: 264px;
	float: left;
}

#hero0 {
	margin: 0 auto;
	width: 720px;
	height: 228px;
	background: url(images/hero00.jpg);
	clear: both;
	border-bottom: #647D8F solid 8px;
}

#hero1 {
	margin: 0 auto;
	width: 720px;
	height: 170px;
	background: url(images/hero01.jpg);
	clear: both;
	border-bottom: #647D8F solid 8px;
}


#hero2 {
	margin: 0 auto;
	width: 720px;
	height: 170px;
	background: url(images/hero02.jpg);
	clear: both;
	border-bottom: #647D8F solid 8px;
}

#hero3 {
	margin: 0 auto;
	width: 720px;
	height: 170px;
	background: url(images/hero03.jpg);
	clear: both;
	border-bottom: #647D8F solid 8px;
}

#hero4 {
	margin: 0 auto;
	width: 720px;
	height: 170px;
	background: url(images/hero04.jpg);
	clear: both;
	border-bottom: #647D8F solid 8px;
}

#hero5 {
	margin: 0 auto;
	width: 720px;
	height: 170px;
	background: url(images/hero05.jpg);
	clear: both;
	border-bottom: #647D8F solid 8px;
}

#quote {
	font: italic 19px/36px Georgia, "Times New Roman", Times, serif;
	color: #817E7B;
	width: 400px;
	padding: 30px 0 30px 30px;
}

a:link {
  color:#636260;
  text-decoration:none;
}

a:visited {
  color:#636260;
  text-decoration:none;
}

a:hover {
  color:#FFFFFF;
  text-decoration: underline;
}


#sidenav {
	width: 240px;
	float: left;
	margin: 42px 20px 20px 20px;
}

#sidenav li {
	list-style: none;
	border-top: #817E7B dotted 2px;
	height: 28px;
	font: bold normal 13px/28px Eurostile, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 60px;
}
#sidenav li a:link {
	text-decoration: none;
}

#sidenav li a:visited{
	text-decoration: none;
}

#sidenav li a:hover{
	text-decoration: none;
	background: url(images/orangerollover.gif) no-repeat left top;
}

#sidenav li .present {
	text-decoration: none;
	background: 647D8F url(images/bluerollover.gif);
	color: #FFFFFF;
}

#content {
	float: right;
	width: 470px;
	padding-bottom: 20px;
}

#content2 {
	float: right;

	padding: 20px;
}

h1 {
	border-bottom: #817E7B dotted 2px;
	padding-bottom: 9px;
	margin: 20px 20px 9px 0;
	font: normal 18px Eurostile, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#footer {
	clear: both;
	margin-top: 40px;
	font-size: 10px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	color: #FFFFFF;
	background-color: #647D8F;
	display: block;
}

#footer a:link {
  color:#FFFFFF;
  text-decoration:none;
}

#footer a:visited {
  color:#FFFFFF;
  text-decoration:none;
}

#footer a:hover {
  color:#FFFFFF;
  text-decoration: underline;
}

ul {
	list-style-position: inside;
	list-style-type: square;
}

li {
	margin: 0 20px 18px 0;
}

table       { margin-bottom: 1.4em;}
th          { font-weight: bold; }
thead th 		{ color:#5b7005; }
th,td,caption { padding: 4px 10px 4px 5px; }
.input, textarea  { background: #efefef; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
.required {color: #FF9900;}

/* Navigation
----------------------------------------------- */

#navigation {
	float: right;
	line-height: 22px;
	text-align: right;
	float: right;
	position: relative;
	margin: 30px 20px 0;
	padding: 0;
	height: 22px;
	width: 444px;	
}

/* Home Button
----------------------------------------------- */

#homenav a {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 67px;
	position: absolute;
	left: 0px;
	background-position: 0px 0px;
}
#homenav .current {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 67px;
	position: absolute;
	left: 0px;
    background-position: 0px -22px;
	cursor: default;
}
#homenav a:hover {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 67px;
	position: absolute;
	left: 0px;
    background-position: 0px -22px;
}

/* Company Button
----------------------------------------------- */

#companynav a {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 103px;
	position: absolute;
	left: 67px;
	background-position: -67px 0px;
}
#companynav .current {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 103px;
	position: absolute;
	left: 67px;
    background-position: -67px -22px;
	cursor: default;
}
#companynav a:hover {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 103px;
	position: absolute;
	left: 67px;
    background-position: -67px -22px;
}

/* Services Button
----------------------------------------------- */

#servicesnav a {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 98px;
	position: absolute;
	left: 169px;
	background-position: -169px 0px;
}
#servicesnav .current {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 98px;
	position: absolute;
	left: 169px;
    background-position: -169px -22px;
	cursor: default;
}
#servicesnav a:hover {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 98px;
	position: absolute;
	left: 169px;
    background-position: -169px -22px;
}

/* Clients Button
----------------------------------------------- */

#clientnav a {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 90px;
	position: absolute;
	left: 267px;
	background-position: -267px 0px;
}
#clientnav .current {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 90px;
	position: absolute;
	left: 267px;
    background-position: -267px -22px;
	cursor: default;
}
#clientnav a:hover {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 90px;
	position: absolute;
	left: 267px;
    background-position: -267px -22px;
}

/* Contact Button
----------------------------------------------- */

#contactnav a {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 88px;
	position: absolute;
	left: 357px;
	background-position: -357px 0px;
}
#contactnav .current {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 88px;
	position: absolute;
	left: 357px;
    background-position: -357px -22px;
	cursor: default;
}
#contactnav a:hover {
	background: url(images/mainnav.gif) no-repeat;
	height: 22px;
	width: 88px;
	position: absolute;
	left: 357px;
    background-position: -357px -22px;
}
