/*  CSS for Firefox and other Compliant Browsers */
/*  Copyright Trinity Title of Texas */

body {
	margin: 10px 0px;
	padding: 0;
	background-color: #E4DCBE;
	font: 16px Georgia, "Times New Roman", Times, serif;
	}
/* GLOBAL LAYOUT ELEMENTS ------------------------------------- */
#redcolor
{
color:red;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	top: 10px;
	height: 614px;
		}
#header {
	position: absolute;
	width: 800px;
	height: 83px;
	z-index: 300;
	}
#icon {
	width: 101px;
	height: 83px;
	float: left;
	background: url(../images/icon.jpg) no-repeat;
	}
#headerTop {
	float: left;
	position:relative;
	width: 555px;
	height: 52px;
	background: url(../images/headerTop.jpg) top no-repeat;
	text-align: center;
	}
#menu{
	position: relative;
	top: 51px;
	width: 555px;
	height: 30px;
	background: url(../images/Menu.jpg) no-repeat;
	z-index: 300;
	}
#logo {
	width: 144px;
	float: left;
	height: 83px;
	background: url(../images/TTlogo.jpg) no-repeat;
	}
/* Navigation --------------------------------------------------------------------------- */
div.menu{	/*  Menu styled as modified from Son of Suckerfish  */
	position: relative;
	top: 51px;
	width: 555px;
	height: 30px;
	background: url(../images/Menu.jpg) no-repeat;
	text-align: left;
	z-index: 300;
	}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	font-size: 80%;
	list-style: none;
	line-height: 1.3em;
	text-align: left;
	z-index: 300;
}
#nav a {
	display: block;
	width: 8em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}
#nav li { /* all list items */
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */
	text-align: left;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #7A1B1F;
	font-size: 100%;
	width: 13em;
	left: -999em; /* using negative left to hide menus to facilitate screen readers */
	text-align: left;
	z-index: 300;
}
#nav li ul ul {  /*  third-and-above-level lists  */
	margin: -1em 0 0 10em;
	z-index: 300;
	}
#nav a:hover, #nav a.sfhover {
	font-weight: bold;
	}
#nav ul li a:hover #nav ul li a.sfhover {
	font-weight: bold;
	}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto;		/* lists nested under hovered list items */
	background: #7A1B1F;
	font-weight: bold;
	text-align: left; 
	width: 13em;
}
/* /Close Navigation -------------------------------------------------*/


/* Global below Navigation ---------------------------------------------*/
#contentIndex {
	position: absolute;
	top: 90px;
	clear: left;
	width: 800px;
	height: 521px;
	background-image: url(../../images/contentIndex2.jpg);
	}
#content {
	margin-top: 0px;
	position: absolute;
	width: 775px;
	height: 680px;
	background-color: #FFFFFF;
}
	
#indexAnimation {
	position: absolute;
	width: 233px;
	height: 86px;
	margin-top: 280px;
	margin-left: 390px;
	background-image: url(../images/welcome.gif);
	background-repeat: no-repeat;
	}
#content {
	position: absolute;
	clear: left;
	width: 800px;
	height: 524px;
	top: 90px;
	}
#mission {
	width: 720px;
	padding: 10px 70px 0px 10px;
	text-align: left;
	}
#colLeftSmallest {
	width: 212px;
	position: relative;
	padding: 0px;
	float:left;
	height: 521px;
	text-align: left;
	}
#colRightLargest {
	width: 520px;
	position: relative;
	float: left;
	height: 521px;
	padding-left: 10px;
	}
#colLeft {
	width: 290px;
	position: relative;
	float:left;
	height: 521px;
	text-align: right;
	}
#colRight {
	width: 460px;
	position: relative;
	float: left;
	text-align: left;
	height: 521px;
	margin-top: 0px;
	padding-left: 30px;
	}
#colLeftLarge {
	width: 320px;
	position: relative;
	padding-left: 0px;
	float:left;
	height: 521px;
	text-align: right;
	}
#colRightSmall {
	width: 440px;
	position: relative;
	float: left;
	height: 521px;
	margin-top: 0px;
	padding-left: 10px;
	}
#colLeftLargest {
	width: 380px;
	position: relative;
	padding: 0px;
	float:left;
	height: 521px;
	text-align: right;
	}
#colRightSmallest {
	width: 400px;
	position: relative;
	float: left;
	height: 521px;
	margin-top: 0px;
	padding-right: 10px;
	}
