/* STANDARD STYLING */
	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,b, u, i, center,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-size: 100%;
		/*overflow-x: hidden;*/
	}
	body {
		color:#000; /* MAIN BODY TEXT COLOR */
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
		font-size:12px;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:18px;
		background-repeat: repeat;
		background-attachment: fixed;
		/*background: #F7F7F7  url(images/back-gradient.png) repeat-x left top;*/
		background-image: url(images/vancouverSkyline.jpg);
		background-position: left top;
		background-attachment: fixed;
	}


	.html, body {
	overflow-x: hidden;
	}

a {color:#0088CC;text-decoration: none;}
a:visited {color: #0088CC;}
a:hover {text-decoration: underline;}
p,.p {margin-bottom: 15px;}
img {border: none;}
ul li {	margin: 0px;}
ul {margin: 5px 0px 15px;padding-left: 20px;}
ol {margin: 5px 0px 15px;padding-left: 20px;}
form {margin: 0px;padding: 0px;}
small {	font-size: 90%;}
hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;}
blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;}


/* HEADERS */
	h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
	h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}

	h1{font-size: 32px;}
	h2{font-size: 28px;}
	h3{font-size: 24px;}
	h4{font-size: 20px;}
	h5{font-size: 16px;}
	h6{font-size: 12px;}


/* ------------------------------------- main content area  */
#container{
	width: 754px;
	float: left;
	position: relative;
	top:395px;
	left: 50%;
	margin-left: -507px;
}

#headerContainer{
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -350px;
	width: 700px;
	height: 40px
	text-align: center;
}

#headerContainer h3{
	color: navy blue;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}

#topStrip{
	height: 100px;
	width: 100%;
	background-image: url(images/bgImagedarkblue4.png);
	background-repeat: repeat-x;
	background-position: top left;
}

 #sitemap table{
	position: relative;
	top:0px;
	left: 45px;
	margin: 0px;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 860px;
	padding:0px;
}

#sitemap table td{
	padding: 10px;
	margin: 0px;
	vertical-align: top;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:25%;
}

#sitemap ul{
	list-style-type: none;
	padding:10px;
	margin:0px;
}

#flashBannerContainer{
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -495px;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0px;
	height: 244px;
	z-index: -100;
	background-color: white;
}

#fbbg{
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -535px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0px;
	height: 244px;
	z-index: -300;
	background-color: white;
}

#sloganContainer{
	position: absolute;
	top: 65px;
	left: 50%;
	margin-left: 60px;
	width: 545px;
	height: 35px;
	text-align: center;
	color: #bbb;
	font-size: 12pt;
}


#rightNav{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 290px; 
	width: 300px;
	height: 35px;
	text-align: center;
	color: white;
	font-size: 10pt;
}

#rightNav a:link{
	color: white;
	font-size: 10pt;
}	

#rightNav a:visited{
	color: white;
	font-size: 10pt;
}

#rightNav a:hover{
	color: white;
	font-size: 10pt;
	text-decoration: underline;
}

#contentContainer{
	position: relative;
	top: 10px;
	left: 50%;
	margin-left: 178px;
	width: 295px;
	height: 224px;
	border: 1px solid #bbb;
	background-image: url(images/quicklinksside.png);
	background-position: top left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	font-size: 7.8pt;
	z-index: 300;
}

#weather{
	position: relative;
	top: 24px;
	left:12px;
}

#contentContainer strong{
	font-size: 9pt;
}

#contentContainer h4{
	padding: 10px;
}

#quicklinks1{
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: 177px;
	width: 316px;
	height: 246px;
	background-image: url(images/quicklinksside.png);
	background-repeat: repeat-y;
	background-position: top left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: -200;
}

#quicklinks2{
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: 177px;
	width: 316px;
	height: 246px;
	background-image: url(images/quicklinksside.png);
	background-repeat: repeat-y;
	background-position: top right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: -100;
}

#quicklinksmiddle{
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: 218px;
	width: 230;
	height: 246px;
	background-color: white;
	text-align: center;
	z-index: 200;
}

#quicklinksmiddle h4{
	margin-top: 15px;
}

div#quicklinksmiddle ul{
	text-align: justify;
	margin-left: 30px;
}

div#quicklinksmiddle ul li{
	margin: 0px;
	padding: 0px;
}

li.quicklinks a:link{
	text-decoration: underline;
}

li.quicklinks a:visited{
	text-decoration: underline;	
}

li.quicklinks a:hover{
	color: gray;
}

#mainContent{
	position: relative;
	top: 270px;
	left:50%;
	margin-left: -495px;
	border: 1px solid #bbb;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 990px;
	height: 100%px;
	text-align: center;
	font-size: 10pt;
}

#mainContent2{
	position: relative;
	top: 25px;
	left:50%;
	margin-left: -495px;
	border: 1px solid #bbb;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 990px;
	height: 100%px;
	text-align: center;
	font-size: 10pt;
}

#formattedContent{
	padding-top: 50px;
	margin: 30px;
	text-align: justify;
}

#services{
	margin: 10px;
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 11px;
	padding-bottom: 15px;
	background-image: url(images/divBGlonggreen.png);
	background-repeat: repeat-x;
}


#businesslinks{
	margin: 10px;
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 11px;
	padding-bottom: 15px;
	background-image: url(images/divBGlonggreen.png);
	background-repeat: repeat-x;
}

#newsletters{
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 11px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	margin-top: 30px;
	background-color: #aaffaa;
	background-image: url(images/divBGlonggreen2.png);
	background-repeat: repeat-x;
}

#insurance{
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 11px;
	padding-bottom: 15px;
	margin: 10px;
	margin-bottom: 30px;
	background-color: #ccccff;
	background-image: url(images/divBGlonggreen3.png);
	background-repeat: repeat-x;
}

