/* general */

body {
	background: #dadce0 url(../images/bg_grey.gif) repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	min-width: 780px;
}

body, a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #4f4f4f;
	text-decoration: none;
	letter-spacing: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color: #4f77c6;
}
	
a:hover, a:active {
	color: #4f77c6;
	text-decoration: underline;
}

h1, h1 a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #1a3e86;
	line-height: 12px;
	font-size: 11pt;
	padding-bottom: 4px;
	margin-bottom: 0px;	
	margin-top: 0px;
}

h1 a:hover, h1 a:active {
	color: #1a3e86;
	text-decoration: underline;
}

h2, h2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #1a3e86;
	line-height: 11px;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 0px;	
	margin-top: 0px;
}

h2 a:hover, h2 a:active {
	color: #1a3e86;
	text-decoration: underline;
}

p {
	text-align: justify;
	line-height: 14pt;
	margin-top: 2px;
	margin-bottom: 10px;
}

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

ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

li {
	padding: 0px;
}






/*  ---- layout divs ----  */


/* This container sets boundary of page to prevent collapsing on resize. */
#container {
	background: url(../images/bg_main.jpg) repeat-y top center;
	width: 860px;
	margin: 0px;
}

/* This container allows the page to be positioned in the center of the window. Note: The body tag needs have a text-align: center attribute. */
#containerWrap {
	position: relative;
}


#footer {
	clear: left;
	width: 766px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	line-height: 9px;
}

#footer p {
	clear: left;
	font-size: 7pt;
	color: #355dae;
	padding: 5px 0px 0px 20px;
	margin: 0px;
	line-height: 9px;
}

#footer p a {
	font-size: 7pt;
}

#footer a, #footer a:visited {
	color: #355dae;
	font-size: 10px;
}

#footer a:hover, #footer a:active {
	color: #527bcc;
	text-decoration: none;
}

#footer ul {
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

#footer ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
	border-right: 1px solid #527bcc;
}



/*	----  navigation -----  */




#nav {
	clear: left;
	background: url(../images/nav_home_bg.jpg) no-repeat top center;
	width: 760px;
	height: 38px;
	padding: 0px 3px 0px 3px;
	margin-top: 0px;
}

#nav ul {
	list-style: none;
	font-weight: normal;
	padding: 3px 5px 0px 10px;
	margin: 0px;
}

#nav li {
	float: left;
	border: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}

#nav li a:link, #nav li a:visited {
	float: left;
	display: block;
	/*height tag needed for IE to format properly*/
	height: 14px;
	color: #fff;
	line-height: 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	letter-spacing: 2px;
	text-decoration: none;
	padding: 13px 30px 8px 33px;
	margin: 0px;
}

#nav li a:hover, #nav li a:active, #nav li.sfhover a:hover, #nav li.sfhover a:active {
	background: #a8c0ea url(../images/nav_home_over.jpg) repeat-x bottom;
	color: #1a3e86;	
}

/* The .sfhover is a class called by the Javascript as IE will not do rollovers this way. */
#nav li:hover, #nav li.sfhover {
	
}



/* ------- highlighting active nav ----------- */


body#home a#homenav,
body#about a#aboutnav,
body#services a#servicesnav,
body#news a#newsnav,
body#contact a#contactnav,
body#testimonials a#aboutnav,
body#ourteam a#aboutnav,
body#directory a#aboutnav,
body#pressrelease a#newsnav {
	background: #a8c0ea;
	color: #1a3e86;
	border-left: solid 1px #a0b7df;
	border-right: solid 1px #a0b7df;
}


body#testimonials a#testimonialnav,
body#ourteam a#teamnav,
body#directory a#directorynav,
body#pressrelease a#pressreleasenav {
	color: #fff;
}


/* ------- classes --------- */


.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.clear {
	clear: left;
}