#testimonial {
	clear: both;
	float: left;
	width: 270px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
	}
#testimonialSmallest {
	clear: both;
	float: left;
	width: 240px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
	}
#footer {
	position: absolute;
	top: 626px;
	clear: both;
	width: 800px;
	height: 30px;
	text-align: right;
	background-color: #E4DCBE;
	left: 259px;
	}
#r8 {
	margin-top: 0px;
	position: absolute;
	top: 200px;
	background-color: #FFFFFF;
	}
/* /Close Global below Navigation ------------------------------------ */
/*  Links that are not navigation ------------------------------------*/

#logo a:link {
	color: #FFFFFF;
		}
#logo a:link:visited {
	color: #CCCCCC;
		}
#logo a:link:hover, #logoa:link:active {
	font-weight: bold;
		}
.logo a {
	text-decoration: none;
	color: #FFFFFF;
	}
.logo a:link {
	color: #FFFFFF;
	}
.logo a:visited {
	color: #009900;
	}
.logo a:hover, .mission a.sfhover {
	font-weight: bold;
	}
#colLeft a:link, #colRight a:link, #colRightLarger a:link, #colRightSmall a:link, #colRightLargest a:link, #colRightSmallest a:link {
	list-style-type: none;
	text-decoration: none;
	color: #000000;
	}
#colLeft a:visited, #colRight a:visited, #colRightLarger a:visited,  #colRightSmall a:visited, #colRightLargest a:visited, #colRightSmallest a:visited {
	list-style-type: none;
	text-decoration: none;
	color:#999999;
	}
#colLeft a:hover, #colLeft a.sfhover, #colLeft a:active, 
#colRight a.sfhover, #colRight a:hover, #colRight a:active, 
#colRightLarger a:hover, #colRightLarger a.sfhover, #colRightLarger a:active, 
#colRightSmall a:hover, #colRightSmall a.sfhover, #colRightSmall a:active,  
#colRightLargest a:hover, #colRightLargest a.sfhover, #colRightLargest a:active, 
#colRightSmallest a:hover, #colRightSmallest a.sfhover, #colRightSmallest a:active {
	list-style-type: none;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	}
.footer a:link {
	color: #5A471C;
	list-style-type: none;
	text-decoration: none;
	}
.footer a:visited {
	color: #990000;
	list-style-type: none;
	text-decoration: none;
	}
.footer a:hover, .footer a.sfhover {
	font-weight: bold;
	}
/*  /Close Links that are not navigation -------------------------------------*/
 /* TEXT ------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	}
h1 {
	font-size: 150%;
	}
h2 {
	font-size: 130%;
	}
h3 {
	margin-bottom: .2em;
	font-size: 120%;
	}
h4 {
	margin-bottom: 0;
	font-size: 110%;
	}
h5, h6 {
	font-size: 100%;
	}
p {
	font-size: 70%;
	
	}
p.sellers {
	font-size: 70%;
	}
input.sellers{
	font-size: 10px;
	}
td.sellers{
	font-size: 76%;
	}
td.sellers2{
	font-size: 76%;
	}
.center {
	text-align: center;
	}
.right {
	text-align: right;
	}
.floatLeft {
	float: left;
	}
.clearLeft {
	clear: left;
	}
.clearBoth {
	clear: both;
	}
.logo {
	text-align: right;
	font-size: 65%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding: 20px 7px 0px 0px;
	line-height: 1.2;	
	}
.mission {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 105%;
	}
.mission span {
	text-align: center;
	}
.testimonial {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
	font-size: 70%;
	}
#testimonial span {
	font-style: normal;
	}
.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 70%;
	text-align: justify;
	}
.textmed {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 80%;
	text-align: justify;
	line-height:1.5em;
	}
.textmednormal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 80%;
	text-align: justify;
	line-height:1.3em;
	}
.italics {
	font-style: italic;
	color: #5A471C;
	}
.smallText {
	font-size: 70%;
	color: #000000;
	text-align: justify;
	}
.smallItalics {
	font-size: 70%;
	font-style: italic;
	line-height: .97;
	}
.smallerText {
	font-size: 65%;
	color: #000000;
	line-height: .97;
	text-align: justify;
	}
#colRightSmallest span {  /*  to indent */
	margin-left: 40px;
	}
#colRightLargest span, #colRightSmall span {
	font-style: italic;
	}
