/*
Theme Name: Harris & Brun
Theme URI: http://www.skunkworks.ca/
Description: Harris & Brun Website Theme
Version: 1.0
Author: Skunkworks Creative Group
Author URI: http://www.skunkworks.ca/
Tags: custom header, fixed width, two columns
*/





/* universal styles */

body {
	background-color: #e9e8e4;
	margin: 0px auto;
	}

* {padding: 0; margin: 0;}

img {border:0;}

:link img {
  	border: none;
	}

:visited img {
  	border: none;
	}

p { 
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 13px;
	font-weight: normal;
	color: #434343;
	line-height: 18px;
	text-align: left;
	margin-bottom: 17px;
	*margin-bottom: 21px;
	}
	
p a:link {color: #9e3735; text-decoration: none;}
p a:visited {color: #9e3735; text-decoration: none;}
p a:active {color: #9e3735; text-decoration: none;}
p a:hover {color: #9e3735; text-decoration: underline;}



/* site template container styles */
#outer-wrap { 
	width: 895px;
	padding: 0px;
	position: relative;
	margin: 0px auto 0px auto;
	background: #e9e8e4; /* beige */
	}
	
#header-wrap { 
	float: left;
	width: 895px;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	}

#content-wrap { 
	position: relative;
	clear: both;
	width: 895px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	

.column-left { 
	float: left;
	width: 500px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 19px 0px 39px;
	position: relative;
	background-color: #e9e8e4;
	}

.column-right { 
	float: right;
	width: 268px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 37px 30px 32px;
	position: relative;
	background-color: #e9e8e4;
	}

.footer-wrap {
	clear: both;
	position: relative;
	width: 856px;
	height: 63px;
	background-color: #d5d4d1;
	margin: 0px 0px 30px 0px;
	padding: 19px 0px 0px 39px;
/* /////// IE 6.0 fix ///////  */
	*margin-top: 40px;
	}
	



/* header */
.logo { 
	float: left;
	position: relative;
	margin: 24px 0px 26px 39px;
	padding: 0px 0px 0px 0px;
	height: 59px;
	width: 303px;
/* /////// IE 6.0 fix ///////  */
	*margin-left: 19px;
	}


.header-contact { 
	display: block;
	position: relative;
	width: 310px;
	float: left;
	margin: 40px 20px 0px 70px;
	padding: 0px 0px 0px 0px;
	/* /////// IE 6.0 fix ///////  */
	*width: 350px;
	*margin: 42px 10px 0px 35px;
	}


.header-contact p { 
	float: left;
	display: block;
	width: 155px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 12px;
	font-weight: normal;
	color: #626261;
	line-height: 17px;
/* /////// IE 6.0 fix ///////  */
	*width: 155px;
	*font-size: 11px;
	*line-height: 16px;
	}

.searchform-wrap { 
	float: right;
	position: relative;
	width: 148px;
	height: 24px;
	padding: 3px 0px 3px 3px;
	margin: 44px 0px 0px 0px;
	text-align: left;
	background: #d5d4d1;
	
	}
	
.searchform { 
	float: left;
	position: relative;
	width: 113px;
	height: 19px;
	margin: 0px 4px 0px 0px;
	padding: 4px 2px 0px 4px;
	border: 0px solid #d5d4d1; /* important!  */ 
	text-align: left;
	background: #ffffff;
	color: #666666;
	font-size: 9px;
	font-family: Verdana, Arial;
	text-transform: uppercase;
	letter-spacing: 0px;
/* /////// IE 6.0 fix ///////  */
	height: 18px;
	padding: 5px 2px 0px 4px;
	}
	
.searchform-button { 
	float: left;
	background-image: url('images/search_button.gif');
	background-repeat: no-repeat;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.header-image-wrap { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	position: relative;
	width: 894px;
	}

.header-image { 
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 20;
	}
	
.header-image-heading { 
	top: 52px;
	left: 489px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 21;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 22px;
	font-weight: normal;
	line-height: 21px;
	color: #0a4f2d; /* green */
	text-align: left;
	letter-spacing: -1px;
	}
	
.header-image-text { 
	top: 108px;
	left: 516px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 22;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 12px;
	font-weight: normal;
	color: #434343;
	line-height: 20px;
	text-align: left;
	}
	
.header-image-text a:link {color: #9e3735; text-decoration: none;}
.header-image-text a:visited {color: #9e3735; text-decoration: none;}
.header-image-text a:active {color: #9e3735; text-decoration: none;}
.header-image-text a:hover {color: #9e3735; text-decoration: underline;}



/* navigation */
#nav-wrap { 
	position: relative;
	clear: both;
	display: block;
	width: 895px;
	height: 46px;
	background: #9e3735;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#nav-wrap ul	{
	position: relative;
	float: left;
	text-align: left;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 12px;
	color: #e3e2de;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 0px 39px;
	padding: 16px 0px 10px 0px;
	width: 856px;
	height: 20px;
/* /////// IE 6.0 fix ///////  */
	*margin-left: 19px;
	}

#nav-wrap ul li	{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#nav-wrap ul li	a {
	margin: 0px 0px 0px 0px;
	padding: 11px 10px 11px 10px;
	text-decoration: none;
	}

#nav-wrap ul li a:link {color: #e3e2de;}
#nav-wrap ul li a:visited {color: #e3e2de;}
#nav-wrap ul li a:active {color: #e3e2de; background-color: #873433;}
#nav-wrap ul li a:hover {color: #ffffff; background-color: #873433;}

#nav-wrap .active-menu {
	color: #ffffff;
	padding: 11px 13px 11px 13px;
	background-color: #873433; /* dark red */
	}






/* content left column */
.column-left h1 { 
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 22px;
	font-weight: normal;
	line-height: 21px;
	color: #0a4f2d; /* green */
	background-image: none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 14px;
	letter-spacing: -1px;
	padding-bottom: 6px;
	*padding-bottom: 5px;
	}
	
.column-left h2 { 
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 18px;
	font-weight: normal;
	line-height: 21px;
	color: #0a4f2d;
	background-image: none;
	text-align: left;
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: -1px;
	*padding-bottom: 5px;
	}
	
.column-left h2 a:link {color: #9e3735; text-decoration: none;}
.column-left h2 a:visited {color: #9e3735; text-decoration: none;}
.column-left h2 a:active {color: #9e3735; text-decoration: none;}
.column-left h2 a:hover {color: #333333; text-decoration: none;}

.column-left ul {
	position: relative;
	display: block;
	width: inherit;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 13px;
	font-weight: normal;
	color: #434343;
	line-height: 16px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	} 
	
.column-left ul li {
	list-style-type: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #c9c8c2;
	text-decoration:none;
	} 
	
.column-left ul li a:link {color: #9e3735; text-decoration: none;}
.column-left ul li a:visited {color: #9e3735; text-decoration: none;}
.column-left ul li a:active {color: #9e3735; text-decoration: none;}
.column-left ul li a:hover {color: #333333; text-decoration: none;}

blockquote { 
	display: block;
	font-family: Georgia, Serif, Times, Verdana, Arial;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	line-height: 19px;
	text-align: left;
	/* comment out the following lines if there is a link in the blockquote: */
	width: 430px;
	background-color: #545454;
	border: 5px solid #454545;
	margin: 20px 0px 20px 0px;
	padding: 25px 20px 28px 20px;
	/* */
	}
	
blockquote p { 
	display: block;
	font-family: Georgia, Serif, Times, Verdana, Arial;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

blockquote a { 
	display: block;
	font-family: Georgia, Serif, Times, Verdana, Arial;
	font-size: 14px;
	color: #ffffff;
	background-color: #545454;
	border: 5px solid #454545;
	font-weight: normal;
	font-style: italic;
	line-height: 19px;
	width: 430px;
	margin: 20px 0px 20px 0px;
	padding: 25px 20px 25px 20px;
	text-align: left;
	text-decoration: none;
	}
	
blockquote a:link {color: #e3e2de; }
blockquote a:visited {color: #e3e2de;}
blockquote a:active {color: #e3e2de; background-color: #454545; border: 5px solid #545454;}
blockquote a:hover {color: #ffffff; background-color: #454545; border: 5px solid #545454;}





/* content right column */
.column-right h1 { 
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 22px;
	font-weight: normal;
	line-height: 21px;
	color: #0a4f2d; /* green */
	text-align: left;
	letter-spacing: -1px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

.divide { 
	position: relative;
	display: block;
	background-image: url('images/double_line.gif');
	background-repeat: repeat-x;
	height: 3px;
	margin: 7px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
/* /////// IE 6.0 fix ///////  */
	*margin-bottom: 0px;
	}

.view-all { 
	font-family: Verdana, Arial; 
	font-size: 10px;
	font-weight: normal;
	line-height: 21px;
	color: #0a4f2d; /* green */
	text-transform: uppercase;
	letter-spacing: 0px;
	*letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.column-right .view-all a:link {color: #0a4f2d; text-decoration: none;}
.column-right .view-all a:visited {color: #0a4f2d; text-decoration: none;}
.column-right .view-all a:active {color: #0a4f2d; text-decoration: none;}
.column-right .view-all a:hover {color: #873433; text-decoration: none;}

.column-right p { 
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 12px;
	font-weight: normal;
	color: #505050;
	line-height: 18px;
	text-align: left;
	margin-bottom: 17px;
	*margin-bottom: 21px;
	}
	
.column-right p a:link {color: #9e3735; text-decoration: none;}
.column-right p a:visited {color: #9e3735; text-decoration: none;}
.column-right p a:active {color: #9e3735; text-decoration: none;}
.column-right p a:hover {color: #9e3735; text-decoration: underline;}

.column-right ul {
	position: relative;
	display: block;
	list-style-type: none;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 12px;
	font-weight: normal;
	color: #505050;
	line-height: 14px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	} 
	
.column-right ul li {
	padding-left: 0px;
	list-style-type: none;
	background-image: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c9c8c2;
	} 

.column-right ul li a:link {color: #9e3735; text-decoration: none;}
.column-right ul li a:visited {color: #9e3735; text-decoration: none;}
.column-right ul li a:active {color: #9e3735; text-decoration: none;}
.column-right ul li a:hover {color: #333333; text-decoration: none;}

.lawyer-side-pullquote { 
	display: block;
	font-family: Georgia, Serif, Times, Verdana, Arial;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	line-height: 19px;
	text-align: left;
	background-color: #545454;
	border: 5px solid #454545;
	margin: 30px 0px 30px 0px;
	padding: 25px 20px 30px 20px;
	}
	
.lawyer-side-pullquote p { 
	display: block;
	font-family: Georgia, Serif, Times, Verdana, Arial;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.back-button { 
	display: block;
	font-family: Verdana, Arial; 
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
	color: #ffffff;
	line-height: 16px;
	text-align: left;
	width: 160px;
	background-color: #345536;
	margin: 20px 0px 20px 0px;
	padding: 6px 0px 8px 10px;
	text-transform: uppercase;
	}
	
.back-button a:link {color: #ffffff; text-decoration: none;}
.back-button a:visited {color: #ffffff; text-decoration: none;}
.back-button a:active {color: #ffffff; text-decoration: none;}
.back-button a:hover {color: #b6c2b6; text-decoration: none;}




/* footer styles */
.footer-column-left { 
	float: left;
	width: 550px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.footer-column-left ul {
	display: block;
	position: relative;
	float: left;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
	} 
	
.footer-column-left li {
	padding: 0px 0px 2px 0px;
	list-style-type: none;
	border-bottom: 0px solid #565552;
	} 

.footer-column-left li a {
	background: url('images/list-bullet.gif') no-repeat 0% 50%;
	padding: 0px 0px 0px 10px;
	} 

.footer-column-left li a:link {color: #666666; text-decoration: none;}
.footer-column-left li a:visited {color: #666666; text-decoration: none;}
.footer-column-left li a:active {color: #666666; text-decoration: none;}
.footer-column-left li a:hover {color: #9e3735; text-decoration: none; background: url('images/list-bullet-on.gif') no-repeat 0% 50%;}




.footer-column-right { 
	float: right;
	width: 250px;
	text-align: right;
	margin: 6px 0px 0px 0px;
	padding: 0px 35px 0px 0px;
	font-family: Georgia, Serif, Times, Verdana, Arial; 
	font-size: 11px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #626261;
	line-height: 17px;
	}
	
.footer-column-right a:link 	{color: #626261; text-decoration: none;}
.footer-column-right a:visited {color: #626261; text-decoration: none;}
.footer-column-right a:active {color: #626261; text-decoration: none;}
.footer-column-right a:hover {color: #9e3735; text-decoration: none;}