/* PamWoodardHomes.com CSS RULES*/



/* Force Scrollbar on Netscape, Firefox to eliminate page shift
--------------------------------------------------------------*/
	html {
		min-height: 100%;
		margin-bottom: 1px;
	}




/* BODY, Define all main values for the web site 
--------------------------------------------------------------*/
	body {
		margin: 0;
		font-family: "trebuchet ms", arial, helvetica, tahoma, "sans serif";
		background: #fff url(images/gradient.gif) repeat-x;
		margin: 0px auto 0px auto;
		color: #000;
		font-size: 0.8em;
		line-height: 150%;
	}


	img {
		border: 0px;
	}


	iframe {
		margin-top: 20px;
	}



/* Wrapper ID, encloses and centers site on page
--------------------------------------------------------------*/

	#wrapper {
		width: 805px;		
		margin: 0px auto 0px auto;
	}



/*Top-Masthead for "Exceptional Real Estate" Slogan
--------------------------------------------------------------*/
	
	#sloganheader {
		width: 805px;
		height: 35px;
		background: url(images/exceptionalheader.gif) no-repeat center center;
	}




/*Faux Columns for menu and content area
--------------------------------------------------------------*/
	
	#fauxcolumns {
		width: 801px;
		background: #fff url(images/fauxcolumns.gif) repeat-y;
		border: #000 1px solid;
	}


/*Side Masthead top
--------------------------------------------------------------*/
	
	#sidemastheadtop {
		position: relative;
		z-index: 1;
		float: left;
		width: 169px;
 		height: 49px;
		background: #c03 url(images/topleftcorner.jpg);
		border-bottom: #000 1px solid;
	}

	#sidemastheadtop h1 span {  /* Title for site where header image is */
		display: none;
		margin: 0px;
	}

	#home {
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		width: 168px;
		height: 50px;
	}

	#textheadline {
		position: absolute;
		z-index: 1;
	}

/*Side Masthead bottom
--------------------------------------------------------------*/
	
	#sidemasthead {
		clear: both;
		float: left;
	}

	#sidemasthead p {
		padding: 350px 5px 5px 5px;
		margin: 0px;
		line-height: 130%;
		text-align: center;
		font-size: .9em;
		color: #fff;
		font-weight: bold;
		width: 159px;
  		min-height: 40px;
		height: auto !important;
 		height: 40px;
		background: #c03 url(images/sidemasthead.jpg) no-repeat;
	}

	#sidemasthead h1 span {  /* Title for site where header image is */
		display: none;
	}

	/*#sidemasthead img {
		margin-top:3px;
	}*/


	#sidemasthead a:link, a:visited, a:hover, a:active {
		display:inline;
		color: #fff;
		text-decoration:none;
	}

	#sidemasthead a:hover {
		text-decoration:underline;
	}




/*Main Navigation Div
--------------------------------------------------------------*/
	
	#mainnav {
		float: left;
		width: 630px;
		height: 49px;
		background-color: #fff;
		border-bottom: #000 1px solid;

	}

/*
	#mainnav img {
		border-right: #000 1px dotted;
	}

	.navdiv, .navdivlast {
		float: left;
		width: 104px;
		height: 48px;
	}


	#mainnav .navdivlast img {
		border-right: 0px;
	}
*/

	.navdiv, .navdivlast {
		float: left;
		width: 104px;
		height: 48px;
		border-right: #000 1px dotted;
	}

	.navdivlast {
		border-right: 0px;
	}



	#mainnav a:link, #mainnav a:visited, #mainnav a:hover, #mainnav a:active {
		color: #cc0033;
		text-decoration:none;
		display:block;
	}


	#mainnav a:hover {
		background: url(images/menu/rollover.gif) no-repeat;
	}




/*Content
--------------------------------------------------------------*/
	
	#indexcontent {
		float: right;
		width: 625px;
		background: url(images/2009sales.gif) top right no-repeat;
	}	

	#content {
		float: right;
		width: 625px;
	}


	#sales {
		position: relative;
	}


	#saleslink {
		position: absolute;
		top: 0px;
		left: 490px;
		width: 135px;
		height: 90px;
		background-color: transparent;
	}



/*Homepage Image Map
--------------------------------------------------------------*/
	
	#homepageimagemap {
		position: relative;
		width: 390px;
		height: 430px;
		margin: 30px auto -30px auto;
		background: url(images/frontpage/frontpage.jpg) no-repeat;		
	}


	#barrettlink, #leadingrelink, #reguildlink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 380px;
		height: 200px;
		background-color: transparent;
	}

	#leadingrelink {
		top: 250px;
		left: 0px;
		width: 160px;
		height: 150px;
	}


	#reguildlink {
		top: 250px;
		left: 225px;
		width: 160px;
		height: 150px;
	}




