/* BarrelSelect */
body, html{
background-color:#e3e1db;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 86%;
margin-top:0px;
}
#container{
margin:0 auto;
padding:0;
width:986px;
clear:both;
height:auto;
background-image: url(../images/bkgContainer.jpg);
}
#header{margin:0 auto;padding:0;width:970px;height:111px;background-image: url(../images/imgHeaderOntario.jpg);background-repeat: no-repeat;background-position: left top; clear:both;}
#top{height:0;width:100%;}
#header #btnHome span{margin:0;padding:0;display: none; font-size:3em}
#headerBc{margin:0 auto;padding:0;width:970px;height:111px;background-image: url(../images/imgHeaderBC.jpg);background-repeat: no-repeat;background-position: left top; clear:both;}
#headerBc #btnHome span{margin:0;padding:0;display: none; font-size:3em}
#btnHome a{margin:0;padding:0; float:left; width:420px;height:110px;}
/* SPLASH */
.splashSpacer{
height:50px;
clear:both;
}
#splash{
margin:0 auto;
width:986px;
height:auto;
clear:both;
background-image: url(../images/bkgSplash.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
#splashLogo{
height:85px;
width:970px;
margin:0 auto;
background-image: url(../images/imgSplashTop.jpg);
background-repeat: no-repeat;
clear: both;
}
#splashImg{
height:229px;
width:970px;
margin:0 auto;
background-image: url(../images/imgSplashBtm.jpg);
background-repeat: no-repeat;
clear: both;
}
#splashContent{
width:800px;
height:auto;
clear:both;
margin:0 auto;
margin-bottom:20px;
padding:10px;
text-align:center;
}
.splashText{text-align:left; font-size:1em;width:730px; margin:0 auto;}
#splashNav{margin:0 auto;width:300px;font-family:"Times New Roman",Georgia, Times, serif;text-transform:uppercase;font-size:1.1em;height:2em; clear:both;}
#splashNav ul {text-align: left;width:auto;margin: 0 auto;padding:0;list-style: none; height:2em;}
#splashNav ul li{background-image:none;padding:0; margin:0;width:auto; white-space:nowrap; float:left; margin-right:20px;}
#splashNav ul li a{list-style: none;margin:0;padding:0;display: block;color:#823617;font-weight:normal;text-decoration: none;background-image:url(../images/bkgPortnav_on.jpg);background-repeat:no-repeat;background-position:left center;line-height:2em;}
#splashNav ul li a:hover{color:#333; background-image:url(../images/bkgPortnav_off.jpg);background-position:left center;background-repeat:no-repeat;}
/* BANNERS */
#bannerHome{
margin:0 auto;
padding:0;
width:970px;
height:246px;
background-repeat: no-repeat;
display:block;
clear:both;
}
#bannerAbout{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanAbout.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerPortfolio{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanPort.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerPortfolioOld{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanPortOld.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerPortfolioNew{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanPortNew.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerContact{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanContact.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerPrivacy{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanPrivacy.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerBTB{margin:0 auto;padding:0;width:970px;height:166px;background-image: url(../images/imgBanAbout.jpg);background-repeat: no-repeat;display:block;clear:both;}
#bannerStandard{margin:0 auto;padding:0;width:970px;height:166px;display:block;clear:both;}
/* */
#bannerDiv{margin:0 auto;padding:0;width:970px;height:13px;background-image: url(../images/imgHeaderDivider.jpg);background-repeat: no-repeat;background-position: left top;clear:both;}
/* CONTENT PLACEMENT */
#content{
margin:0 auto;
padding:0;
padding-top:20px;
padding-bottom:20px;
width:960px;
height:auto;
clear:both;
}
#content p{
margin:0;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
#leftHome{
float:left;
margin:0;
padding:0;
margin-right:10px;
width:220px;
height:auto;
}
#middleHome{
float:left;
margin:0;
padding:0;
margin-right:10px;
width:500px;
height:auto;
}
#middleHome-col1{
float:left;
margin-right:5px;
width:200px;
height:auto;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
display: block;
padding-left: 10px;
}
#middleHome-col2{
float:left;
width:250px;
height:auto;
position: relative;
clear: left;
}
#middleHome-col3 {
float:right;
width:240px;
position: relative;
clear: right;
height: auto;
}
#middleHome-col4 {
float:right;
padding:0;
width:220px;
height:auto;
}
#middleHome-col5{
float:left;
padding:0;
margin-right:0px;
width:500px;
height:auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
#middleHome-col6{
float:right;
margin:0;
padding:0;
margin-right:10px;
width:720px;
height:auto;
position: relative;
}
#rightHome{
float:left;
margin:0;
padding:0;
width:220px;
height:auto;
}
#homeLastBits{margin:0;padding:0;width:260px;}
#main{float:left;margin:0;padding:0;width:580px;height:auto;}
#full{margin:0 auto;padding:0;width:800px;height:auto;}
/* Font and - Controls
ul {padding:0; margin:0; margin-top:1em;margin-bottom:1em;}
li{padding:0;margin:0; list-style-type: none;position:relative;padding-left:22px;background-image:url(../images/imgBullet.jpg);background-repeat:no-repeat;background-position:2px 4px; font-size:1.1em;color:#737363;line-height:1.7em;text-decoration:none;}
li a{color:#7D8E96;text-decoration:none;}
li a:hover{color:#737363;text-decoration:none;}
*/
.mainBody{font-size:1.1em;color:#737363;line-height:1.5em;text-decoration:none;}
ul li.pdf {padding:0;margin:0; list-style-type: none;margin-top:1em;margin-bottom:1em;position:relative;padding-left:26px;background-image:url(../images/imgPdf.jpg);background-repeat:no-repeat;background-position:0px 0px; font-size:1.1em;color:#737363;line-height:1.5em;text-decoration:none;}
ul li.pdf a{color:#7D8E96;text-decoration:none;}
ul li.pdf a:hover{color:#737363;text-decoration:none;}
.date{
margin:0;
padding:0;
position:relative;
top:14px;
left:0;
height:auto;
color:#999999;
float: left;
background-position: center;
}
.black{color:#000;}
.red{color:#823617;}
.blue{color:#7D8E96; text-decoration:none; line-height:1.5em; font-weight:normal;}
.blue a{color:#7D8E96; text-decoration:none;font-weight:bold; font-style:italic;}
.blue a:hover{color:#fff; text-decoration:none; background-color:#7D8E96;}
p{font-size:1.1em;color:#737363;line-height:1.5em; margin:0px; padding:0px; padding-bottom:15px;}
p a{color:#7D8E96; text-decoration:none;}
p a:hover{ color:#7D8E96; text-decoration:none;
}
/* Headings */
h1{
margin:0;
color:#823617;
font-size:2em;
line-height:normal;
text-decoration:none;
font-weight:normal;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
h2{color:#823617; font-size:1.5em;line-height:1.7em;text-decoration:none;font-weight:normal; margin:0; padding:0;margin-top:10px;}
h2 a{color:#823617;text-decoration:none;}
h2 a:hover{color:#737363;text-decoration:none;}
h3{
color:#823617;
text-decoration:none;
margin:0;
padding:0;
margin-top:10px;
}
h3 a{color:#823617;text-decoration:none;}
h3 a:hover{color:#737363;text-decoration:none;}
h4{color:#823617; font-size:1.3em;line-height:1.8em;text-decoration:none; margin:0; padding:0;margin-bottom:10px; font-weight:normal;}
/* MAIN NAV */
#mainNav{ max-width: 530px; margin-right:20px; float:right;margin-top:45px;font-family:"Times New Roman",Georgia, Times, serif;text-transform:uppercase;font-size:1em;}
#mainNav ul {margin: 0;padding:0;list-style: none; background-image:none;}
#mainNav ul li.dots{border-right:1px dotted #fff; background-image:none;}
#mainNav ul li, #mainNav ul li a{margin:0;background-image:none;text-align:right;list-style: none;display: block;float: left;white-space: nowrap;
padding-left:8px;padding-right:8px;color:#ffffff;font-weight:normal;text-decoration: none;}
#mainNav ul li a:hover{ background-image:none;color:#eebba6;}
/* SUB NAV */
#portNav{
margin-top:0;
margin-right:0;
font-family:"Times New Roman",Georgia, Times, serif;
text-transform:none;
font-size:1em;
}
#portNav ul {text-align: left;width:auto;margin: 0;padding:0;list-style: none; width:220px;}
#portNav ul li{
padding:0;
margin:0;
position:relative;
}
#portNav ul li.heading{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
margin-right: 0;
margin-left: 0;
margin-bottom:10px;
}
#portNav ul li.quote{
background-image:none;
padding:0;
padding-left:10px;
padding-bottom:10px;
margin:0;
position:relative;
font-style: italic;
line-height: normal;
font-size: 14px;
}
#portNav ul li.quote h1{
font-size: 14px;
font-style: normal;
}
#portNav ul li a{
list-style: none;
margin:0;
padding:0;
color:#708793;
font-weight:normal;
text-decoration: none;
font-style: normal;
font-size: 14px;
font-style: normal;
}
#portNav ul li a:hover{
color:#333;
}
#portNav ul li.selected a{color:#823617; font-weight:bold;}
/* MISC */
#back2top{margin:0; padding:0; height:36px;float:right; clear:both;}
.newsEntry{padding:0; margin:0; width:790px;clear:both;}
.breakout{background-color:#f5f3ee; padding:8px 8px 0 8px; margin:0 auto; margin-top:10px;margin-bottom:10px;width:95%; clear:both;}
.breakout .description{float:left;width:270px;padding:4px;padding-right:10px;border-right:1px dotted #ccc;color:#a0a097;font-size:1.1em;line-height:1.5em;
}
.image{padding:2px; margin:10px;border:1px solid #ccc; }
div.hr{
border:0;
width:100%;
height:39px;
margin:0;
padding:0;
background-image:url(../images/imgFlourish.jpg);
background-repeat:no-repeat;
background-position: center 5px;
}
div.hr hr {
display: none;
}
/* Newsletter Form */
#form{
width:200px;
padding:8px;
margin-top:5px;
margin-bottom:5px;
color:#823617;
background-color:#f0eee8;
border:1px solid #dfdcd3;
font-size:1em;
}
.textFieldFull{
padding:4px;
margin-top:3px;
margin-bottom:3px;
border:1px solid #e2e2d4;
background-color:#FFFFFF;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
background-image: url(../images/bkgFormfield.jpg);
background-repeat: repeat-x;
width:195px;
}
.textFieldSmall{
padding:4px;
margin-top:3px;
margin-bottom:3px;
border:1px solid #e2e2d4;
background-color:#FFFFFF;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
background-image: url(../images/bkgFormfield.jpg);
background-repeat: repeat-x;
width:85px;
}
.formRow{clear:both;}
.formLeft{
width:100px;
float:left;
}
.formFull{float:left;}
/* Download BTN */
.titleContainer{clear:both;}
.title{width:251px; float:left;}
.downloadContainer{ position:relative; top:25px; right:0; width:218px;display:block; float:right;}
.download a{margin:0;padding:0;width:218px;height:21px;display:block;background-image: url(../images/btnDownloadPro_off2.jpg);background-repeat: no-repeat;text-decoration:none;}
.download a:hover{background-image: url(../images/btnDownloadPro_on2.jpg);background-repeat: no-repeat;text-decoration:none;}
.download span{ visibility:hidden;}
/* Read More BTN */
.readMore{margin:0;padding:0;}
.readMore a{width:122px;height:28px;display:block;background-image: url(../images/btnReadMo_off.jpg);background-repeat: no-repeat; text-decoration:none;}
.readMore a:hover{padding:0; width:122px;height:28px;display:block;background-image: url(../images/btnReadMo_on.jpg);background-repeat: no-repeat; text-decoration:none;}
.readMore span{ visibility:hidden;}
/* Clear Div */
.clear{margin:0 auto;padding:0;height:auto;width:100%;display:block;clear:both; text-align:right;}
/* Footer */
#footer{margin:0 auto;padding:0;width:986px;clear:both; background-image: url(../images/bkgContainer.jpg);}
#footerTop{margin:0 auto;padding:0;width:952px;height:80px;clear:both;background-image: url(../images/bkgFooter.jpg);background-repeat:no-repeat;}
#footerRight{padding:0;margin:0;float:right;margin-top:33px; margin-right:20px;font-family:"Times New Roman",Georgia, Times, serif; font-size:1.1em;width:400px; text-align:right;}
#footerLeft{padding:0;margin:0;margin-top:33px; margin-left:20px;font-family:"Times New Roman",Georgia, Times, serif; font-size:1.1em; float:left; width:300px; text-align:left;}
#footerBtm{margin:0 auto;padding:0;width:986px;height:10px;clear:both;background-image: url(../images/bkgFooterBtm.jpg);background-repeat:no-repeat;}
.footer{color:#FFF; text-decoration:none;}
.footer a{color:#FFF; text-decoration:none;}
.footer a:hover{color:#eebba6; text-decoration:none;}
#container .ft-message {
text-align: center;
float: left;
}
#container #portNav ul .sidemenu {
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
}
#container #portNav ul .sidemenu-bottom {
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
#middleHome-col2 hr {
color: #FFF;
background-color: #FFF;
border: 1px dotted #CCC;
border-style: none none dotted;
}
hr {
color: #FFF;
background-color: #FFF;
border: 1px dotted #CCC;
border-style: none none dotted;
}
#portNav ul .sidemenu .selected {
color: #86432C;
}
#middleHome-col4 p {
color: #763D2A;
}
#menu{
margin-left:8px;
margin-right:8px;
background-image: url(../images/button1a.gif);
background-repeat: repeat-x;
}
/**
* Horizontal CSS Drop-Down Menu Module
*
* @file dropdown.css
* @package Dropdown
* @version 0.7.1
* @type Transitional
* @stacks 597-599
* @browsers Windows: IE6+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
*
*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
background-image: url(../images/button1a.gif);
background-repeat: repeat-x;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
/**
* Default CSS Drop-Down Menu Theme
*
* @file default.css
* @name Default
* @version 0.1.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute. All Rights Reserved.
*
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
* Expected directory tag - li
*
*/
/*-------------------------------------------------/
* @section Base Drop-Down Styling
* @structure ul (unordered list)
* ul li (list item)
* ul li a (links)
* /*\.class|(li|a):hover/
* @level sep ul
*/
ul.dropdown {
font-weight: bold;
width: 970px;
background-image: url(../images/button1a.gif);
background-repeat:repeat-x;
float:left;
}
ul.dropdown li {
color: #FFF;
background-image: url(../images/button1a.gif);
padding-right: 20px;
padding-left: 20px;
text-transform: capitalize;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
color: #FFF;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #000; text-decoration: none;text-transform: capitalize;
color: #FFF; }
ul.dropdown a:hover {
color: #FFF;
}
ul.dropdown a:active { color: #ffa500; }
/* -- level mark -- */
ul.dropdown ul {
width: 250px;
margin-top: -8px;
margin-left:2px;
border:solid 1px #000;
}
ul.dropdown ul li {
font-weight: normal;
padding: 10px;
}
ul.dropdown ul li:hover {
font-weight: normal;
width:200px
padding: 5px;
background-image: url(../images/button1a.gif);
}
/*-------------------------------------------------/
* @section Support Class `dir`
* @level sep ul, .class
*/
ul.dropdown *.dir {
padding-right: 20px;
background-image: url(../images/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
padding-right: 15px;
background-image: url(../images/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
background-color: #86432D;
}
ul.dropdown-horizontal ul *.dir:hover {
padding-right: 15px;
background-image: url(../images/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
background-color: #86432D;
}
ul.dropdown-upward *.dir {
background-image: url(../images/nav-arrow-top.png);
}
ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
background-image: url(../images/nav-arrow-right.png);
}
ul.dropdown-vertical-rtl *.dir {
padding-right: 10px;
padding-left: 25px;
background-image: url(../images/nav-arrow-left.png);
background-position: 0 50%;
}
img.borderbrown {
border: 1px solid #86432D;
}
#container #menu {
background-image: url(../images/button1a.gif);
background-repeat: repeat-x;
background-position: right;
height: 40px;
}