/* CSS Document of Srandard Marketing & Graphics Copyright 2007*/

body { text-align:center; background: #3864ac url(images/bg-main-mrlocksmith.jpg) top no-repeat;  margin:0; font: 90% Verdana, Geneva, snas-serif; color: #EFBCFD}
p.chinese { font: 150%important!; color: #000000;}
p.quote {font-style:italic; color:#039; padding:0; margin:0;}
p.author {margin:0 0 10px 10px; font-weight:bold;}
p.top	{text-align:right; font-size:0.9em;}

/*____________________layout_________________________*/

#borderDiv {background:url(images/borderHashRB.png) repeat-x top; height:10px}
#borderBG {background:url(assets/images/borderHashRB.png) repeat-x; background-position: 0 -40px}
#holderDiv {
	width:795px; 
	background: #f3f2ef url(images/cellBG.png) repeat-y;
	background-position: 4px 0px;
	text-align:center;
	padding:0;
	margin:0
}
#loginForm {width:240px; height:146px; float:right; margin:20px 0px 40px 20px;}

#logout { float:left; width:200px;}

#mainDivHome {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGhome.png) no-repeat;
	margin: 0;
	padding: 0
}
#mainDivHome2 {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGhome.png) 0 20px no-repeat;
	margin:0;
	padding:0;
}

#mainDivlockbump {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGlockbump.png) no-repeat;
	margin: 0;
	padding: 0
}

#mainDivlockcollege {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background:#f3f2ef  url(images/mainBGlockcollege.png) no-repeat;
	margin: 0;
	padding: 0
}

#mainDivservices {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGservices.png) no-repeat;
	margin: 0;
	padding: 0
}

#mainDivforensic {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGforensic.png) no-repeat;
	margin: 0;
	padding: 0
}

#mainDivresources {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGresources.png) no-repeat;
	margin: 0;
	padding: 0
}

#mainDivcontact {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGcontact.png) no-repeat;
	margin: 0;
	padding: 0
}

#mainDivchinese {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGchinese.png) no-repeat;
	margin: 0;
	padding: 0
}
#mainDivBurnaby {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGburnaby.png) no-repeat;
	margin: 0;
	padding: 0
}
#mainDivCoquitlam {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGcoquitlam.png) no-repeat;
	margin: 0;
	padding: 0
}
#mainDivRichmond {
	width:795px; 
	color:#333; 
	border-left: 4px solid #BBB; 
	border-right: 4px solid #BBB; 
	background: #f3f2ef url(images/mainBGrichmond.png) no-repeat;
	margin: 0;
	padding: 0
}

#titleDiv { margin-top:0; margin-left:204px; width:586px; font: 12px Tahoma, Geneva, sans-serif; color:#ddd; letter-spacing:12px; text-align:left}
#titleDivBig { margin-top:0; margin-left:24px;  font:bold 17px Verdana, Geneva, sans-serif; color:#339; text-align:center}

#menuDiv { width: 204px;  text-align:left; float:left; margin-top: 16px}
#menuDiv h2 {margin-left:5px; font-size:125%; color:#C00}
#menuDiv ul {list-style: none; margin:0; padding:0}
#menuDiv li {border-bottom:1px solid #DDD}
#menuDiv ul.menuBar li a:link, #menuDiv ul.menuBar li a:visited {padding:5px; display:block; color: #059; border-left:1px solid #FFF; border-right:1px solid #fff; font:normal 18px Vedrana, Geneva, sans-serif; text-decoration: none}
#menuDiv ul.menuBar li a:hover {color: #C00; border-left:1px solid #F00; border-right:1px solid #F00; background-image:url(images/menuCellBG.png)}

#contentDiv {text-align: left; border-left:2px}

/* _______ this is a CSS for  2columns template _____ */
#contentDiv #columnItem {margin-top:150px; margin-left:10px;float:left; padding: 10px; width:558px}
#columnItem a:link, #columnItem a:visited {color:#00C; text-decoration:none; border-bottom:1px solid #B00}
#columnItem a:hover {color:#C00; text-decoration: none; border:0}