/*Footer
--------------------------------------------------------------*/
	
	#footer {
		clear: both;
		float:left;
		width: 170px;
		text-align: center;
		font-size: .85em;
		color: #999;
		padding: 5px 0 5px 0;
	}



/* Lists
--------------------------------------------------------------*/



	ul {
		margin-right: 20px;
		text-align: justify;
	}

	.numeric {
		list-style-type: decimal;
		
	}


	.numeric  li {
		margin-bottom: 10px;
	}

	
	.townleft ul {
		margin-top: -10px;
		margin-bottom: 0px;
	}

	.townleft ul li, .resourcesleft ul li {
		list-style-type: none;
		margin-left:-15px;
		font-weight:bold;
		text-align: left;
		line-height:175%;
	}

	.resourcesleft ul {
		margin-top: -10px;
		margin-bottom: 0px;
	}

	.resourcesleft ul li {
		margin-top: 0px;
		margin-left:-20px;
	}

	.resourcesright ul {
		margin-top: 0px;
		font-size:.95em;
	}

	.resourcesright ul li ul {
		font-size:.9em;
	}


	.contactmargin {
		margin-left: 175px;
		margin-top: -20px;
	}


/* Spacers
--------------------------------------------------------------*/

	.spacer {
		clear: both;
	}




/* Header Styling
--------------------------------------------------------------*/
	h1,h2,h3,h4 {
		font-family: "trebuchet ms", Arial, Verdana, Tahoma;
		color: #000;
		font-size: 1.65em;
		font-weight:bold;
	}


	h2 {
		font-variant: small-caps;
		font-size: 1.3em;
		text-align: center;
		margin: 15px 20px 10px 20px;
		padding-top: 5px;
		height: 40px;
		width: 592px;
		background: url(images/h2box.gif) no-repeat;
	}



	h3 {
		font-variant: small-caps;
		font-size: 1.1em;
		margin: 0;
	}





/* =a  Link Styling Pseudo-classes
--------------------------------------------------------------*/

	a:link, a:visited, a:hover, a:active {
		color: #c03;
		display:inline;
		text-decoration:underline;
	}

	a:visited {
		color: #663;
	}

	a:hover {
		color: #76E;
		text-decoration:none;
	}


	a.sellerbuyerlink:link, a.sellerbuyerlink:visited, a.sellerbuyerlink:hover, a.sellerbuyerlink:active {
		color: #c03;
		font-weight:bold;
		margin-left:-5px;
	}


	a.sellerbuyerlink:hover {
		color: #000;
	}




/* =p Paragraph Classes
--------------------------------------------------------------*/


	p {
		color: #000;
		font-size: 1em;
		text-align: justify;
		margin: 20px;
	}


	.red {
		color: #c03;
		font-weight: bold;
		margin-bottom:-20px;
	}
	
	.disclaimer {
		color: #999;
		font-size: .8em;
		text-align: justify;
		line-height: 100%;
	}


/* Random Spans, Classes, Divs
--------------------------------------------------------------*/

	.sellerbuyerlinkdiv {
		width: 125px;
		height: 58px;
		margin: 10px 10px 20px 10px;
		padding-top: 7px;
		font-size: 1em;
		text-align: center;
		background: url(images/box.gif) no-repeat;
	}

	.townleft {
		float:left;
		width:150px;
		height: 100%;
		margin: 0 0 0 10px;
		background: url(images/townmenu/townboxbackground.gif) repeat-y;
	}

	.townright {
		float:right;
		width:375px;
		height:100%;
		padding: 0 10px 0 29px;
		margin-top: 10px;
	}


	.resourcesleft {
		float:left;
		width:179px;
		height: 100%;
		margin: 0 0 0 10px;
		background: url(images/resourcesmenu/resourcesboxbackground.gif) repeat-y;
	}


	.resourcesright {
		float:right;
		width:405px;
		height:100%;
		margin-top: 10px;
	}


	.bold {
		font-weight:bold;
	}



	.smallcaps {
		font-variant: small-caps;
	}



	.center {
		display: block;
		text-align: center;
		margin: 10px;
	}


	.backtotop {
		display: block;
		text-align: center;
		margin: 10px;
		font-size:.85em;
	}

	.contact {
		margin-left: 150px;
	}