#contactForm{
	margin: 30px;
	text-align: left;
	position: relative;
	left: 50%;
	margin-left: -500px;
}

.required{
	color: red;
}


.contentPic1{
	float: right;
	margin: 20px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentPic2{
	float: left;
	margin: 20px;
	margin-left: 0px;
}

.enviroResources{
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	padding-left: 20px;
	margin: 10px;
	margin-bottom: 30px;
	background-image: url(images/divBGgreen.png);
	background-repeat: repeat-x;
}

#contactInfo{
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin: 10px;
	margin-bottom: 30px;
	background-image: url(images/divBGlonggreen.png);
	background-repeat: repeat-x;
}

#careers{
	border: 1px solid gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin: 10px;
	margin-bottom: 30px;
	background-image: url(images/divBGlonggreen.png);
	background-repeat: repeat-x;
}



#services{
	margin: 20px;
}	

#services p{
	padding-left: 20px;
}


/**************************** main menu *********************/
	
#navBar{
	text-align: center;
	position: absolute;
	top:62px;
	left: 50%;
	padding:0px;
	margin:0px;
	margin-left: -582px;
	/*border: 1px solid blue;*/
	z-index: 300;
	width: 600px;
	height: 100px;

}

li.topNavItem
{
	display: inline;
	position: relative;
	border-left: 1px dotted white;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 63px; 
	padding-bottom: 17px;
	background-image: url(images/bgImagestreak.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	z-index: 350;
}

li.topNavItem a:visited, li.lastNavItem a:visited
{
	color: #ccccff;
}

li.topNavItem a:hover, li.lastNavItem a:hover
{
	color: white;
	text-decoration: none;
}

li.topNavItem a, li.lastNavItem a
{
	font-family: sans-serif, helvetica, cursive;
	font-size: 13pt;
	color: #ccccff;
	text-decoration: none;
	letter-spacing: -1px;
}

li.lastNavItem
{
	display: inline;
	position: relative;
	border-left: 1px dotted white;
	border-right: 1px dotted white;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 63px; 
	padding-bottom: 17px;
	background-image: url(images/bgImagestreak.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
}

li.topNavItem ul, li.lastNavItem ul
{
	position: absolute;
	left: 0px;
	top: 95px;
	display: none;
	width: 180px;
	list-style: none;
	margin-top: 0px;
	border-top: 1px solid white;
	padding: 0px;
	margin: 0px;
	z-index: 800;
}

li.topNavItem ul li, li.lastNavItem ul li
{
	text-align: left;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image: url(images/bgImagedarkbluesub.png);
	background-repeat: repeat-x;
}
/****/

	

/* @ FORMS */
	legend{display: none;}
	fieldset{border:none;background: transparent;}
		
	/* commentform */
	label {
		color:#333;
		font-size: .9em;
		display: block;
	}
	small {
		color: #555;
		font-size: 90%;
	}
	input{
		font: 110%  arial, helvetica;

		padding: 5px 3px 3px 5px;
		background: url(images/form-field-bg.gif) no-repeat;
		border-top: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #ccc;
	}
	
	 textarea {
		font: 110% courier, arial, helvetica;
		height: 140px;
		background:url(images/form-field-bg.gif) no-repeat;
		border-top: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #ccc;
		padding: 5px 3px 3px 7px;
	}

	textarea:focus, input[type="text"]:focus {
		border: solid 1px #666;
	}
	
	
	.button, input[type="submit"], .submit {
		border: 1px solid #aaa;
		background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top;
		margin:0;
		font-weight: bold;
		font-family: arial, helvetica;
	}
	.button:hover, input[type="submit"]:hover{color: #0088CC;}
	.button:active, input[type="submit"]:active{background: #e5e5e5 url(../../../images/agradient-30.gif) repeat-x left top; color: #000;}


#footer{
  position: relative;
  top: 40px;
  left: 50%;
  margin-left: -495px;
  background: white;
  text-align: center;
  width: 990px;
  height: 100px;
  z-index: 800;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #bbb;
  font-size: 8pt;
}


#footer2{
  position: relative;
  top: 290px;
  left: 50%;
  margin-left: -495px;
  background: white;
  text-align: center;
  width: 990px;
  height: 100px;
  z-index: 800;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #bbb;
  font-size: 8pt;
}


#footer p{
	padding-top: 40px;
	padding-bottom: 30px;
	
}

#footer2 p{
	padding-top: 40px;
	padding-bottom: 30px;
}
/* alignments */
img.center, img[align="center"] {	display: block;	margin-left: auto;	margin-right: auto;}

img[align="left"] {float:left;margin: 2px 10px 5px 0px;}

img[align="right"] {float:right; margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}


/* @ STANDARD ELEMENTS */	
	img#wpstats{width:0px;height:0px;overflow:hidden;}
	
	.border{ padding: 2.5px;	border: 1px solid #ccc;}
	.hidden {display: none; visibility: hidden;}
	.aligncenter {display: block;margin-left: auto;margin-right: auto;}
	.alignleft {float: left;margin:0 10px 5px 0;}
	.alignright {float: right;margin:0 0 5px 10px;}
	

/* FLOATING AND ALIGNMENT */
	.floatleft{float:left;margin:3px 7px 0 0;}
	.floatright{float:right;margin:3px 0 0 7px;}
	.right{float:right;}
	.block{display:block;}
	.left{float:left;}
	.clear{clear:both;}
	.center {text-align: center;}
/* CLEARFIX */
	.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.fix{display:inline-block;} 
	* html .fix{height:1%;}
	.fix{display:block;}