/*
Theme Name: Legacy Real Estate Inc.
Theme URI: http://dinkuminteractive.com/
Description: Custom Theme made for new Legacy layout.  Design by Meghan Smith at Whiteborad Media.  Coded By Adam Plante.
Version: 2.0
Author: Adam Plante (Dinkum Interactive)
Author URI: http:/www.dinkuminteractive.com/
Tags: custom header, fixed width, two columns, widgets

	Enjoy!

*/

* {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
}

body{
 background: #221e1b url(images/layout-body-background.jpg) 0px 3px repeat-x;
 /*background-color:;*/
 color:#89888d;
 font:62.5% Arial, Helvetica,sans-serif;
}

/*-----------------------------------------------------------------------------
   Link
----------------------------------------------------------------------------- */

a, a:link, a:visited {
	color: #89888d;
	text-decoration: underline;
}

a {
 outline: none;
 outline-style: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
   Container
----------------------------------------------------------------------------- */

#container{
 width:900px;
 background:#221e1b url(images/layout-body-shadow.jpg) top left repeat-y;
 margin: 0 auto; 
 /*padding: 0 7px;*/
 /*background-color:;*/
 overflow: hidden;
}
/** html #container{
	background-image: none;
	background-color:#221e1b;
	padding: 0px;
}*/

/*-----------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------- */

#header{
 height:95px;
 /*background-color:#221e1b;*/
 padding-top:22px;
 padding-left: 35px; 
}

#header h1{
 background: url(images/layout-header-logo.jpg) no-repeat;
 color:#ffffff;
 width:244px;
 height:67px;
}

#header h1 a{
/* background: url(images/layout-header-logo.jpg) no-repeat;*/
 width:244px;
 height:67px;
 display: block;
 /* hide from IE Mac \*/
 text-indent: -999em;
 overflow: hidden;
 /* end hide */
}
* html > body #header h1 a {
   letter-spacing: -999em;
}

/*-----------------------------------------------------------------------------
    Banner
----------------------------------------------------------------------------- */

#banner{
	width: 790px;
	height: 168px;	
	margin:25px 0px 0px 48px;
	border: 5px solid #ffffff;
}
#banner.generic{
	background-image: url(images/layout-banner-home.jpg);
	background-repeat: no-repeat;
}

#banner.home{
	background-image: url(images/layout-banner-home.jpg);
    background-repeat:	no-repeat;	
}

#banner.contact{
	background-image: url(images/LR_contact.jpg);
    background-repeat:	no-repeat;	
}

#banner.blog{
	background-image: url(images/LR_blog.jpg);
    background-repeat:	no-repeat;	
}

#banner.escalator{
	background-image: url(images/LR_contact.jpg);
    background-repeat:	no-repeat;	
}

#banner.door{
	background-image: url(images/LR_join.jpg);
    background-repeat:	no-repeat;	
}

#banner.about{
	background-image: url(images/LR_about.jpg);
    background-repeat:	no-repeat;	
}

#banner.services{
	background-image: url(images/LR_services.jpg);
    background-repeat:	no-repeat;	
}

#banner.mission{
	background-image: url(images/layout-banner-mission.jpg);
    background-repeat: no-repeat;	
}
* html #container div.generic.mission{
	background-image: url(images/layout-banner-mission.jpg);
	background-repeat: no-repeat;	
}

#banner.client-profile{
	background-image: url(images/layout-banner-client-profile.jpg);
    background-repeat: no-repeat;	
}
* html #container div.generic.client-profile{
	background-image: url(images/layout-banner-client-profile.jpg);
	background-repeat: no-repeat;	
}

#banner.the-team{
	background-image: url(images/layout-banner-the-team.jpg);
    background-repeat: no-repeat;	
}
* html #container div.generic.the-team{
	background-image: url(images/layout-banner-the-team.jpg);
	background-repeat: no-repeat;	
}

/*-----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */

#navigation{
 background:url(images/layout-navigation-background.jpg) no-repeat;
 height: 45px;
 display:block;
 font-size: 1.1em;
 text-align: right;
 text-transform: uppercase;
}

#navigation ul{
 list-style: none;
 margin-right: 30px;
 padding: 16px 0px 16px 0px;
}

#navigation ul li{
 display: inline;
}  

#navigation ul li a {
   text-decoration: none;
	color: #baa9a1;
	border: none;
	padding: 0px 10px;
}

#navigation ul li a:hover, #navigation ul li a.active {
	color: #515149;
}

#navigation ul li.current a {
	color: #e5ab09;
}

/*-----------------------------------------------------------------------------
    Content
----------------------------------------------------------------------------- */

