* {
  margin: 0;
  padding: 0;
}
html {
  background: url(/images/background.gif) repeat-x;
}
body {
  font: 12px verdana, arial, sans-serif;
  width: 980px;
  margin: 0px auto;        
}
p#tollFree {
	font-size: 14px; 
	font-weight: bold;
	position: absolute; 
	/*top : 115px; right:  300px; color:#fff; */
	color: #362613;
}
h1 {
  font: 20px arial, verdana, sans-serif;
  color: #402b16;
  text-transform: uppercase;
  border-bottom: 2px solid #664624;
  padding-bottom: 3px; 
}
h2 {
  font: bold 12px verdana, arial, sans-serif;
  margin: 20px 0px 5px;
  color: #402b16;
}
a img {
  border: none;
}
strong {
  color: #402b16;
}

/************* banner ****************/
#banner {
  background: url(/images/banner_bg.jpg) no-repeat right top;
  margin-bottom: 70px;      
}
#banner p {
  display: inline; /* for IE 6 */
  float: right;
  margin: 13px 220px 0px 0px;
}
#banner img {
  margin-top: 32px;
  vertical-align: top;
}
#banner ul li {
  float: left;
  list-style: none;
  border-left: solid 1px #fff;
  text-align: center;
  font-size: 11px;
  margin-top: 1px;
} 
#banner li a {
  color: #fff;
  text-decoration: none;
  display: block;
  /*width: 110px;*/
  padding: 6px 15px 7px 15px;
}
#banner li a:hover {
  background: #664624;
}  
#banner li#contact {
  border-right: solid 1px #fff;
}  
.home li#home,
.about li#about,
.injury li#injury,
.icbc li#icbc,
.wills li#wills,
.commercials li#commercials,
.conveyancing li#conveyancing,
.real-estate li#real-estate,
.contact li#contact {
  background: #664624;
}

/************** content ******************/
#content {
  float: left;
  width: 700px;
  padding-right: 20px;
}
#content p {
  margin: 5px 0px 20px 0px;
  line-height: 140%;
} 

/************** sidebar ******************/
#sidebar {
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 10px 725px;
}
.callout {
  background: url(/images/callout_bg.gif) no-repeat;
  height: 227px;
  overflow: hidden;
  margin-bottom: 15px;   
}
.callout h3 {
  font: bold 10px verdana, arial, sans-serif;
  margin: 0px 0px 5px;
  color: #fff;
  padding: 5px 0px 3px 10px;
}
.callout img {
  border-bottom: solid 1px #654523;
}
.callout p {
  margin: 10px 15px 10px 10px;
  font-size: 11px;
}
.callout p.link {
  text-align: right;
}
.callout p.link a {
  color: #654523;
  text-decoration: none;
  font-weight: bold;
  background: url(/images/bullet.gif) no-repeat left center;
  padding-left: 8px;
}
.callout p.link a:hover {
  color: #f6a313;
  background: url(/images/bullet_over.gif) no-repeat left center;  
}

/***************** footer ******************/
p#footer {
  clear: both;
  margin: 3px 0px 7px;
  font-size: 11px;
  color: #555;
  border-top: solid 1px #ddd;
  padding-top: 5px;
  font-size: 9px;
}
p#footer a {
    color: #654523;
}

/************** homepage ****************/
.home #content {
  float: none;
  width: auto;
  clear: both;
  margin-top: 20px;
}
.home h1 {
  border: none;
}
.home #content p {
  text-align: justify;
}
.home #footer {
  border: none;
  padding: 0px;
}  
 
#content ul {
	margin-bottom: 20px;
}
#content li {
	list-style: outside square;
	margin: 0 0 10px 20px;
}

#content a {
	color: #402b16;
}

.about .cheryl { float: left; width: 150px; height: 200px; border: 1px solid #555; margin: 0px 15px 15px 0px; background-color: #fff; }
.about .lesra { float: left; width: 150px; height: 200px; border: 1px solid #555; margin: 0px 15px 15px 0px; background-color: #fff; }

.error h1 { color: red; font-size: 12px; font-weight: bold; border: none; text-transform: none; }
.error li { color: red; font-size: 12px; margin: 0px; padding: 0px; }
.error ul { margin: 0px; padding: 0px; }

.normalAddress, .contactForm { float: left; }
.contactForm { margin-left: 50px; }
.contactForm label { width: 120px; display: block; float: left; }
.contactForm textarea { width: 300px; height: 150px; }
.required label { font-weight: bold; }

body.media td { vertical-align: top; }
body.media table p { font-size: 8pt; }
body.media td { padding: 0px 15px 15px 0px; }
body.media .embed { width: 200px; height: 150px; border: 1px solid black; }