/*
	Theme Name: Lennard Lucky Red
	Theme URI: http://www.lennard.com/
	Description: A redesign of the overall template without getting into the inside content
	Version: 1
	Author: Donna Vitan, Casco Design and Communications
	Author URI: http://www.cascodesign.ca/
	RED: #AF1E2D
*/
/****************************** GLOBAL *****/
body, html { height:100%; }
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#474747 url('/img/sitewide/bg-full.gif') repeat-x top center;
	color:#333; }
* {
	margin:0;
	padding:0; }
/****************************** GLOBAL TYPOGRAPHY *****/
h1, h2, h3, h4, h5 { font-weight:bold; }
h1 {	font-size:1.7em; color:#AF1E2D; }
h2 {	font-size:1.6em; }
h3 {	font-size:1.5em; }
h4 {	font-size:1.4em; }
h5 { font-size:1.3em; }
/****************************** GLOBAL ELEMENTS *****/
a { text-decoration:none; }
a:link { color:#006699; }
a:visited { color:#006699; }
a:hover { color:#FF001A; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { text-align:center; }
ul { list-style: disc url('/img/sitewide/bullet-square.gif'); }
ul ul { list-style: disc url('/img/sitewide/bullet-square-sub.gif'); margin-top:.6em; }
ul.nobullet {
	margin:.5em 0 1em;
	padding:0 0 .5em 2em;
	list-style:none;	}
.nobullet ul { }
.nobullet li { }
/****************************** PRIMARY LAYOUT *****/
#wrap {
	width:960px;
	margin:0 auto;
	padding:0;
	display:block;
	font-size:1.1em;}
#container-home {
	height:auto !important; /* real browsers */
	height:300px; /* IE6:treated as min-height*/
	min-height:300px; /* real browsers */
	width:960px;
	background:#FFF url('/img/sitewide/bg-home.jpg') repeat-y top left;
	text-align:left;
	overflow:auto;	}
#container-inside {
	height:auto !important; /* real browsers */
	height:100%; /* IE6:treated as min-height*/
	min-height:300px; /* real browsers */
	width:960px;
	margin:0;
	padding:15px 0;
	background:#FFF url('/img/sitewide/bg-interior.jpg') no-repeat top left;
	text-align:left;	}
.content {
	margin:0 10px;
	width:620px;
	display:block;
	float:left; }
.col2 {
	margin:0 10px 0 0;
	width:300px;
	display:block;
	float:left; }
/****************************** HEADER *****/
.header-home {
	height:140px;
	width:960px;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;}
.header-home img {
	top:0;
	left:0; }
.header-inside {
	height:100px;
	width:960px;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;}
.header-inside img {
	top:0;
	left:0; }
/****************************** NAVIGATION *****/
#navigation {
	width:960px;
	margin:0;
	padding:0;
	display:block;
	background:#000;
	border:1px solid #FFF;
	border-left:none;
	border-right:none;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:1.4em;
	text-align:center;	}
#nav small { font-size:.8em; }
#nav a:link { color:#FFF; }
#nav a:visited { color:#FFF; }
#nav a:hover { color:#CCC; }
#nav, #nav ul {
	height:auto !important; /* real browsers */
	height:auto; /* IE6:treated as min-height*/
	min-height:28px; /* real browsers */
	width:930px;
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	z-index:10;}
#nav li {
	margin:0;
	padding:0;
	display:inline;
	border:none;}
#nav li ul {
	width:200px;
	position:absolute;
	margin:0;
	padding:0;
	display:inline;
	font-size:0.85em;
	text-align:left;
	border:none;}
#nav li li {
	width:200px;
	margin:0;
	padding:0;
	display:block;
	background:#666;
	line-height:125%;	}
* html #nav li li {float:left;} /* a hack for IE5.x and IE6 */
#nav li a {
	margin:0;
	padding:4px 12px;
	color:#FFF;
	text-decoration:none;
	display:inline-block;}
#nav li li a {
	width:auto !important; /* real browsers */
	width:170px; /* IE6:treated as min-height*/
	min-width:170px; /* real browsers */
	margin:0;
	padding:6px 12px;
	display:block;
	border-bottom:1px solid #999;}
#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {
	left:0;
	top:24px;
	margin:0;
	padding:0;}
