/* Start Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {
	outline: 0;}
ol, ul {
	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;}
caption, th, td {
	text-align: left;
	font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";}
	
blockquote, q {
	quotes: "" "";}
/* End Reset */

body {  
	line-height: 1;
    font-size:1em;
	background: #f4f3e8 url(../images/body-bg.png) repeat-x; 
	color: #222222;}
	
body, select, input, textarea {
	font: 100% Arial, Helvetica, Tahoma, Sans-Serif;}
/*Headers */

h1 {
	font: 246% Helvetica, Arial, sans-serif;
	color:#000;
	padding-bottom:4px;
	margin: 20px 0;}

h1.logo {
	font-size:280%;
	color:#323fae;
	margin:18px 0 0;
	text-transform:uppercase;}
	
h2 {
	font: 160% Helvetica, Arial, sans-serif;
	color:#323fae;
	text-transform:uppercase;
	padding-bottom:4px;
	margin:-5px 3px;}

h3 {
	font: 204% Helvetica, Arial, sans-serif;
	color:#000;
	padding-bottom:8px;
	letter-spacing:-0.5px;
	margin: 27px 0 0;}

h4 {
	font: 120% Helvetica, Arial, sans-serif;
	margin:0 0 12px 0;
	line-height:1.4em;
	font-weight:600;
	color:#1624ad;
	text-transform:uppercase;}	
	
p {	
	font-size: 130%;
	margin: 0 20px 0 5px;
	line-height: 1.5em;
	padding:0 0 14px 0;}
	
.highlight{color:#323faf;}
.strong{font-weight:bold;}

a:link, a:visited {
	color: #243D98;
	text-decoration:none;}

a:hover, a:active {
	color:#333;
	text-decoration:underline;}
	
hr {
	display: block;
	height:1px;
	background:#333;
	border:0;}

small {
	font-size: 54%;
	letter-spacing:-2px;}
	
blockquote { margin: 1.5em; font-style: italic; color:#303030;}
strong { font-weight: bold;color:#000; }
em { font-style: italic; }

.creditlink { 
	padding: 5px 60px 5px 0;
	background: transparent url(../images/itandt.gif) no-repeat center right;}
	
.button { 
	padding: 16px 37px 18px 46px;
	color:#1624ad;
	background: transparent url(../images/button.gif) no-repeat center left;}

/* Structure */

#page {
	width:880px;
	margin:0 auto;
	font-size: 0.750em;
	background:transparent;
	padding: 3px 0 25px 0;}

#header {
	height:371px;
	background: transparent url(../images/bg-header.jpg) no-repeat;
	position:relative;}	
	
#title {
	padding:20px 0 20px 25px;}
	
#content {
	width:504px;
	background: transparent url(../images/seperator.gif) no-repeat top right;
	float:left;
	padding:0 0 0 27px;}

#sidebar {
	width: 322px;
	float:right;}

#footer {
	background: #cac3ae url(../images/footer-bg.png) repeat-x;
	height:65px;}	
	
#footer-page {
	width:880px;
	margin:0 auto 0;
	font-size: 0.60em;
	background:transparent;
	padding: 26px 0 0 28px;}

#footer a:link, a:visited {
	color: #404040;
	text-decoration:none;}

#footer a:hover, a:active {
	color:#404040;
	text-decoration:underline;}
	
#footer li {
	list-style:none;
	float:left;
	font-size:130%;}

#footer li a, #footer li a:visited {
	float:left;
	display:block;
	padding:0 8px;}

/*Nav*/	
/*Main Bar*/
.nav {
	width: 491px; height: 50px; background: url(../images/blue-nav.gif) no-repeat; position: absolute; left:389px; top:313px;}

.nav li {
	display: inline;}
	
.nav li a:link, .nav li a:visited {
	position: absolute; top: 0; height: 50px; text-indent: -9000px; overflow: hidden; z-index: 10;}	
	
.nav .home a:link, .nav .home a:visited {
	left: 29px; width: 87px;}
	
.nav .home a:hover, .nav .home a:focus {
	background: url(../images/blue-nav.gif) no-repeat -29px -50px;}

