@charset "utf-8";
/*
Name: x8
Client: Colliers Int. Brampton
url: http://www.bramptonindustrial.com
Version: 1.0
Site Design: Neoteric Media Group, Tomorrow's Creative Solutions
Date: October 2007
Launch: November 2007
*/
/*--God Speed--*/
/*NOTE: A standard 'Line Height' set at 25px for a thorough effect on links & headers*/
/*which can be manipulated in a specific target div or class area*/
body {margin:0px; font-family:"Trebuchet MS"; font-size:12px; color: #666666;line-height:25px; 
background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#666666;}
#contain {width:820px; height:auto; margin-right:auto; margin-left:auto; position:relative}
#header {width:auto; height:138px; position:relative;background-image:url(../images/headerBg.jpg);}
#headerExtend {position:absolute;width:60px;height:97px;left: 820px;top: 0px;}
a { text-decoration:none; color:#666666}
a:hover { color: #CCCCCC}
.red { color:#FF0000;}
/*NOTE: set paragraph top, bottom margins for safari/IE7/IE6*/
p { text-align:justify; padding-right:8px;padding-left:4px; margin-top:8px;margin-bottom:0px;}
h1 { display:block; font-size:12px; padding:0px; margin:0px; width:auto; height:auto;letter-spacing:1px; background-color: #EAEAEA;
text-indent:9px; border-bottom:1px #CCCCCC solid;color: #666666}
h2 { display:block; font-size:12px; padding:0px; margin:0px; width:auto; height:auto;letter-spacing:1px; text-indent:9px; 
border-bottom:1px  #999999 dashed; font-weight: bold;color: #666666; padding-bottom:4px;}
h3 { display:block;padding:0px; margin:0px; width:595px; height:90px;}
h4 { display:block; font-size:12px; padding:0px; margin:0px; width:160px; height:auto;letter-spacing:1px; background-color: #EAEAEA;
text-indent:9px; border:1px #CCCCCC solid;color: #666666; margin-top:13px;}
h5 { display:block; font-size:12px; padding:0px; margin:0px; width:170px; height:auto;letter-spacing:1px;
text-indent:9px; border-bottom:1px #999999  dashed;color: #666666; margin-top:0px; line-height:normal;padding-bottom:4px;}
h6 {display:block;font-size:12px;margin-left:0px;margin-right:0px;margin-bottom:0px;width:auto;height:30px;letter-spacing:1px;text-indent:9px;color: #666666;margin-top:0px;line-height:30px;border-top-width: 3px;border-bottom-width: 1px;border-top-style: double;border-bottom-style: solid;border-top-color: #CCCCCC;border-bottom-color: #CCCCCC;}
.line { display:block; width:auto; height:auto; border-bottom:#B4B4B4 dashed 1px; margin-bottom:0px; padding-bottom:0px; padding-top:15px; padding-bottom:0px;}
.line2 { display:block; width:auto; height:auto; border-bottom: #CCCCCC solid 1px; margin-bottom:10px; padding-bottom:0px; padding-top:15px; padding-bottom:0px;}
/*--main navigation--*/
#mnav {position:absolute;height:26px;width:820px;top:112px; font-family:Arial, Helvetica, sans-serif}
#mnav ul {margin:0px; list-style:none; position:relative;}
#mnav ul li {position:absolute;height:26px; text-align:center;}
/*NOTE: must specify link height & width for IE6!*/
#mnav ul li a {display:block; text-decoration:none; width:auto; height:26px;color:#FFFFFF; letter-spacing:1px;}
#mnav ul li a:hover { color:#FF9900}
/*NOTE: main nav active states & drop down menu active state protection*/
/*NOTE: I gave the li#p's link a Class name 'active' to make the button active and not the drop down menu LI's*/
/*pHome*/
li#pHome {
	width:66px;
	left:125px;
	background-image:url(../images/home.jpg);
}
li#pHome a.active:hover,body#pHome li#pHome a.active {background-image:url(../images/home_over.jpg);}
/*p10*/
li#p10 {
	width:78px;
	left:191px;
	background-image:url(../images/company.jpg);
}
li#p10 a.active:hover,body#p10 li#p10 a.active {background-image:url(../images/company_over.jpg);}
/*p20*/
li#p20 {
	width:83px;
	left:269px;
	background-image:url(../images/services.jpg);
}
li#p20 a.active:hover,body#p20 li#p20 a.active {background-image:url(../images/services_over.jpg);}
/*p30*/
li#p30 {
	width:124px;
	left:353px;
	background-image:url(../images/markets.jpg);
}
li#p30 a.active:hover,body#p30 li#p30 a.active {background-image:url(../images/markets_over.jpg);}
/*p40*/
li#p40 {
	width:135px;
	left:477px;
	background-image:url(../images/featured.jpg);
}
li#p40 a.active:hover,body#p40 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p41 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p42 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p43 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p44 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p45 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p46 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p47 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p48 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p49 li#p40 a.active {background-image:url(../images/featured_over.jpg);}

li#p40 a.active:hover,body#p50 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p51 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p52 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p53 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p53 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p54 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p55 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p56 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p57 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p58 li#p40 a.active {background-image:url(../images/featured_over.jpg);}
li#p40 a.active:hover,body#p59 li#p40 a.active {background-image:url(../images/featured_over.jpg);}

/*p50*/
li#p50 {
	width:120px;
	left:612px;
	background-image:url(../images/stories.jpg);
}
li#p50 a.active:hover,body#p50 li#p50 a.active {background-image:url(../images/stories_over.jpg);}
/*NOTE: must specify absolute & left 0 pixels for IE6*/
/*NOTE: set ul background to a solid colour*/
#mnav ul li ul {position: absolute;width:190px; padding:0px; left:0px;border-left:1px #CCCCCC solid; background-color:#FFFFFF; 
display:none;border-right:1px #CCCCCC solid;}
#mnav ul li ul li { position:relative; display:block; border-bottom:1px #CCCCCC solid; text-align:left; text-indent:9px; height:auto;line-height:23px;}
/*NOTE: set ul li link to 'display block' for IE6. set 'line height' & 'height' to a pixel.*/
#mnav ul li ul li a { display:block; color:#999999; font-weight:normal;height:23px;line-height:23px;}
#mnav ul li ul li a:hover { background-color:#EBEBEB}
/*dd effect*/
/*internal side nav active states*/
#mnav li:hover ul, #mnav li.sfhover ul {display: block;}
/*IMPORTANT: to give the saide nav ul an ID#. Safari will not read the active link without targeting the ul#snav */
ul#snav li#snav_p10 a.active:hover,body#p10 ul#snav li#snav_p10 a.active,
ul#snav li#snav_p11 a.active:hover,body#p11 ul#snav li#snav_p11 a.active,
ul#snav li#snav_p12 a.active:hover,body#p12 ul#snav li#snav_p12 a.active,
ul#snav li#snav_p13 a.active:hover,body#p13 ul#snav li#snav_p13 a.active,
ul#snav li#snav_p14 a.active:hover,body#p14 ul#snav li#snav_p14 a.active,
ul#snav li#snav_p20 a.active:hover,body#p20 ul#snav li#snav_p20 a.active,
ul#snav li#snav_p21 a.active:hover,body#p21 ul#snav li#snav_p21 a.active,
ul#snav li#snav_p22 a.active:hover,body#p22 ul#snav li#snav_p22 a.active,
ul#snav li#snav_p23 a.active:hover,body#p23 ul#snav li#snav_p23 a.active,
ul#snav li#snav_p24 a.active:hover,body#p24 ul#snav li#snav_p24 a.active,
ul#snav li#snav_p25 a.active:hover,body#p25 ul#snav li#snav_p25 a.active,
ul#snav li#snav_p30 a.active:hover,body#p30 ul#snav li#snav_p30 a.active,
ul#snav li#snav_p31 a.active:hover,body#p31 ul#snav li#snav_p31 a.active,
ul#snav li#snav_p32 a.active:hover,body#p32 ul#snav li#snav_p32 a.active,
ul#snav li#snav_p33 a.active:hover,body#p33 ul#snav li#snav_p33 a.active,
ul#snav li#snav_p40 a.active:hover,body#p40 ul#snav li#snav_p40 a.active,
ul#snav li#snav_p41 a.active:hover,body#p41 ul#snav li#snav_p41 a.active,
ul#snav li#snav_p42 a.active:hover,body#p42 ul#snav li#snav_p42 a.active,
ul#snav li#snav_p43 a.active:hover,body#p43 ul#snav li#snav_p43 a.active,
ul#snav li#snav_p44 a.active:hover,body#p44 ul#snav li#snav_p44 a.active,
ul#snav li#snav_p45 a.active:hover,body#p45 ul#snav li#snav_p45 a.active,
ul#snav li#snav_p46 a.active:hover,body#p46 ul#snav li#snav_p46 a.active,
ul#snav li#snav_p47 a.active:hover,body#p47 ul#snav li#snav_p47 a.active,
ul#snav li#snav_p48 a.active:hover,body#p48 ul#snav li#snav_p48 a.active,
ul#snav li#snav_p49 a.active:hover,body#p49 ul#snav li#snav_p49 a.active,
ul#snav li#snav_p50 a.active:hover,body#p50 ul#snav li#snav_p50 a.active,
ul#snav li#snav_p51 a.active:hover,body#p51 ul#snav li#snav_p51 a.active,
ul#snav li#snav_p52 a.active:hover,body#p52 ul#snav li#snav_p52 a.active,
ul#snav li#snav_p53 a.active:hover,body#p53 ul#snav li#snav_p53 a.active,
ul#snav li#snav_p54 a.active:hover,body#p54 ul#snav li#snav_p54 a.active,
ul#snav li#snav_p55 a.active:hover,body#p55 ul#snav li#snav_p55 a.active,
ul#snav li#snav_p56 a.active:hover,body#p56 ul#snav li#snav_p56 a.active,
ul#snav li#snav_p57 a.active:hover,body#p57 ul#snav li#snav_p57 a.active,
ul#snav li#snav_p58 a.active:hover,body#p58 ul#snav li#snav_p58 a.active,
ul#snav li#snav_p59 a.active:hover,body#p59 ul#snav li#snav_p59 a.active
{background-color: #FFFFFF;color:#FF9900}
/*------------------------index page---------*/
/*content*/
/*IMPORTANT: The content section must all float to the left. Footer clears all*/
#content,#contentB,#qlink,#fla,#flaB,#colA,#colB,#colC,#colD,#colE,#safe,#safeSideNav,#colZ {float:left;}
/*NOTE: For IE6 I set padding left to 10px width 800px which leaves an extra 10px on the right totals 820px*/
/*this will achieve the drop shadow background apparent*/
/*content cannot be set as 'relative'. drop down menus do not work.*/
#content { width:820px; height:316px; background-image:url(../images/contentBg.jpg); background-position:center;}
#contentB { width:820px; height: auto;background-image:url(../images/contentBbgNew.jpg);background-position:center top; background-repeat:no-repeat;}
#qlink { width:180px;height:200px; padding-left:20px;}
#qlink ul { margin:0px; list-style:none; padding:0px; width:160px;border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid;}
#qlink ul li { display:block; text-indent:10px; border-bottom:1px #CCCCCC solid;}
#qlink ul li a { display:block; width:auto; height:25px;}
#qlink ul li a:hover {background-color:#EAEAEA}
#fla, #fla2 {height:253px;text-align:center; float:left}
#fla {width:820px; background-image:url(../images/flashBg.jpg); background-position:center;}
#fla2 {width:599px;border-left:1px #CCCCCC solid;}
/*NOTE: Give #colA,#colB,#colC bottom padding not the paragraph or the content area*/
/*all columns can have height set as 'auto'. the height will rely on the content inserted*/
#colA {width:380px; height:280px;border-right:1px #CCCCCC solid;padding-left:23px;margin-top:21px;padding-right:13px}
#colB p, #colC p, #colE p {line-height:normal; font-size:10px; margin-top:9px;}
#colB {width:363px;padding-top:21px;padding-left:13px;padding-right:13px;padding-bottom:13px;height: auto;}
#colC {width:363px;padding-top:13px; padding-left:13px;padding-right:13px;padding-bottom:13px;height: auto;}
#footer {clear:both;height: 20px;font-size:10px;line-height:normal;color: #333333;width: 820px;}
#footer a {color: #333333}
#footer a:hover {color: #999999}
#fL { float:left; padding-left:20px;}
#fR { float: right; padding-right:20px;}
.date { color:#4B87C2}
/*------------------------interior page---------*/
#safe {background-image:url(../images/contentBsafeBg.jpg); background-repeat:repeat-y; width:820px; height:auto;
background-position:center;}
#colD,#colE, #colZ {padding-top:13px; padding-left:13px;padding-right:13px;padding-bottom:13px;height: auto;}
#colD {width:595px;padding-top:0px;padding-bottom:7px;padding-left:5px;padding-right:5px; height:auto}
#colD p { padding-right:130px;padding-left:20px;}
#colD a.file { display:block; text-indent:50px;padding-top:5px; padding-bottom:5px; background-image: url(../images/fileGraphic.jpg);
background-repeat:no-repeat; background-position:22px }
#colD a.file:hover { background-color: #CCCCCC; color:#FFFFFF}
#colDbottom { background-image:url(../images/colDbottom.jpg); height:20px; width:820px; background-position:center; background-repeat:no-repeat;
clear:both;}
#colE {width:190px;padding-top:13px;padding-left:15px;padding-right:0px;padding-bottom:0px;height: auto;letter-spacing:1px;font-size:11px;
text-transform: uppercase;}
/*side nav*/
#safeSideNav {width:205px; height:auto;}
#colE ul { margin:0px; list-style:none; padding:0px; width:170px;}
#colE ul li { display:block; text-indent:10px; border-bottom:1px  #E0E0E0 solid;}
#colE ul li a { display:block; width:auto; height:30px; line-height:30px;}
#colE ul li a:hover {background-color:#EAEAEA; color:#FF9900}
li.sideNavBottom { background-image:url(../images/sideNavBottom.jpg); height:14px; width:auto}
/*recent news*/
#colZ { width:175px; height:auto;padding-right:0px; line-height:normal; font-size:10px;}
#pic { width:170px; height:66px; padding-top:9px;padding-bottom:10px;}
.III {letter-spacing:-2px;padding-right:8px;color: #B0B0B0;}
.IIIb {letter-spacing: normal;padding-right:8px;color:#8AB1D8;font-weight:normal;}

/*team profile page*/
.profileTitle { display:block; font-size:16px; font-weight:bold; padding-left:22px; color:#4B87C2; padding-top: 10px;}
.profileTitleB { display:block; font-size:13px; padding-left:22px; color:#4B87C2; padding-top: 0px;}
.profileTitleSub {display:block; padding-left:0px;font-weight:bold; border-bottom:#B4B4B4 dashed 1px; padding-bottom:5px; width:450px; 
margin-left: 22px;color: #FF9900}
.profileHeader {display:block;}
.profileHeaderB {display:block; padding-top:14px; padding-bottom:0px;margin-left: 22px; text-transform:uppercase; letter-spacing:1px;font-weight:bold;}
#bg { background-image: url(../images/contentBbgNewB.jpg); background-position:-5px 21px; background-repeat:no-repeat; }
.top { padding-right:22px; font-weight:bold; color:#4B87C2; display:block; text-align:right}
#profileAnchors {display:block; padding-top:16px; padding-bottom:9px;}
#profilePics {position:absolute;width: 78px;height: 110px;left: 497px;border: #666666 solid 1px;}

/*market reports page*/
.h6B {display:block;font-size:12px;margin-left:0px;margin-right:0px;width:auto;height:30px;letter-spacing:1px;text-indent:9px;color: #666666;margin-top:0px;line-height:30px;border-top-width: 3px;border-bottom-width: 1px;border-top-style: double;border-bottom-style: solid;border-top-color: #CCCCCC;border-bottom-color: #CCCCCC; margin-bottom:8px;margin-top:8px;}
.h6C {display:block;font-size:12px;margin-left:0px;margin-right:0px;width:auto;height:30px;letter-spacing:1px;text-indent:9px;color: #666666;margin-top:0px;line-height:30px;border-top-width: 3px;border-bottom-width: 1px;border-top-style: double;border-bottom-style: solid;border-top-color: #B4B4B4;border-bottom-color:#B4B4B4; margin-bottom:8px;margin-top:8px;}

/*featured listings page*/
.h5B { display:block; font-size:11px; padding:0px; margin:0px; width: auto; height:auto;letter-spacing:1px;
text-indent:0px; border-bottom:1px #B4B4B4 dashed;color:#4B87C2; margin-top:7px; line-height:normal; padding-top:5px; margin-bottom:6px;
padding-bottom:2px;}
#listing { padding-left:22px;padding-right:22px; padding-left:160px; width: auto; height:auto; line-height:20px}
#listingColA { display:block; width:160px; float:left; padding-right:13px; border-right:#B4B4B4 solid 1px;}
#listingColB {display:block; width:210px; float:left; padding-left:13px;}
.listingTitleA {display:block; width: auto; height:auto; padding-left:22px; color:#FE9900; font-weight:bold; font-size:16px;
padding-top:5px;padding-bottom:5px; border-bottom: #CCCCCC solid 1px;}
.listingTitleB {width: auto; height:auto; padding-left:15px; color: #B4B4B4; letter-spacing:1px;}
.listingTxt { display:block;}
#listingPicsA {position:absolute;width: 110px;height: 91px;left: 27px;border:#B4B4B4 solid 1px;top: 437px;}
#listingPicsB {position:absolute;width: 110px;height: 91px;left: 27px;border:#B4B4B4 solid 1px;top: 318px;}
ul#listings { padding-left:14px; margin-top:3px;}