* html #nav li:hover ul { top:24px; left:0; z-index:30;} /* another hack for IE5.5 and IE6 */

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:1px;} /* yet another hack for IE5.x and IE6 */

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {color:#CCC; background:#666;}
#nav li:hover li:hover > a {color:#CCC; background:#000;}
#nav li:hover li:hover {}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{}
#nav li .active { background:#666; }
/****************************** SIDEBAR MENU *****/
.sidebar {
	margin: 0 50px 0 30px;
	width: 200px;
	min-height:200px;
	display: block;
	float: left;}
ul.sub-nav, ol.sub-nav {
	margin: 3px 0;
	padding:0 0 15px 0;
	list-style-type: none;
	list-style-image: none;}
ul.sub-nav, ol.sub-nav {
	font-weight: normal; }
ul.sub-nav li {
	padding: .3em 0 .5em;
	border-bottom: 1px solid #CCC;
	line-height:140%;	}
ul.sub-nav li a:link, ul.sub-nav li a:visited {
	color:#AF1E2D;	}
ul.sub-nav li a:hover { color:#000; }
ul.sub-nav li a.active { color:#000; }
/****************************** Sidebar Listing *****/
ul.sidebar-listing { list-style: disc url('/img/sitewide/bullet-square.gif'); margin: 0 0 1em 1.5em; }
ul.sidebar-listing ul { list-style: disc url('/img/sitewide/bullet-square-sub.gif'); margin:.6em 0 1em 1.5em; }
/****************************** FOOTER *****/
#footer {
	height:auto !important; /* real browsers */
	height:60px; /* IE6:treated as min-height*/
	min-height:60px; /* real browsers */
	width:960px;
	margin:0;
	padding:10px 0;
	font-size:.9em;
	color:#CECECE;
	text-align:left;
	background:url('/img/sitewide/logo-footer.gif') no-repeat 30px 15px;
	display:block;	}
#footer p { line-height:1.3em; }
#footer a:link, #footer a:visited { color:#FFF; }
#footer a:hover { background:#666; }
.copyright {
	width:300px;
	margin:0 10px 0 75px;
	display:block;
	float:left;	}
.location {
	width:240px;
	margin:0 10px 0 0;
	padding:0;
	display:block;
	float:left; }
/****************************** BOTTOM MENU *****/
.bottom-nav {
	width:960px;
	padding:5px 0;
	margin:0 auto;
	text-align:center;
	background:#000;}
ul.bottom-nav {
	list-style-type: none;
	list-style-image: none;}
.bottom-nav li {
	display:inline;
	color:#999;}
.bottom-nav li a:link, .bottom-nav li a:visited {
	padding:5px 7px 5px 5px;
	color:#999;	}
.bottom-nav li a:hover {
	color:#666;}
/****************************** SECONDARY ELEMENTS *****/
/****************************** Quick Search Form *****/
.search-quick {
	height:200px;
	width:330px;
	margin:10px 0;
	padding:0;
	float:left;
	display:block;
	background:url('/img/sitewide/bg-quicksearch.jpg') no-repeat;
	list-style-type: none;
	list-style-image: none;
	font-size:.9em;	}
.search-quick h1 {
	height:35px;
	width:280px;
	margin:0;
	padding:5px 20px;
	display:block;
	text-align:center;
	line-height:35px;
	color:#AF1E2D;	}
.search-quick label, .search-quick legend {
	width:120px;
	height:25px;
	margin:2px 5px 0 0;
	padding:0;
	display:block;
	float:left;
	font-weight:bold;
	text-align:right;	}
.search-quick fieldset {
	margin-top:5px;}
.search-quick .quick-title {
	width:120px;
	height:25px;
	margin:0 5px 0 0;
	padding:0;
	float:left;
	display:block;
	clear:left;
	font-weight:bold;
	text-align:right;}
.search-quick fieldset.transaction label {
	width:68px;
	height:25px;
	margin:-1px 3px 0 0;
	padding:0;
	float:left;
	font-weight:normal;
	text-align:left;}
.search-quick fieldset.transaction input {
	margin-right:2px;
	padding:0;
	float:left;
	clear:none; }	
.search-quick .more-top {
	margin-top:5px; }
/****************************** Space Search Form *****/
.search-space {
	margin:1em 0;
	display:block;
	font-size:.9em;}
.search-space ul, ul.search-space, .listing-space ol, ol.listing-space {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;	}
.search-space button {
	float:left; }
.search-space label, .search-space legend {
	width:200px;
	margin:.2em 0;
	padding: 0;
	display:block;
	float:left;
	font-weight:bold;	}
.search-space fieldset {
	margin-top:3px; }
.search-space fieldset.transaction label {
	width:70px;
	margin-top:-2px;
	padding:0;
	float:left;
	font-weight:normal;	}
.search-space fieldset.transaction input {
	margin-right:5px;
	padding:0;
	float:left;
	clear:none; }
.search-space fieldset input.size-xsm {
	margin-right:3px;
	float:left;
	clear:none;	}
.search-space span {
	margin:3px 7px 0 0;
	float:left;	}
.search-space fieldset.weeks {
	margin:.5em 0; }
.search-space fieldset.weeks input {
	margin:0;
	padding:0;
	float:left;
	clear:none; }
.search-space fieldset.weeks span {
	width:180px;
	margin:-2px 0 0 5px;
	float:left;
	font-weight:normal; }
/****************************** Space Search Results *****/
.listing-space {
	margin-bottom:1em; }
.listing-space li {
	margin:0 15px 5px 0;
	padding-bottom:10px;
	width:140px;
	min-height:180px;
	float:left;	}
.listing-space li a {
	display:block; }
.listing-space img {
	margin-bottom:5px; }
/****************************** Listing View Span *****/
.listing-view {
	width:350px;
	margin:0 10px 20px 0;
	padding:0;
	display:block;
	float:left;
	list-style-type: none;
	list-style-image: none; }
.listing-view li {
	margin:0;
	padding:0;
	display:block;
	clear:left; }
.listing-view span {
	width:125px;
	margin:.2em 0;
	padding: 0;
	display:block;
	float:left;
	font-weight:bold;	}
.listing-view p {
	width:225px;
	margin:.2em 0;
	padding:0;
	display:block;
	float:left; }
/********************************************** Pagination */
.pagination {
	margin:1em 0;
	clear:left;	}
.pagination ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;	}
.pagination ul li {
	margin-right:5px;
	display:inline; }
.pagination span {
	padding:2px;
	background:#EEE;
	border-top:1px solid #BBB;
	border-left:1px solid #BBB;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	cursor:hand;
	text-decoration:none;	}
.pagination span:hover {
	background:#CDCDCD;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	cursor:hand; }
.pagination span.current {
	padding:2px 5px;
	background:#AF1E2D;
	border:1px solid #CC0000;
	color:#FFF;
	font-weight:bold; }
.pagination span a {
	padding:3px 5px; }
.pagination p {
	margin:1em 0; }
/****************************** Space Search Listing Gallery *****/
#gallery {
	width:260px;
	margin:0 0 20px 0;
	padding:0;
	display:block;
	float:left;	}
#gallery img {
	margin:0 10px 10px 0;
	padding:2px;
	border:1px solid #CCC;
	float:left; }
/****************************** Work to Live Listing *****/
.listing-work {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;}
.listing-work li {
	margin:0 0 10px 0;
	clear:left;	}
.listing-work img {
	float:left;
	margin:0 15px 10px 0;	}
/****************************** Formatting and Layout for the Front Page *****/
#feature { /* home: red container */
	height:auto !important; /* real browsers */
	height:380px; /* IE6:treated as min-height*/
	min-height:380px; /* real browsers */
	width:315px;
	margin-right:10px;
	padding:30px 25px 20px;
	float:left;
	color:#DDD;
	list-style-type: none;
	list-style-image: none;}
#company { /* home: company information */
	margin-bottom:10px;
	padding-bottom:10px;
	display:block;
	color:#DDD;}
#company h1 {
	font-weight:normal;
	color:#DDD;	}
#company p {
	font-size:1.1em;
	line-height:130%; }
#company img {
	margin-bottom:10px; }
#company form {
	padding:10px 0;
	font-size:.9em;}
#company a:link, #feature a:link { color:#FFE066; }
#company a:visited , #feature a:visited { color:#FFE066; }
#company a:hover, #feature a:hover { color:#FFF; }
#current { /* home: current posts for lennard news and going green */
	margin:10px 0;
	color:#DDD;	}
#current ul {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;	}
#current li {
	margin:10px 0 0 0;
	padding:0 0 5px 20px;
	display:block;
	clear:left;
	background:url('/img/sitewide/bg-30px-grey.gif') no-repeat 0 -.8em ;
	border-bottom:1px solid #666;	}
#current p {
	margin-bottom:.5em; }
.sitesearch-input {
	width:180px;
	margin:0 10px 0 0;
	padding:3px 4px;
	border:none;
	background:#EEE;
	float:left;	}
.quicksearch button {
	margin-top:5px; }
.sitesearch button, .quicksearch button {
	padding:3px 6px;
	display:block;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:1em;
    line-height:130%;
	color:#AF1E2D;
	background:#AF1E2D url('/img/sitewide/bg-btn.gif') center center repeat-x;
	border:1px solid #AAA;
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
    cursor:pointer;
	float:left;	}
.sitesearch button:hover, .quicksearch button:hover {
	color:#333;
	background:#AF1E2D url('/img/sitewide/bg-btn-hover.gif') center center repeat-x;
	border:1px solid #AAA;
	border-top:1px solid #CCC;
	border-right:1px solid #999; }
.sitesearch button, .quicksearch button {
    overflow:visible;
    padding:3px 10px 2px 7px; /* IE6 */  }
*:first-child+html button[type]{
    padding:3px 10px 2px 7px; /* IE7 */  }
.sitesearch button[type], .quicksearch button[type]{
    padding:3px 10px 5px 7px; /* Firefox */
    line-height:5px; /* Safari */  }
#listing-home { /* home: featured listing */
	height:200px;
	width:240px;
	margin:10px 10px 10px 0;
	float:left;
	display:block;
	background:#EEE url('/img/sitewide/bg-listing.gif') no-repeat;	}
#listing-home h3 {
	height:30px;
	margin:0;
	padding-left:20px;
	display:block;
	background:#666 url('/img/sitewide/bg-30px-red.gif') no-repeat;
	line-height:30px;
	color:#FFF;}
#listing-home ul {
	margin:0;
	padding:0;
	list-style:none;	}
#listing-home li {
	margin:0;
	padding:0;
	width:240px;
	height:83px;
	display:block;
	clear:left; }