.nav .home a:active {
	background: url(../images/blue-nav.gif) no-repeat -29px -100px;}
	
.current-home .home a:link, .current-home .home a:visited {
	background: url(../images/blue-nav.gif) no-repeat -29px -150px; cursor: default;}
	
.nav-home, .nav-home-click {
	position: absolute; top: 0; left: 29px; width: 87px; height: 50px; background: url(../images/blue-nav.gif) no-repeat -29px -50px;}
	
.nav-home-click {
	background: url(../images/blue-nav.gif) no-repeat -29px -100px;}

.nav .about a:link, .nav .about a:visited {
	left: 116px; width: 106px;}
	
.nav .about a:hover, .nav .about a:focus {
	background: url(../images/blue-nav.gif) no-repeat -116px -50px;}
	
.nav .about a:active {
	background: url(../images/blue-nav.gif) no-repeat -116px -100px;}
	
.current-about .about a:link, .current-about .about a:visited {
	background: url(../images/blue-nav.gif) no-repeat -116px -150px; cursor: default;}
	
.nav-about, .nav-about-click {
	position: absolute; top: 0; left: 116px; width: 106px; height: 50px;
	background: url(../images/blue-nav.gif) no-repeat -116px -50px;}
	
.nav-about-click {
	background: url(../images/blue-nav.gif) no-repeat -116px -100px;}

.nav .services a:link, .nav .services a:visited {
	left: 222px; width: 143px;}
	
.nav .services a:hover, .nav .services a:focus {
	background: url(../images/blue-nav.gif) no-repeat -222px -50px;}
	
.nav .services a:active {
	background: url(../images/blue-nav.gif) no-repeat -222px -100px;}
	
.current-services .services a:link, .current-services .services a:visited {
	background: url(../images/blue-nav.gif) no-repeat -222px -150px;
	cursor: default;}
	
.nav-services, .nav-services-click {
	position: absolute; top: 0; left: 222px; width: 143px; height: 50px;
	background: url(../images/blue-nav.gif) no-repeat -222px -50px;}

.nav-services-click {
	background: url(../images/blue-nav.gif) no-repeat -222px -100px;}
	
.nav .contact a:link, .nav .contact a:visited {
	left: 365px; width: 126px;}
	
.nav .contact a:hover, .nav .contact a:focus {
	background: url(../images/blue-nav.gif) no-repeat -365px -50px;}
	
.nav .contact a:active {
	background: url(../images/blue-nav.gif) no-repeat -365px -100px;}
	
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../images/blue-nav.gif) no-repeat -365px -150px;
	cursor: default;}
	
.nav-contact, .nav-contact-click {
	position: absolute; top: 0; left: 365px; width: 126px; height: 50px;
	background: url(../images/blue-nav.gif) no-repeat -365px -50px;}
	
.nav-contact-click {
	background: url(../images/blue-nav.gif) no-repeat -365px -100px;}

/*End Main Bar*/	
/*End Nav*/

/* Float Properties*/
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";}
	
.clearfloat {
	display:inline-block;
	clear:both;}

.clearfloat {
	display:block;}
	
.left {
	float:left;}

.right {
	float:right;}

/* Image Properties */	
.alignleft {
	float:left;
	margin: 0 18px 18px 0;}
	
.alignright {
	float:right;
	margin: 0 0 18px 18px;}
	
.aligncenter {
	border:4px solid #ccc;}
	
#sidebar img{
	padding:2px;}

#sidebar ul {
	 list-style-type: none;
	 margin: 0!important;}
	 
#sidebar ul li {
	background:transparent url(../images/correct.gif) no-repeat center left;
	padding:7px 13px 7px 27px;}
	
#content ol {
	list-style-type: decimal;
	margin:0 12px 20px 26px;
	font-size:121%;}
	
#content ol li {
	padding:5px 0;}

#contactlist ul{
	display:inline;}
	
#contactlist li{
	float:left;
	font-size:130%;
	padding:0 5px 12px;}

.mapholder{
	padding:3px;
	margin:0 25px 0 5px;
	height:187px;
	background:#d8d1bb;
	}