#content{
 font-size: 1.2em;
}

#main-content{
 width:530px;
 float: left;
 margin:0px 0px 30px 60px;
 padding-top:40px;
 min-height: 600px;
}
* html #main-content{
	margin-left: 30px;
	height: 600px;
}

#main-content h2{
 font-size:1.7em;
 color: #d8d9db;
/* text-transform: capitalize;*/
 font-weight: 500;
 border-bottom: 1px solid #15110e;
 padding-bottom: 5px;
 margin-bottom: 0.5em;
}
#main-content h2 a {
 text-decoration: none;
}

#main-content h3{
 font-size:1.4em;
 color: #d8d9db;
/* text-transform: capitalize;*/
 font-weight: 500;
 margin-bottom: 0.5em;
}

#main-content p{
	margin: 5px 0px 5px 0px;
	font-size:1.1em;
}
#main-content p a{
	color: #D6A00A;
}
#main-content p a:hover, #main-content p a.over{
	color: #F8CA52;
	text-decoration: underline;
}
#main-content div.photo{
	margin-top: 10px;
	margin-right: 20px;
	width: 150px;
	float: left;
	text-align: center;
}
#main-content h4{
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0px 0px 0px;
}
#main-content div.photo h4{
	font-size:1.2em;
	margin:5px 0px 15px 0px;
	color: #c0c1c5;
	/*text-transform: capitalize;*/
	 font-weight: 500;
}

#main-content img{
	margin-top: 15px;
	border: 4px solid #ffffff;
}
#main-content ul{
	margin: 5px 0px 5px 20px;
}
/*-----------------------------------------------------------------------------
   Sidebar
----------------------------------------------------------------------------- */

#s {
  width: 60%;
  border: 1px solid #181413;
}
#searchsubmit {
  font-size: 90%;
  padding: 0 4px;
  border: 1px solid #181413;
  
}

#sidebar{
	width: 220px;
   float: left;
   margin-top:40px;
   padding-left: 40px;
}

#sidebar h2{
	font-size:1.3em;
 	margin-bottom:15px;
	color: #e5ab09;
	/*text-transform: capitalize;*/
	 font-weight: 500;
}

#sidebar h3{
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:15px;
	color: #d8d9db;
	/*text-transform: capitalize;*/
	 font-weight: 500;
}

#sidebar p{
	font-size: 1em;
	padding-bottom: 5px;
}

#sidebar ul{
	font-size:1.2em;
	list-style: none;
}

#sidebar ul li{
	 color:#5e5c5d;
	 padding-bottom: 5px;
	 font-weight: 500;
	 font-size: 0.9em;
}

#sidebar ul li a{
	 text-decoration: none;
}

#sidebar ul li a:hover, #sidebar ul li.current a {
	 color:#c0c1c2;
	 text-decoration: none;
}
#sidebar a.image img{
	margin: 35px 0px 0px 0px;
	border: 4px solid #ffffff;
}
/*#sidebar img{
	margin-top: 15px;
	border: 4px solid #ffffff;
}*/

/*-----------------------------------------------------------------------------
   Footer
----------------------------------------------------------------------------- */

#footer{
 background:url(images/layout-footer-background.jpg) top left repeat-x;
 height:93px;
 font-size:1.2em;
 color:#5c514d;
 text-align:center;
 clear:both;
 /*margin-top: 3px*/
 padding-top:3px;
}
#footer div.inner{
 /*padding-top: 5px;*/
 background:url(images/layout-footer-inner-background.jpg) top center repeat-y;
 
 height:87px;/* This is an agegratted by Mario */
 
}
#footer ul {
	padding-top:25px;
	padding-bottom:10px;
}
#footer ul li {
	list-style: none;
	display: inline;
}

#footer ul li a{
	text-decoration: none;
	color:#5c514d;
}

/*#footer ul li.menuline1 a {
	padding:0px 10px;
	border-right: 1px solid #32322d;
}

#footer ul li.menuline2 a {
	padding:0px 10px;
}
*/
#footer ul li:before { color: #5c514d; content: "|  "; padding: 0px 2px 0px 2px;}
#footer ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
*:first-child+html #footer ul li
{
border-left: 1px solid #5c514d;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}
*:first-child+html #footer ul li:first-child { border-left: 0; border-left: none; }
* html #footer ul li
{
border-left: 1px solid #5c514d;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footer ul { height: 1%; }

/*End hide*/
/*Mac IE 5*/
* html #footer ul li:first-child { border-left: 0; border-left: none; }
* html #footer ul li.first{
	border: none;
}
