/*
Theme Name: Meritage Properties
Theme URI: http://www.meritageprop.com
Version: 1.0
Author: eROI
Author URI: http://eroi.com/
*/

/* CSS Document */
/************************************************************************

	Site: 
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Navigation
	3 - Structure/layout
	4 - Main content
	5 - Footer content
	

************************************************************************/
/***********************************************************************
	1 - GLOBAL
************************************************************************/
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, span, label { 
	margin: 0; 
	padding: 0; 
}

body {
	background: url(assets/imgs/bg_tile.gif) repeat;
	color: #716b59;
	font: 12px/1.4em Helvetica, Arial, sans-serif;
}

.disappear {
	margin-left: -9999px;
}

a.display {
	display: block;
	width: 100%;
	height: 100%;
}

a {
	color: #716b59;
}

br.clear {
	clear: both;
}

/***********************************************************************
	2 - NAVIGATION
************************************************************************/
div#topRight ul#nav {
	list-style: none;
	padding: 109px 0 0 0;
}

div#topRight ul#nav li {
	float: left;
	height: 13px;
}

div#topRight ul#nav li a:hover {
	background: none;
}

div#topRight ul#nav li h1 {
	height: 13px;
	font-size: 12px;
}

/* active */
li#home { background: url(assets/imgs/nav_home-active.gif) left top no-repeat; width: 53px; margin-right: 25px; }
li#about { background: url(assets/imgs/nav_about-active.gif) left top no-repeat; width: 58px; margin-right: 30px; }
li#prop { background: url(assets/imgs/nav_properties-active.gif) left top no-repeat; width: 84px; margin-right: 30px; }
li#press { background: url(assets/imgs/nav_press-active.gif) left top no-repeat; width: 52px; margin-right: 30px; }
li#contact { background: url(assets/imgs/nav_contact-active.gif) left top no-repeat; width: 71px; margin-right: 30px; }
li#login { background: url(assets/imgs/nav_login-active.gif) left top no-repeat; width: 50px; }

/* on state */
li#home a.on { background: url(assets/imgs/nav_home-active.gif) left top no-repeat; }
li#about a.on { background: url(assets/imgs/nav_about-active.gif) left top no-repeat; }
li#prop a.on { background: url(assets/imgs/nav_properties-active.gif) left top no-repeat; }
li#press a.on { background: url(assets/imgs/nav_press-active.gif) left top no-repeat; }
li#contact a.on { background: url(assets/imgs/nav_contact-active.gif) left top no-repeat; }
li#login a.on { background: url(assets/imgs/nav_login-active.gif) left top no-repeat; }

/* off */
li#home a { background: url(assets/imgs/nav_home-off.gif) left top no-repeat; }
li#about a { background: url(assets/imgs/nav_about-off.gif) left top no-repeat; }
li#prop a { background: url(assets/imgs/nav_properties-off.gif) left top no-repeat; }
li#press a { background: url(assets/imgs/nav_press-off.gif) left top no-repeat; }
li#contact a { background: url(assets/imgs/nav_contact-off.gif) left top no-repeat; }
li#login a { background: url(assets/imgs/nav_login-off.gif) left top no-repeat; }

/***********************************************************************
	3 - STRUCTURE/LAYOUT
************************************************************************/
div#container {
	width: 986px;
	margin-left: auto;
	margin-right: auto;
	background: url(assets/imgs/bg_content.png) left top repeat-y;
}

div#content {
	width: 936px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 27px 0;
}

div#header div#logo {
	background: url(assets/imgs/bg_meritage-properties-logo.gif) left top no-repeat;
	width: 355px;
	height: 137px;
	float: left;
}

div#header {
	width: 908px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

div#topRight {
	background: url(assets/imgs/bg_top-right.gif) left top no-repeat;
	width: 532px;
	height: 137px;
	float: left;
	padding: 0 0 0 21px;
}

div#lColumn {
	width: 450px;
	float: left;
	position: relative;
}

div#rColumn {
	width: 468px;
	float: left;
	margin: 0 0 0 18px;
	position: relative;
}

div#shadowBotCap {
	background: url(assets/imgs/bg_bot-shadow-cap.png) left top no-repeat; 
	width: 986px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
}

/***********************************************************************
	4 - MAIN CONTENT
************************************************************************/
div#header div#logo h1 {
	height: 137px;
}

/***********************************************************************
	5 - FOOTER
************************************************************************/
div#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 18px 0;
}

div#footer div.footerTxt {
	width: 480px;
	float: left;
	color: #fff;
	font-size: 10px;
}

div#footer div.footerTxt a {
	color: #fff;
	text-decoration: none;
}