#listing-home p {
	width:150px;
	font-size:1em;
	float:left; }
.listing-home-title {
	width:150px;
	margin:.6em 0 .3em;
	padding:0;
	display:block;
	font-size:1.1em;
	font-weight:normal;
	text-transform:uppercase;
	line-height:110%;
	color:#AF1E2D;
	float:left;}
#listing-home img {
	width:70px;
	height:85px;
	margin:0 10px 0 0;
	padding:0;
	border:none;
	float:left;	}
#listing-home hr {
	clear:both;
	display:block;
	height:1%;
	margin:0;
	border:none;
	border-top:1px solid #CCC;}
#bucket { /* home: bottom right container */
	width:550px;
	margin:0 0 10px;
	padding:10px;
	float:left;
	display:block;
	background:#EEE;	}
#bucket-left { /* home: market commentary */
	width:230px;
	margin:0 9px 0 0;
	padding:0 10px 0 0;
	float:left;
	display:block;
	border-right:1px solid #CCC;}
#bucket-left ul {
	height:auto !important; /* real browsers */
	height:85px; /* IE6:treated as min-height*/
	min-height:85px; /* real browsers */
	margin:0 0 10px;
	padding:0 10px 5px 20px;
	border:none;
	border-bottom:1px solid #CCC;	}