/* _______ this is a CSS for  main-one-col.dwt template  _____ */
#contentDiv #columnItem1 {margin-top:60px; margin-left:10px;float:left; padding: 10px; width:558px}
#columnItem a:link, #columnItem1 a:visited {color:#00C; text-decoration:none; border-bottom:1px solid #B00}
#columnItem1 a:hover {color:#C00; text-decoration: none; border:0}
#contentDiv .telNo {margin-left:590px; margin-top:35px; font-size:12px; color:#777; padding:0}

/* ******************* **************************** */
#flashLeft {width:220px; text-align:left}
#flashLeft ol, #flashLeft ul  {text-align:left}

/*________end of CSS for 2 columns template__*/
#contentDiv #columnLeft {margin-top:120px; margin-left:10px; border-right:1px dashed #CCC; float:left; padding: 10px; width:225px}
#contentDiv #columnRight {float:right; width:310px;  margin-top: 150px; padding:10px} 
#columnRight ul li a:link, #columnRight ul li a:visited {text-decoration:none; color:#00C }
#columnRight ul li a:hover {text-decoration:none; border-bottom:1px solid #99C; color:#55C}
#columnRight ul li {color:#A00}

#contentDiv #columnFull {margin-top:120px; margin-left:10px; float:left; padding:10px; width:585px}


#nameDiv { font-size:12px; color:#000; font-style:italic; margin-left:0}
.clear {clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	
#footer {clear:both; border-top: 1px solid #00E; font: italic 12px verdana, sans-serif; color:#00C; text-align:center; padding: 20px; background:white url(images/borderHashRB.png) repeat-x top; background-position: 0 -43px } 
#footer a:link, #footer a:visited {color: #00b}
#footer a:hover {color:#B00}

<!-- end of layout -->

/*_____________ decorations __________________*/
.title {font-size:18px}
h3 {font-size: 15px; font-family:Verdana, Arial, Helvetica, sans-serif}
h1 {font-size: 19px; font-family:Verdana, Arial, Helvetica, sans-serif}

h2  {font: bold 18px Verdana, Arial, Helvetica, sans-serif}

h2.heading {color: #039; font-size:1.2em;}
h2.heading span{display:block; padding-top:10px; font-size:0.8em; color:#036;}
h2.heading em{width:186px; display:block; float:left;}
h2.heading strong {color:#C00;}
h3.heading2 {border-bottom:1px solid #999; font-size:1.3em;}
strong {color: #009; letter-spacing:1px}


ul.detail {list-style:none; padding:0;}
ul.detail li {padding:6px; background:#FFF; clear:both; border-bottom:1px solid #CCC;}
ul.detail li span {float:left; margin-left:20px; }
ul.detail li em {float:right; font-style:normal; margin-right:20px;} 
ul.detail li.total {background:none; border-bottom:none;} 
ul.detail li.top {background:#069; color:#FFF; padding:10px; font-weight:bold;}
ul.detail li ul li {border-bottom:none;}
.red {color:#B00}
.blue {color:#00B}
.grey {color:#999}
.white {color:#FFF}

.warning {color:#7BF; padding: 5px 10px 5px 10px; margin:0 15px; text-align:center; background:#05D; border:4px solid #7BF; font:bold 150%/1em Verdana, Georgia, "Times New Roman", Times, serif; text-shadow:0 0 2px #005}
.warning a:link, .warning a:visited {color:#FFFF00; text-decoration:none; font-size: 15px}
.warning a:hover {color:white; text-decoration:none; font-size:15px}

.lineHr {border-bottom:4px dotted #FFF; height:2px; margin-top:10px; margin-bottom:10px}
.lineHr2 {border-bottom:1px dotted #889; height:2px; margin-top:1px; margin-bottom:1px}

imput, textarea {font:12px Verdana, Arial, Helvetica, sans-serif; color:#008; padding:4px}

.testi-texts {font-size:0.95em; color:#03C;}
.testimonials {margin-top:20px;}
.testi-names {color:#C00;}

ul.allcontact {  z-index:999999; font-size:12px; padding-top:20px;}

ul.allcontact li {
	display:block;
	padding:4px;
	border-bottom:1px solid #f3f2e8;
	overflow:hidden;
}


ul.allcontact li span {
	float:left;}

ul.allcontact li em {
	float:right;}
	
form#contact_us { border-top:4px solid #C00; border-bottom:4px solid #C00;}
form#contact_us textarea {width:500px;}