/*  
Theme Name: Lovell & Associates
Theme URI: http://pixelarcher.com
Description: Wordpress as a CMS theme for Lovell & Associates.
Version: 1.0
Author: Leila Pahary
Author URI: http://pixelarcher.com/

*/




* div, form {
	margin: 0;
	padding: 0;
	border: 0;
}

/*	body  styles  ------------------------------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #FFF url(images/nav/background.jpg);
	}

body, div, td
{
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #000;
}

h1 {
	color: #396;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin-top: 0em;
	margin-bottom: 10px; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems */
}



h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0 ;
	color: #000;
}



h3 {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0 ;
	color: #800000;
}



h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}



h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}



h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}


/*	links

------------------------------------------------------------------------------- */



a{
	color: #366;
	text-decoration: underline;
}



a:hover {
	color: #396; 
}


/*	misc

------------------------------------------------------------------------------- */



img { border: 0; }



hr { 
	background: #009900;
	border: none;
	color: #009900; 
	height: 1px;
	width: 98%;
}



.clearme {  /* use with <img src="images/spacer.gif" width="1" height="1" border="0" class="clearme" alt="clear" /> */
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}



input, textarea, select, option {
	font: normal 12px  Tahoma, arial,helvetica, sans-serif;
	color : #000; 
	background-color: #F0F0F0; 
	border: 1px solid #bbb;
	padding: 1px;
} 



input:focus, textarea:focus, select:focus, option:focus, 
input:hover, textarea:hover, select:hover, option:hover {
	font: normal 12px  Tahoma, arial,helvetica, sans-serif;
	color : #000; 
	background-color: #F0F0F0; 
	border: 1px solid #000;
	padding: 1px;
} 



input.clear { background-color:#FFF; border : none; }

p {
line-height: 1.3em;
}


ul, li
{
	font: normal 12px Arial, Helvetica, Sans-serif;
}


/*	layout styling  ------------------------------------------------------------------------------- */


#container{
width: 870px;
margin: 0 auto;
background: url(images/nav/main-bg.jpg) repeat-y;
text-align: center;
position: relative;
min-height: 100%;
}

* html #container{
height: 100%;
}

#page {
margin: 0 auto;
width: 850px;
padding: 0 10px;

}

#header {
width: 850px;
height: 211px;
background: #fff;
}

	#header-left {
	float: left;
	width: 456px;
	height: 211px;
	}
		#header-logo{
		width: 456px;
		height: 97px;
		}
		#header-tag{
		width: 456px;
		height: 114px;
		background: url(images/nav/header-tag.jpg) no-repeat;
		}
	#header-right {
	float: left;
	width: 394px;
	height: 211px;
	overflow: hidden;
	}
	


#navigation-bar {
		width: 850px;
		height: 30px;
		text-align: left;
		overflow: hidden;
		background: #396;
	}
	
		#nav_mnu {
			margin: 0;
			height: 30px;
		}
		
		#nav_mnu ul {
			border: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#nav_mnu ul li {
			display: block;
			margin: 0;
			padding: 0;
			border: 0;
			float: left;
			text-align: center;
		}
		
		#nav_mnu ul li a {
			display: block;
			margin: 0;
			padding: 0;
			width: 100px;
			height: 30px;
			text-align: center;
			font: normal 12px/29px Arial, Helvetica, sans-serif;
			color: #FFF;
			text-decoration: none;
		}
		
		#nav_mnu ul li a:hover {
			color: #FFF;
			background: #003333;
		}
		
		#nav_mnu li.current_page_item a {
			color: #FFF;
			background: #003333;
		}
		
		#nav_mnu li.current_page_item a:hover {
			color: #FFF;
			background: #003333;
		}

#nav-shadow{
width: 850px;
height: 33px;
background: url(images/nav/navbar-shadow.jpg) top left no-repeat;
}

#content {
width: 850px;
background: url(images/nav/content-bg.jpg);
}

	#main {
	float: left;
	width: 529px;
	padding: 0 19px 0 15px;
	text-align: left;
	overflow: hidden;
	}
	#sidebar {
	float: left;
	width: 272px;
	text-align: left;
	overflow: hidden;
	background: #e8e8e8 url(images/nav/sidebar-bg.jpg) no-repeat;
	}	
	
		#sidebar-top{
		width: 272px;
		height: 16px;
		background: url(images/nav/sidebar-top.jpg) no-repeat;
		}
		#sidebar-text{
		padding: 0 10px;
		}
			#sidebar-text p, #sidebar-text a{
			font-size: 11px;
			}


#footer {
padding: 32px 0;
width: 850px;
background: url(images/nav/footer-top.jpg) top left no-repeat;
}

	#copyright {
	float: left;
	font-size: 10px;
	color: #366;
	padding-left: 10px;
	}
	#bottom-nav{
	float: right;
	font-size: 10px;
	color: #366;
	padding-right: 10px;
	}
		#bottom-nav a{
		color: #336666;
		text-decoration: none;
		}
		#bottom-nav a:hover{
		color: #000;
		}



	
/*	Side bar sub navigation  ------------------------------------------------------------------------------- */


	
#sub-navigation {
		width: 250px;
		margin: 15px 0;
	}
	
		
		#subnav_mnu ul {
			border: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#subnav_mnu ul li {
			display: block;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		#subnav_mnu ul li a {
			display: block;
			margin: 0;
			padding: 0 0 0 15px;
			background: url(images/icon-subnav.gif) no-repeat;
			border-bottom: 1px solid #ccc;
			width: 235px;
			height: 24px;
			text-align: left;
			font: normal 12px/24px Arial, Helvetica, sans-serif;
			color: #396;
			text-decoration: none;
		}
		
		#subnav_mnu ul li a:hover {
			color: #fff;
			background: #339966 url(images/icon-subnav-over.gif) no-repeat;
		}
		
		#subnav_mnu li#active a {
			color: #FFF;
			background: #775A63;
		}
		
		#subnav_mnu li#active a:hover {
			color: #FCC;
			background: #876E76;
		}	
		

/*	front door styling  ------------------------------------------------------------------------------- */
.front-door-title a{
font-weight: bold;
color: #000;
text-decoration: none;
}

.front-door-title a:hover{
color: #006666;
}

.front-door-more{
text-align: right;
}

#banner-contact{
width: 529px;
height: 211px;
background:url(images/banner-contactus.gif) no-repeat;
}
	#banner-contact-button{
	float: left;
	width: 227px;
	height: 68px;
	padding: 124px 0 0 259px;
	}