#bucket-left li {
	margin-left:18px; }
#bucket-left h3 {
	height:30px;
	margin:0 0 10px;
	padding-left:20px;
	display:block;
	background:#666 url('/img/sitewide/bg-30px-red.gif') no-repeat;
	line-height:30px;
	color:#FFF;}
#bucket-left p {
	font-size:1.1em;}
#bucket-left img {
	margin:0 10px 0 0;
	padding:0;
	border:none;
	float:left;	}
#bucket-right { /* home: market commentary */
	width:300px;
	float:left;
	display:block;}
#bucket-right h3 {
	height:30px;
	margin:0 0 10px;
	padding-left:20px;
	display:block;
	background:#AF1E2D url('/img/sitewide/bg-30px-grey.gif') no-repeat;
	line-height:30px;
	color:#FFF;}
#bucket-right p {
	font-size:1.1em;}
#bucket-right img {
	padding-bottom:10px;
	margin-bottom:10px;
	border:none;
	border-bottom:1px solid #CCC;
	float:left;	}
/****************************** IMAGES *****/
a img {
	border:none;
	text-decoration:none;	}
a:hover img{
	text-decoration:none; }
img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto; }
img.alignright {
	margin:0 0 5px 15px;
	display:inline; }
img.alignleft {
	margin:0 15px 5px 0;
	display:inline; }
