/* GENERAL CSS RESET STYLES */

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, 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; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { 	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */

 a {}
 a:link { text-decoration: none; }  
 a:visited{ text-decoration: none; }  
 a:active  { text-decoration: underline; }
 a:hover { text-decoration: underline;  }  

/* H1 -> H2 Tags */
 h1 { font-size: 30px; font-weight: normal; }  
 h2 { font-size: 24px; font-weight: normal; }  
 h3 { font-size: 18px; font-weight: normal; }  
 h4 { font-size: 12px;  font-weight: normal; }  
 h5 { font-size: 11px; font-weight: normal; }  
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */

/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear, #pageWrap .clear { clear: both; overflow: hidden; height: 0px; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION  == ACTUAL CSS FILE HERE */

/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/

/* Border Style  -> ALL PAGES UNDER THIS 
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/	

/* ========================= PAGE CSS ========================= */
#pageWrap { background-color: #301c0c; }
.pageTopOuter { background-image: url("./../images/backgroundTopRepeat.jpg"); background-position: left top; background-repeat: repeat-x;}
.pageBottomOuter { background-image: url("./../images/backgroundFooterRepeat.jpg"); background-position: left bottom; background-repeat: repeat-x;}
.pageTopInner { background-image: url("./../images/backgroundTopCenterNoR.jpg"); background-repeat: no-repeat; background-position: center top;}
.pageBottomInner { background-image: url("./../images/backgroundFooterCenter.jpg"); background-repeat: no-repeat; background-position: center bottom; }
.innerPage { width: 1000px; margin: 0px auto; padding-bottom: 175px;}

/* header */
.header { width: 1000px; margin-bottom: 14px; }
.header div { padding-top: 58px;}
.header div h1 { text-align: right; font-weight: bold; font-size: 36px; line-height: 46px; color: #fff;}
.header div p { margin-left: 53px; color: #fff600; font-size: 16px; line-height: 20px; margin-top: 8px;}
.header div p a { color: #fff600; font-size: 16px; line-height: 20px; margin-top: 8px; }
.header div.highlight { padding-top: 0px; margin-top: 179px;}
.header div.highlight h3 { font-weight: bold; text-align: center; color: #fff; font-size: 30px; line-height: 50px;}
.header div.highlight h3 span { color: #ff7e00; }
.header div.highlight p { margin: 0px; text-align: center; font-family: "Georgia", Verdana, Arial; color: #a3a477; font-size: 17px; line-height: 24px; margin-bottom: 5px; letter-spacing: -0.1px;}
.header div.highlight h4 { line-height: 50px; font-size: 30px; color: #ff7e00; font-weight: bold; text-align: center;}
.header div.highlight h4 span { color: #fff;}
/* end of header */

/* content area */

/* left side */
.content { background-image: url("./../images/backgroundContentTop.png"); background-repeat: no-repeat; background-position: top left; padding: 16px 16px 0px 16px; width: 968px; background-color: #160c05; padding-bottom: 40px;}
.leftSide { 	background-image: url("./../images/backgroundLeftSide.jpg"); background-repeat: no-repeat; background-position: top left; width: 291px; height: 599px; padding: 10px 10px 0px 10px; margin-right: 18px; display: inline;}
.iLS { margin-top: 12px; background-image: url("./../images/backgroundInnerLeftSide.jpg"); background-repeat: no-repeat; background-position: top left; padding:12px 16px 0px 15px; width: 260px; height: 482px;}
.iLS p { font-size: 13px; line-height: 17px; text-align: justify; word-spacing: -1px;}
.iLS p.lastP { margin-top: 17px; }
.weCan { margin-top: 17px;}
.weCan h5 {  font-weight: bold; font-size: 21px; color: #ffdb98; line-height: 37px; background-image: url("./../images/weCan.png"); background-repeat: no-repeat; background-position: left top; padding-left: 15px; margin-bottom: 8px;}
.weCan .listMiddle { background-image: url("./../images/listMiddle.png"); background-repeat: repeat-y; background-position: center top;}
.weCan .listTop { background-image: url("./../images/listTop.png"); background-repeat: no-repeat; background-position: center top;}
.weCan .listBottom { background-image: url("./../images/listBottom.png"); background-repeat: no-repeat; background-position: center bottom; width: 260px;}
.weCan .listBottom ul li { background-image: url("./../images/listBullet.png"); background-repeat: no-repeat; background-position: 6px 5px; color: #6c340f; line-height: 14px; padding: 7px 6px 7px 26px;}
.weCan .listBottom ul li.sep { background-image: url("./../images/lineSeparator.png"); background-repeat: no-repeat; background-position: left top; width: 260px; height: 1px; padding: 0px; line-height: 1px;}
/* end of left side */

/* middle side */
.middleSide { background-image: url("./../images/backgroundMiddle.jpg"); background-repeat: no-repeat; background-position: top left; width: 299px; height: 609px; padding: 0px 6px 0px 6px;}
.middleSide .flashPlayer { background-image: url("./../images/flashPlayerBg.jpg"); background-repeat: no-repeat; background-position: left top; padding: 11px 16px 14px 16px; width: 267px; margin-bottom: 15px;}
.flashGoesHere { width: 267px; height: 176px;}
.middleSide .flashPlayer a { text-align: center; display: block; background-image: url("./../images/moreTestimonials.png"); background-repeat: no-repeat; background-position: left top; height: 30px; line-height: 30px; margin-top: 7px; color: #370507; text-decoration: none; font-size: 13px; font-weight: bold;}
.middleSide .flashPlayer a:link, .middleSide .flashPlayer a:visited, .middleSide .flashPlayer a:active, .middleSide .flashPlayer a:focus, .middleSide .flashPlayer a:hover { color: #370507; text-decoration: none;}
.middleSide .getInTouch { width: 292px; margin: 0px auto;}
.getInTouch h5 { background-image: url("./../images/getInTouch.png"); background-repeat: no-repeat; background-position: center top; width: 220px; height: 66px; line-height: 66px; font-size: 26px; padding-left: 72px; color: #fff; font-weight: bold; margin-bottom: 15px; } 
.getInTouch img { margin-bottom: 10px;}
.getInTouch form div { width: 278px; margin: 0px auto;}
.getInTouch form input { display: block; background-image: url("./../images/inputBg.png"); background-repeat: no-repeat; background-position: left top; width: 264px; height: 20px; padding: 5px 7px 0px 7px; font-size: 13px; color: #242424; margin-bottom: 15px;}
.getInTouch form input.hidden { display: none; }
.getInTouch form input#submit { background-image: url("./../images/submitButton.png"); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 31px; width: 102px; margin-bottom: 0px; margin-left: 176px; cursor: pointer;}
/* end of middle side */

/* right side */
.rightSide { background-image: url("./../images/backgroundRight.jpg"); background-position: left top; background-repeat: no-repeat; width: 289px; padding: 11px 11px 0px 11px; height: 598px;}
.rightSide h5 { background-image: url("./../images/localClients.jpg"); background-repeat: no-repeat; background-position: left top; width: 199px; height: 50px; line-height: 25px; padding: 19px 0px 19px 90px; font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 23px; }
.rightSide .individualProject { background-image: url("./../images/rightSideWhiteBg.png"); padding: 7px 7px 7px 8px; height: 130px; margin-top: 22px;}
.rightSide .individualProject img { margin-bottom: 10px;}
.rightSide .individualProject p { font-size: 12px; line-height: 14px; color: #63696b;}
.rightSide .individualProject p a { color: #9c0000; text-decoration: underline;}
.rightSide .individualProject p a:focus, .rightSide .individualProject p a:link, .rightSide .individualProject p a:hover, .rightSide .individualProject p a:focus { color: #9c0000; text-decoration: underline;}
/* end of right side */ 
/* enof content lines */


/* facts area */
.factsArea { background-image: url("./../images/factsBackground.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 20px; padding: 0px 20px; width: 928px;}
.factsArea .cityFacts { width: 346px; padding-top: 126px; }

/* each page has indv image so indv class that places it in position */
.factsArea .burlington {  background-image: url("./../images/cityLogos/burlingtonCityLogo.png"); background-repeat: no-repeat; background-position: 72px 70px; }
.factsArea .cambridge { background-image: url("./../images/cityLogos/cambridgeCityLogo.png"); background-repeat: no-repeat; background-position: 230px 140px; }
.factsArea .kitchener { background-image: url("./../images/cityLogos/kitchenerCityLogo.png"); background-repeat: no-repeat; background-position: 227px 132px;}
.factsArea .london { background-image: url("./../images/cityLogos/londonCityLogo.png"); background-repeat: no-repeat; background-position: 240px 115px;}
.factsArea .mississauga { background-image: url("./../images/cityLogos/mississaugaCityLogo.png"); background-repeat: no-repeat; background-position: 5px 85px;}
.factsArea .niagara { background-image: url("./../images/cityLogos/niagaraCityLogo.png"); background-repeat: no-repeat; background-position: 80px 50px;}
.factsArea .oakville { background-image: url("./../images/cityLogos/oakvilleCityLogo.png"); background-repeat: no-repeat; background-position: 230px 138px;}
.factsArea .stCatharines { background-image: url("./../images/cityLogos/stCatharinesCityLogo.png"); background-repeat: no-repeat; background-position: 260px 145px;}
.factsArea .toronto { background-image: url("./../images/cityLogos/torontoCityLogo.png"); background-repeat: no-repeat; background-position: 240px 145px; }
.factsArea .waterloo { background-image: url("./../images/cityLogos/waterlooCityLogo.png"); background-repeat: no-repeat; background-position: 250px 150px; }
/* end of */

.factsArea .cityFacts p { font-weight: bold; color: #e6aa18; line-height: 17px; font-size: 13px;}
.factsArea .cityFacts p span { color: #de643f;}
.factsArea .cityFacts p a { color: #de643f; text-decoration: none;}
.factsArea .cityFacts p a:link, .factsArea .cityFacts p a:active, .factsArea .cityFacts p a:visited { color: #de643f; text-decoration: none;}
.factsArea .cityFacts p a:hover, .factsArea .cityFacts p a:focus { color: #de643f; text-decoration: none;}
/* end of facts area */

/* blog updates */
div.blogUpdates { width: 582px; padding-top: 20px;  }
.blogUpdates a.blogUpdates { background-position: left top; background-repeat: no-repeat; background-image: url("./../images/blogUpdates.png"); display: block; height: 21px; width: 103px;}
.blogUpdates p { margin-top: 22px; color: #de643f; font-size: 13px; line-height: 17px; }  
.blogUpdates p span a { color: #e6aa18; font-weight: bold;}
.blogUpdates a { color: #856c3c; }
.blogUpdates h2 { color: #e6aa18; line-height: 18px; font-size: 16px;}
/* end of blog updates */
/* end of content area */

/* footer area */
.footer { width: 722px;  margin: 0px auto 0px; padding-top: 10px;}
.footer p, .footer h6, .footer img { float: left;}
.footer a { float: right; width: 83px; height: 26px;}
.footer p  { width: 160px; font-size: 12px; font-weight: bold; text-align: center; color: #856c3c; line-height: 16px; display: inline;}
.footer h6 { line-height: 26px; font-weight: bold;  font-size: 12px; color: #856c3c; margin: 0px 70px; display: inline;} 
.footer h6 a { color: #856c3c; text-decoration: none; float: none;}
.footer h6 a:link, .footer h6 a:visited, .footer h6 a:active, .footer h6 a:hover { color: #856c3c; text-decoration: none;}
.footer p a  { color: #856c3c; text-decoration: none; float: none; }
.footer p a:link, .footer p a:focus, .footer p a:active, .footer p a:hover, .footer p a:visited { color: #856c3c; text-decoration: none;}
.footer .noFloat { float: none; width: auto; text-align: center; display: block;}
.footer .privacy { margin-top: 15px; color: #553b0a; line-height: 18px;}
.footer .copyright { font-size: 13px; color: #7a5713; line-height: 21px;}