* {margin:0;padding:0}

img {border:none}

body {background-color:white;color:#333;text-align:center; font-style:normal; font-variant:normal; font-weight:normal; line-height:120%;
	font-size:9pt; font-family:Arial, Verdana, sans-serif}

a {color: #0066ff}
a:visited {color:#993333}
a:hover, a:active {color:#cc0000}

#page {	margin:0}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */

#header { height:120px; width:800px; margin:0 auto;position:relative}

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

* html #menu-band ul ul a, * html #menu-band ul ul a: visited { width: 150px;w\idth: 128px; }
* html #menu-band ul ul { top: 24px;t\op: 25px; }

#menu { padding: 0; margin:0 auto; width:372px; height:25px; font:bold 10pt Arial, Verdana, sans-serif; 
		color: #0066ff; text-align:left; float:left; background-image: url('images/menu-bg.jpg')}
#menu a { color:#0066ff; }

#menu-band { margin:0; height:25px;width:371px;margin:0;float:right; }
#menu-band ul { padding:0;margin:0;list-style-type:none}
#menu-band ul ul { width:149px; font: normal 10pt Arial, Verdana, sans-serif; padding-top: 14px !important; padding-top: 0px; }
#menu-band li { float:left;position:relative}
#menu-band a, #menu-band a:visited {display:block;text-decoration:none; color:#0066ff; height:25px; line-height:25px; padding-left:15px }
#menu-band ul ul { visibility:hidden;position:absolute;height:0;top:10px;left:0}
#menu-band table { position:absolute; top:0; left:0; border-collapse:collapse}
#menu-band ul ul a, #menu-band ul ul a:visited {color:#0066ff; height:auto; line-height:0.9em; padding:4px 15px; width:180px;
		border-width:0 1px 1px 1px;background-color:#eee;border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #999}
#menu-band a:hover, #menu-band ul ul a:hover{color:#cc0000; background:none;text-decoration:underline}
#menu-band ul li:hover ul,
#menu-band ul a:hover ul{visibility:visible; }
#menu-band ul :hover ul ul{visibility:hidden}
#menu-band ul :hover ul :hover ul{ visibility:visible}
		
#logo {width:400px; float:left;margin-top:25px;position:relative}


/*----------------------------- banner band           */

#band { height:311px; background: url('images/web-band3.gif') repeat-x;z-index:1;margin-top:-65px}

#banner { margin:0 auto; padding:0; width:800px; text-align:right}
#banner  h1 { height:311px}
#banner h1.target  { background-image: url('images/local-IM2.gif'); background-repeat:no-repeat;margin-left:68px; }
#banner h1 span { display:none; }

#band2 { height:100px; background: url('images/web-band4.gif') repeat-x;z-index:1;margin-top:10px}

#banner2 { margin:0 auto; padding:0; width:800px; text-align:right}
#banner2  h1 { height:100px}
#banner2 h1.local  { color:#777;padding:50px 50px 0 0;font-size:1.4em; }


/*----------------------content     ----------*/

#content {width:800px;margin:0 auto; padding-top: 10px; text-align:left}
#main {width:565px; float:left;margin-top:-12px;margin-bottom:35px}

.home {width: 565px;margin:0;padding:0;height:100px}

.imgs img {border: none;margin-top:15px}

.imgs {width:60px;float:left;position:relative;margin:0;padding:0}

.text {width:475px;float:right;padding-right:10px}

#main h2 {font:bold 16pt Arial, Verdana, sans-serif; color:#666666; margin:12px 0 3px 0}

#main h2 a {color: #0066ff;text-decoration:none}
#main h2 a:visited {color:#0066ff;text-decoration:none}

#main h2 a:hover, a:active {color:#0066ff;text-decoration:underline}

#content p {font-size:9.5pt; margin:2px 0 5px 0}

/*--------------------- right side bar ------*/
#right {width: 215px; float:right;margin:0 0 15px 0}

#alert {margin:5px 0 15px 8px}
#alert img {float:left;margin:0}
#alert h3 {text-align:center;font:bold 12pt Arial, Verdana, sans-serif; color:#cc0000;padding:10px 0 10px 0;line-height:110%}
#alert h3.maps {padding:15px 0 10px 0}

#lsrf {margin:0 0 0 8px;padding:10px 0 15px 0}

#sales-pitch {border:1px solid #ccc; margin:5px 0 15px 8px; padding: 8px; text-align:center}
#sales-pitch h3 {font:bold 12pt Arial, Verdana, sans-serif; color:#cc0000; margin:8px 0px 10px 0px;line-height:110%}

#sales-pitch p {font:bold 10pt Arial, Verdana, sans-serif; color:#555; margin:0px 12px 0px 12px;line-height:110%; }
#sales-pitch a {font:bold 15pt Arial, Verdana, sans-serif; padding:10px 0px 15px 0px; }
#sales-pitch a:visited {color:#0066ff}
#sales-pitch a:hover {color:#cc0000}

#testimonials {margin:30px 8px 30px 18px}
#testimonials p {font:bold 11pt Georgia, Times, serif; color:#999}
#testimonials span {padding:0 0 0 50px;font:normal 9pt Arial, Verdana, sans-serif; color:#666}

#pages .testimonial {margin:10px 0 30px 0}
#pages .testimonial p {font:normal 12pt Georgia, Times, serif;line-height:110%;margin:0;padding:0}
#pages .testimonial p span {font:normal 9pt Arial, Verdana, sans-serif; margin:0 0 0 30px}

#contact {border:1px solid #ccc;margin:20px 0 10px 8px; padding: 10px 14px 10px 14px;color:#666}
#contact h4{margin:0 0 6px 0}
.button {width:120px; margin:7px 0 0 0; background-color:#ffffcc; border: 1px solid #FFCC33; padding: 2px 0 3px 10px; }
.org {margin:4px 0 0 0}
.adr {margin:3px 35px 0 0}

#cards {text-align:center;margin:10px 0 15px 0}

#clients, #kamloops {margin:20px 0 10px 8px; padding: 8px}
#clients p {font-size:9pt}
#clients h4, #kamloops h4 {font: bold 11pt Arial, Verdana, sans-serif; color:#888}
#kamloops img {margin:5px 0;border:1px solid #ccc}

/*---------------- base of home page ----------*/
#base {margin:10px 10px 20px 10px;width:540px}
#base p{font-size:10.5pt;line-height:140%;margin:8px 0 8px 0}
#base h3 {font:bold 24pt Arial, Verdana, sans-serif; color:#CC0000; margin:0 0 -15px 0}
#base h4 {font:bold 15pt Arial, Verdana, sans-serif; color:#0066ff; margin:18px 0 -7px 0}

/*---------------- main conent pages ----------*/

#pages {margin:10px 10px 20px 10px;width:540px; float:left}
#pages p{font-size:10.5pt;line-height:140%;margin:8px 0 8px 0}
#pages h2 {font:bold 20pt Arial, Verdana, sans-serif; color:#cc0000; padding:-8px 0 -8px 0}
#pages h3 {font:bold 15pt Arial, Verdana, sans-serif; color:#666666; margin:18px 0 -4px 0}

#pages ul {font-size:10pt; font-weight:bold; color:#333}
#pages li {list-style:circle inside; margin:3px 0 3px 20px; color:#cc0000}
#pages ul li span {color:#333}

#pages img.rgt {float:right;margin:3px 5px 8px 8px}
#pages img.lft {float:left;margin:3px 12px 8px 3px}

/*---------------- portfolio page----------*/

.portf {
margin:0px;
padding-top:10px;
padding-bottom:12px;
clear:both;
}

.portf img {
margin-right: 10px;margin-bottom:5px;
float:left;
clear:left;
border: 1px solid #ccc;
}

#pages .portf p {
margin: 0px 0px 0px 15px;font-size:9pt;
}
/*---------------- faqs ----------*/

#faq, #faq2 {margin:10px 0 20px 0}

#faq h3 {margin:18px 0 8px 0;font-size:12pt;color:#444}
#faq ul {font-size:10.5pt}

#faq2 h3 {margin:25px 0 6px 0;font-size:11pt;color:#444}
#faq2 h4 {margin:12px 0 6px 0;font-size:10pt;color:#666}
#faq2 ul {font-size:9pt;font-weight:normal}


/*---------------- contact page ----------*/
#mail {margin:12px 0 12px 0; width:250px; float:left}
#mail p {font-size:9pt}

#tele {margin:12px 0 12px 0; width:240px; float:right}
#tele p {font-size:9pt}

#cont_form {clear:both}

/*---------------- footer ----------*/

#footer {border-top: 1px solid #999;color:#666;clear:both;
	background-color:#eee;height:190px;background-image: url('images/foot.gif');background-repeat:no-repeat;background-position:65% 0%}
#footwrap {width:740px;margin:0 auto;padding:35px}
#footwrap h4 {font-size: 10pt;color:#888}
#footwrap .lft {width:360px;float:left;text-align:left}
#footwrap .rgt {width:360px;float:right}
#footwrap .validate {font-size:7pt}