.feature img {
	margin-top:10px; }
.feature p {
	margin:0; }
/****************************** CONTACT FORM *****/
.contact {
	margin:30px 5px;
	padding:0; }
.contact label {
	margin:5px 10px 3px 0;
	width:100px;
	font:normal 12px verdana, arial, helvetica, sans-serif;
	display:block;
	clear:left; }
.contactinput {
	margin-bottom:5px;
	padding:3px;
	width:250px;
	font:normal 12px verdana, arial, helvetica, sans-serif;
	color:#000;
	background:#FFF;
	border:1px solid #CCC;
	float:left; }
.contact textarea {
	padding:3px;
	width:250px;
	height:120px;
	font:normal 12px verdana, arial, helvetica, sans-serif;
	color:#000;
	background:#FFF;
	border:1px solid #CCC;
	float:left; }
.contactsubmit {
	margin:10px 0 0 110px;
	font:normal 12px verdana, arial, helvetica, sans-serif;
	float:left;
	clear:left;}
/****************************** MISCELLANEOUS ELEMENTS *****/
.listingBorders {
	padding:10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	background:#F5F5F5;
}
.listing a { text-decoration:none; }
.listing a:link { color:#006699; }
.listing a:visited { color:#006699; }
.listing a:hover { color:#006699; }
.highlight { background-color: #FFFF00; }
/****************************** SIMPLE SEARCH *****/
.search-simple {
	margin: 1em 0 1.5em; }
.search-simple input {
	margin-bottom: 0;
	padding:0; }
.search-simple input.search-simple-btn {
	margin-bottom:-5px;
	padding:0;	}
.sidebar-relative .search-simple {
	margin: 1em 0 1.5em; }
/****************************** GLOSSARY *****/
.glossary {
	margin:0 auto;
	padding:0;
	display:block;
	list-style-type:none;
	list-style-image:none;
	font-size: 1.3em;}
.glossary li {
	display:inline;}
.glossary a {
	margin: .1em;
	padding:.2em .35em;
	float:left;
	background:#E3E3E3;
	border:1px solid #CCC;	}
.glossary a.active {
	background:#EFEFEF;
	border:1px solid #CCC;
	color:#999;	}
.glossary-content h2 {
	padding:3px 5px;
	background:#EEE;
	border-bottom:1px solid #CCC; }
/****************************** PEOPLE LISTING *****/
table.people {
	margin: 1em 0;
	border:1px solid #CCC;
	border-bottom:none;	}
.people td {
	padding:.5em;
	border-bottom:1px solid #CCC;}
.people th {
	padding:1em .5em;
	font-weight: bold;
	background:#E3E3E3;
	border-bottom:1px solid #CCC;	}
/****************************** PEOPLE LISTING *****/
.listing-people {
	margin:1em 0;
	list-style:none; }
.listing-people li {
	margin:0 1em 1em 0;
	width:100%;
	float:left;
	display:block;
	border-bottom:1px dotted #CCC;}
.listing-tools {
	margin:0 10px 0 0;
	padding:0;
	width:195px;
	display:block;
	float:left;}
/********************************************** Articles */
.articles {
	margin:1em 0;
	padding:0;
	list-style:none; }
.articles li {
	padding:1em 0 .5em;
	border-top:1px solid #AF1E2D;}
.date { color:#666; }
/********************************************** Message Containers */
.negative, .positive, .announcement {
	margin:0 0 20px;
	padding:20px 20px 10px;
	display:block; }
.negative {
	border:1px solid #CC0033;
	background:#fbedf1;	}
.negative h1,
.negative h2,
.negative h3 {
	color:#CC0033; }
.positive {
	border:1px solid #008751;
	background:#edf7f3; }
.positive h1,
.positive h2,
.positive h3 {
	color:#008751; }
.announcement {
	border:1px solid #CC9900;
	background:#fbf8ed; }
.announcement h1,
.announcement h2,
.announcement h3 {
	color:#CC9900; }
/********************************************** Form Input Sizes */
.size-xlg { width:350px; padding:2px; background:#FFF; border:1px solid #CCC; }
.size-lg { width:200px; padding:2px; background:#FFF; border:1px solid #CCC; }
.size-md { width:150px; padding:2px; background:#FFF; border:1px solid #CCC; }
.size-sm { width:100px; padding:2px; background:#FFF; border:1px solid #CCC; }
.size-xsm { width:60px; padding:2px; background:#FFF; border:1px solid #CCC; }