/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras

 *  2.	Layout Styles
 		- Global
		- Homepage
		- Subpage

 *  3.	Navigation

 *  4.	Subpage Unique Styles
 		- Backgrounds for 'Damage' pages
 
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */



/* ----------------------------------------------------------------------------- */

/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */

/* ----------------------------------------------------------------------------- */



/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/


/* body {
	margin:0;
	margin:0;background-image:url(images/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#021a2e;
	} */

body {
	margin:0;
	margin:0;
	background-color:#fff;
	}


/* ------------ */
/* --- Text --- */
/* ------------ */
p {font:12px Arial, Helvetica, sans-serif; color:#555; margin:0; padding:0px 0px 20px 0px; line-height:16px;}
td {font:12px Arial, Helvetica, sans-serif; color:#333; line-height:16px;}
.redTxt {color:#c00;}



/* --------------- */
/* --- Headers --- */
/* --------------- */
h1 {font:24px Arial, Helvetica, sans-serif; color:#c00; font-weight:normal; margin:0px 0px 0px 0px; padding:0;}
h2 {font:36px Arial, Helvetica, sans-serif; color:#000; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
h3 {font:22px Arial, Helvetica, sans-serif; color:#000; font-weight:normal; margin:0px 0px 10px 0px; padding:0;}
h4 {font:14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0px 0px 5px 0px; padding:0;}
h5 {font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}



/* ------------------ */
/* --- Hyperlinks --- */
/* ------------------ */
a {font:12px Arial, Helvetica, sans-serif; color:#336699; font-weight:bold; margin:0; padding:0;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#C00; text-decoration:underline;}



/* ------------- */
/* --- Lists --- */
/* ------------- */
ul {margin:0px 0px 25px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 6px 26px; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color:#333; list-style-type:disc;}



/* ------------- */
/* --- Forms --- */
/* ------------- */
form {padding:0; margin:0;}
input {padding:3px; margin:0; font-size:11px;}



/* -------------- */
/* --- Extras --- */
/* -------------- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}







/* ----------------------------------------------------------------------------- */

/* ---------------------------->>> 2. LAYOUT STYLES <<<------------------------- */

/* ----------------------------------------------------------------------------- */


/* -------------- */
/* --- Layout --- */
/* -------------- */
div#headerWrap {width:100%; height:130px; background-image:url(images/bg_header2.jpg); background-position:center; background-repeat:no-repeat;}
	#headerInnerWrap {position:relative; width:1000px; margin:0 auto; background-color:#FFFFFF; z-index:1000;}
	.hdLogo {position:absolute; left:17px; top:22px;}


div#contentWrap {width:100%; background-image:url(images/bg_content.gif); background-position:top; background-repeat:repeat-x; background-color:#FFF; border-bottom:1px solid #ccc;}
	/* BG Images for 'Damage' pages */
	#contentWrap.bgFireSmoke { background-image:url(images/bg_firesmoke.jpg); background-position:top center; background-repeat:no-repeat;}
	#contentWrap.bgWaterSewer { background-image:url(images/bg_watersewer.jpg); background-position:top center; background-repeat:no-repeat;}
	#contentWrap.bgWindDamage { background-image:url(images/bg_winddamage.jpg); background-position:top center; background-repeat:no-repeat;}
	#contentWrap.bgVehicleImpact { background-image:url(images/bg_vehicleimpact.jpg); background-position:top center; background-repeat:no-repeat;}
	#contentWrap.bgBeVandalism { background-image:url(images/bg_bevandalism.jpg); background-position:top center; background-repeat:no-repeat;}
	#contentWrap.bgLrgCommLosses { background-image:url(images/bg_lrgcommlosses.jpg); background-position:top center; background-repeat:no-repeat;}

	#contentInnerWrap {position:relative; width:820px; margin:0 auto; padding:35px 0px;}
		#leftCol {width:390px;}
	

/* Footer Wrap */
.footerOuterWrap {clear:both; width:100%; height:135px; margin:0 auto; background-image:url(images/bg.jpg); background-position:top center; background-repeat:repeat-y; background-color:#021a2e;}
#footerWrap {position:relative; width:1000px; height:125px; margin:0 auto; background-image:url(images/bg_footer.jpg); background-position:top center; background-repeat:no-repeat;}


/* #footerWrap {clear:both; position:relative; width:1000px; height:125px; margin:0 auto; background-image:url(images/bg_footer.jpg); background-position:top center; background-repeat:no-repeat;} */

	/* emergency info */
	.emergTxt {position:absolute; left:110px; top:10px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold;}
	.locationWrap {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; text-align:center;}
		.kelownaOffice {position:absolute; left:570px; top:10px;}
		.vernonOffice {position:absolute; left:725px; top:10px;}
		.pentictonOffice {position:absolute; left:870px; top:10px;}

	p.copyrightContent {position:absolute; left:220px; top:65px;}
	p.copyrightContent {font:11px Arial, Helvetica, sans-serif; color:#4f687b;}
	p.copyrightContent a:hover {text-decoration:underline;}

	p.thinkLink {position:absolute; left:220px; top:95px; font:9px Arial, Helvetica, sans-serif; color:#4f687b; padding:0;}
	p.thinkLink a {font:9px Arial, Helvetica, sans-serif; color:#4f687b;}
	p.thinkLink a:hover {font:9px Arial, Helvetica, sans-serif; color:#6699cc; text-decoration:underline;}
	
	.bbbLink {position:absolute; left:476px; top:72px;}
	.bcarcLink {position:absolute; left:577px; top:72px;}
	.riaLink {position:absolute; left:690px; top:72px;}
	.cdrgLink {position:absolute; left:755px; top:70px;}
	.iicrcLink {position:absolute; left:865px; top:66px;}
	





/* ----------------------------------------------------------------------------- */

/* ------------------------>>> 4. SUBPAGE UNIQUE STYLES <<<--------------------- */

/* ----------------------------------------------------------------------------- */


/* ---------------- */
/* --- Homepage --- */
/* ---------------- */
#headerWrap.hpHeader {background-image:url(images/bg_header.jpg);}
	#hpHeaderInnerWrap {position:relative; width:1000px; height:130px; margin:0 auto; background-image:url(images/mainpic_head.jpg); background-position:right; background-repeat:no-repeat; z-index:1000;}
#hpMainPicWrap {width:100%; height:370px; background-color:#000; border-bottom:1px solid #ccc;}
	#hpMainPicInnerWrap {position:relative; width:1000px; height:370px; margin:0 auto; background-image:url(images/bg_mainpic.jpg); background-position:top center; background-repeat:no-repeat;}
		#hpMainPicWrap h1 {position:absolute; left:80px; top:63px; width:500px; font:22px Impact, Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin:0px 0px 0px 0px; padding:0;}

#hpContentWrap {width:1000px; margin:0 auto;}

		/* emergency numbers */
		#hpEmergWrap {position:relative; width:1000px; height:79px; margin:0 auto; background-image:url(images/bg_redtab.gif); background-position:top left; background-repeat:no-repeat;}

		/* left col */
		#hpLeftCol {display:inline; float:left; width:500px; margin:20px 0px 0px 100px;}
			#hpLeftCol h2 {font:14px Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin:0px 0px 30px 0px; padding:0;}
			#hpLeftCol h3 {font:13px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}
			#hpLeftCol p {font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
			div.hpDiv {border-top:1px solid #69c; padding-top:20px; height:1px;}
		
		/* right col */
		#hpRightCol {display:inline; float:left; width:275px; margin:20px 0px 0px 45px;}
		
	.btnCareers {background:url(images/btn_hp_careers.gif) no-repeat; white-space:nowrap; display:block; width:178px; height:75px; margin:20px 0px 0px 50px; padding:0;}
	.btnCareers a {display:block; width:178px; height:75px; float:left; padding:0;}
	.btnCareers img {width:178px; height:75px; border:0;}
	* html a:hover {visibility:visible;}
	.btnCareers a:hover img {visibility:hidden;}
	
	.btnServiceAreas {background:url(images/btn_serviceareas_on.gif) no-repeat; white-space:nowrap; display:block; width:178px; height:75px; margin:10px 0px 0px 50px; padding:0;}
	.btnServiceAreas a {display:block; width:178px; height:75px; float:left; padding:0;}
	.btnServiceAreas img {width:178px; height:75px; border:0;}
	* html a:hover {visibility:visible;}
	.btnServiceAreas a:hover img {visibility:hidden;}
		
#hpFooterWrap {clear:both; position:relative; width:1000px; height:125px; margin:0 auto; background-image:url(images/bg_hp_footer.jpg); background-position:top center; background-repeat:no-repeat;}


/* --------------- */
/* --- Videos --- */
/* --------------- */

table.videos {
	width:100%;
	border:0px;
	border-collapse:collapse;
	}
table.videos td {
	width:50%;
	padding:20px;
	text-align:left;
	}
table.videos td p {
	padding:0px;
	}



		
/* --------------- */
/* --- Contact --- */
/* --------------- */

table#contactLocations {
	border:1px solid #ccc;
	}
table#contactLocations td {
	padding:20px;
	text-align:center;
	}
table#contactLocations td p {
	padding:0px;
	}