/* Austin Texas Discount Real Estate screen styles
	Table of Contents:
		generic styles
		layout
		nav
		typography	
		
*/
/* generic styles
-------------- */
* {
	margin: 0; 
	padding: 0;
}
.clearfix:after{
	content: ".";
	display:block;
	clear: both;
	height: 0;
	visibility: hidden;
}
img{
	border: none;
}

/* layout
-------------- */
body{
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	behavior: url("csshover.htc");	/*Menu behavior for IEWin */
	background-color: #333333;
} 
body.colored {
	background-color: #282828;
}
#page{
	width: 761px;
	background: url(/media/page-bg-tile.gif) top left repeat-y;
	margin: 0 auto;
	background-color: #333333;
}
#leftcol {
	width: 196px;
	float: left;

}
#leftcol img#house{}
#rightcol{
	width: 564px;
	float: right;
}
#header{
	background: url(/media/headerbg.jpg) top left no-repeat;
	width: 564px;
	height: 550px;
	background-color: #333333;
}
#content{
	padding: 10px 15px 10px 15px;
	background-color: #333333;
}
#footer{
	clear: both;
	margin-left: 197px;
	padding: 30px 10px 3px 10px;
	text-align: center;
}
/* nav
-------------- */
#nav {}
#nav a {background: url(/media/nav-bg-tile.gif) no-repeat;
	width: 177px;
	height: 21px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	line-height: 21px; 
	padding: 0 0 0 20px;
}
#nav a:link {color: #006699}
#nav a:visited {color: #006699}
#nav a:hover {color: #adc7f4;}
#nav a:active {color: #CFE4FF;}
#nav a.current {
	/* Current page selected link */
	color: #adc7f4;
}
#nav ul {
	cursor: default;
	list-style: none;
}
#nav ul li {
        
	text-align: left;
}
#nav ul li:hover ul{
	/* Display sublist on hover */
	display: block;
}
#nav ul.level0 li {
	float: left;
	position: relative;
}
#nav ul.level1 {
	display: none;
	position: absolute;
	background: #FFF;
	border: dashed 1px #000;
}
#nav ul.level1 li {
	float: none;
	display: inline;
	position: relative;
}
	
/* typography
-------------- */
#content {
	line-height: 1.4; 
}
br{ 
	line-height: .5;
}
#header h1, #header h2{
	color: #00969f;
	font-weight: bold;
	text-align: center;
}
#header h1{
	font-size: 2.4em;
    padding-top: .5em;
	margin-bottom: .2em;
}
#header h2{
	font-size: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;	
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5, h6 {
	font-size: 1em;
}
#content p {
	margin: 0 0 1em 0;
}
#content img {
	border: 1px solid black;
	margin: 0 10px;
}
#content a {
	text-decoration: underline;
}
#content a:link {color: #5b94c9;}
#content a:visited {color: #5b94c9;}
#content a:hover {color: #006699}
#content a:active {color: #5b94c9;}

#footer p{
	font-size: 0.8em;
	line-height: 1.2em;
}
/* use #content with lists to keep from screwing up navigation */
#content ol, #content ul {
	margin: 0 0 .4em 1.8em;
}
.homepage{
	font-size: 13px;
}