.footer {
	text-align: right;
	font-size: 70%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5A471C;
	padding: 0px;
	}
/* IMAGES ----------------------------------------------------- */

img {
	border: none;
	}
#colRight img {
	margin-left: -5px;
	}
.floatRight {
	float: right;
	}
.floatLeft {
	float: left;
	}
.clearLeft {
	clear: left;
	}
.clearRight {
	clear: right;
	}
/* TABLES ----------------------------------------------------- */

table {
	margin: .25em;
	top: 100px;
	color: #000000;
	}

/* FORMS ------------------------------------------------------ */

form {
	margin: 0;
	}
/*  Background images --------------------------------------------*/
.Austin {
	background-image: url(../images/contentAustin.jpg);
	}
.AustinIndividual {
	background-image: url(../images/content.jpg);
	}
.AustinMap {
	background-image: url(../images/contentAustinMap.jpg);
	}
.Calculator {
	background-image: url(../images/contentCalculator.jpg);
	}
.Calculators {
	background-image: url(../images/contentCalculators.jpg);
	}
.Calculatorsr8 {
	background-image: url(../images/contentCalculatorsR8.jpg);
	}
.CalculatorsPre {
	background-image: url(../images/preCalculators.jpg);
	}
.CalculatorsPay {
	background-image: url(../images/loanCalculators.jpg);
	}
.Careers {
	background-image: url(../images/contentCareers.jpg);
	background-repeat: no-repeat;
	}
.Classes {
	background-image: url(../../images/contentClasses.jpg);
	}
.Commerical {
	background-image: url(../images/contentCommercial.jpg);
	}
.Community {
	background-image: url(../images/contentCommunity.jpg);
	}
.Credits {
	background-image: url(../images/contentCredits.jpg);
	}
.Expertise {
	background-image: url(../images/contentExpertise.jpg);
	}
.OurStory {
	background-image: url(../images/contentOurStory.jpg);
	}
.Lakeway {
	background-image: url(../images/contentLakeway.jpg);
	}
.Privacy {
	background-image: url(../images/contentPrivacy.jpg);
	}
.ProfBusAssoc {
	background-image: url(../images/contentProfBusAssoc.jpg);
	}
.Realtor {
	background-image: url(../images/contentRealtor.jpg);
	}
.Regulatory {
	background-image: url(../images/contentRegulatory.jpg);
	}
.ResidentialResources {
	background-image: url(../images/contentResidentialResources.jpg);
	}
.Schools {
	background-image: url(../images/contentSchools.jpg);
	}
.SanMarcos {
	background-image: url(../images/contentSanMarcos.jpg);
	}
.SanMarcosIndividual {
	background-image: url(../images/content.jpg);
	}
.SellerNet {
	background-image: url(../images/contentSellerNet.jpg);
	background-repeat: no-repeat;
	}
.Staff{
	background-image: url(../images/contentStaff.jpg);
	background-repeat: no-repeat;
	}
.Underwriter {
	background-image: url(../images/contentUnderwriter.jpg);
	}
.VirtualParade {
	background-image: url(../images/contentVirtualParade.jpg);
	}
/*  Testimonial Placements ---------------------------------------------- */
.testIndex {
	margin-top: 305px;
	}
.testAustin {
	margin-top: 28px;
	}
.testAustinMap {
	margin-top: -90px;
	}
.testCalculators {  /* page is called just "resources.htnl" */
	margin-top: 322px;
	}
.testCareers {
	margin-top: 310px;
	}
.testCommerical {
	margin-top: 310px;
	}
.testCommunity {
	margin-top: 245px;
	}
.testCredits {
	margin-top: 320px;
	}
.testExpertise {  /*  page is titled residential_expertise.html */
	margin-top: 348px;
	}
.testOurStory {
	margin-top: 335px;
	}
.testPrivacy {
	margin-top: 335px;
	}
.testProfBusAssoc {
	margin-top: 345px;
	}
.testRealtor {
	margin-top: 345px;
	}
.testRegulatory {
	margin-top: 345px;
	}
.testResidentialResources {
	margin-top: 390px;
	}
.testSanMarcos {
	margin-top: 45px;
	}
.testSanMarcosMap {
	margin-top: -60px;
	}
.testSchools {
	margin-top: 390px;
	}
.testUnderwriter {
	margin-top: 335px;
	}
textarea.hidden { visibility: hidden;}
