@charset "utf-8";

/* CSS Document */



/*Colors

med. tan #a9a284

background color #a9a284

red b21e3b

background content box #c8c3af

*/

html {

height:100%;

}



body {

margin: 0px;

padding: 50px 0px 0px 0px;

background:url(../images/bottomred.gif) bottom repeat-x fixed #a9a284;

text-align:center;

}



#topredbar {

background: url(../images/topred.gif) top repeat-x;

position:absolute;

top: 0px;

left: 0px;

height: 125px;

width: 100%;

}



#overallbox {

margin:0px auto 0;

display:table;

position:relative;

width: 1000px;

height:100%;

padding:10px;

background-color: #e9e9e1;

background-image:url(../images/contentboxgraduation.gif);

background-repeat:repeat-y;

border-right:solid #cccccc 2px;

border-bottom: solid #cccccc 2px;

vertical-align:top;

}



#overallbox a{

color:#000;

}



#overallbox a:hover{

text-decoration:underline;

color:#b21e3b;

}



#header {

width: 960px;

height: 95px;

margin: auto;

border-bottom:solid 1px #a9a284;

float:left;
position:relative

}



#header .logo {

float: left;

width: 5px;

text-align: left;

}



#header .years {

float: right;

width: 250px;

text-align:right;

padding: 0px;

display:none;

}



#header .best {

float: right;

width: 350px;

text-align:right;

}



#header .email {

float: right;

width: 350px;

text-align:right;

padding: 0px;

}



#maincontentcontainer {

width: 100%;

height: 100%;

margin: auto;

background-color: none;

clear:both

}



/*NAVIGATION*/



/*Colors

med. tan #a9a284

background color #a9a284

red b21e3b

background content box #c8c3af

border:#a9a284 7px solid;

border-bottom: #e9e9e1 dotted 2px;

contentpanels:

  background-color: #942742;

  border-bottom:dotted 2px #61041b;

hoverstate in content panels:color:#bdb5a5;

Panel Tab Open:

background-color: #990033;

	border-bottom: #61041b solid 2px;

MainTab closed:c8c3af

*/

#maincontentcontainer .navigation_box {

width: 185px;

float:left;

height: 100%;

margin-top:10px;

border:#a9a284 7px solid;

background-color:#c8c3af;

background-position:bottom;

background-repeat:no-repeat;

padding:0px;

}



#PanelTabContainer {

	overflow: hidden;

	width:185px;

	height:614px;

	visibility: visible;

	}

	

#PanelTabContainer ul{

list-style:none; 

margin:0px; 

width:185px;

padding:0px;

display:block;

float:left;

}



#PanelTabContainer li{

	width:185px;

	display:block;

	clear:both;

	text-align:center;

	text-decoration: none;

	font-family: "Georgia", Times New Roman, Times, serif;

	font-size:14px;

	background-color: none;

	margin: 0px;

	margin-bottom:-1px;

	padding: 10px 2px 0px 2px;

	height: 25px;

	border-bottom: #a9a284 dotted 2px;

}



#PanelTabContainer li a {

color:#000000;

text-decoration:none;

}



#PanelTabContainer li a:hover {

color:#b21e3b;

text-decoration:none;

}

	

/*PROPERTY SEARCH TAB*/

#PanelTabContainer li.propertysearchsub {

	visibility:hidden;

	display:none;

	}

	

/*MEET AGENT TAB*/	

#PanelTabContainer li.meetagentsub {

	visibility:hidden;

	display:none;

	}



/*EXCEPTIONAL COMMUNITY TAB*/	

#PanelTabContainer li.communitysub {

	visibility:hidden;

	display:none;

	}

	

/*RELOCATION TAB*/	

#PanelTabContainer li.relocationsub {

	visibility:hidden;

	display:none;

	}

	

/*MORTGAGE TAB*/	

#PanelTabContainer li.mortgagesub {

	visibility:hidden;

	display:none;

	}



/*CONTACT TAB*/	

#PanelTabContainer li.contactsub {

	visibility:hidden;

	display:none;

	}

	

/*HOME TAB*/



/* for understanding browsers */

#maincontentcontainer .rightcontainer {

left: 15px;

width:725px;

min-height: 614px;

border:#a9a284 solid 7px;

float:left;

background:url(../images/fadedhouse.jpg) bottom left no-repeat #c8c3af;

margin-top:10px;

margin-left:10px;

}

/* for Internet Explorer */

/*\*/

* html .rightcontainer {

min-height:616px;

  height:auto !important;

  height:616px;

 

}

/**/



/* for understanding browsers */

#maincontentcontainer .rightcontainertimeline {

left: 5px;

width:725px;

min-height: 314px;

border:#a9a284 solid 7px;

float:left;

background-color:#c8c3af;

margin-top:10px;

margin-left:10px;



}

/* for Internet Explorer */

/*\*/

* html .rightcontainer {

min-height:316px;

  height:auto !important;

  height:616px;

}

/**/









iframe{

float:left;

width:750px;

height: 600px;

min-height:614px;

  height:auto !important;

  height:600px;

border:#a9a284 solid 7px;

margin-top: 10px;

margin-left: 10px;

padding:0px;

}



#maincontentcontainer .leftinnercontent {

width: 450px;

/*min-height:500px;*/

border:0;

margin-top:10px;

padding: 0;

float: left;

clear:both;

}



.bodycopy {

font-family:"Georgia", Times New Roman, Times, serif;

font-size:14px;

line-height: 18px;

text-align: left;

color: #000000;

margin-left: 10px;

display:block;

}



.linkheadline {

font-family:"Georgia", Times New Roman, Times, serif;
font-size:12px;
line-height: 12px;
text-align: left;
color: #990033;
margin-left: 0px;

}



#maincontentcontainer .agents {

	padding-left: 10px;

	margin-left: 5px;

	width: 440px;
	float: left;

	margin-top: 10px;

}



.agentbox_top {

width: 475px;

height: 240px;

background-color: #e9e9e1;

text-align:left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:18px;

color: #8c8568;

float:left;

display:inline;

padding: 10px;

margin: 15px;



}



.agentbox {

width: 320px;

background-color: #e9e9e1;

text-align:left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:18px;

vertical-align: top;

color: #8c8568;

float:left;

padding: 10px;

margin: 15px;

}



.agentinfo {

float:left;

width: 395px;

}



.agentcalloutbox {

	width:250px;

	height:230px;

	background:url(images/calloutboxarrow.jpg) 0 20px no-repeat;

	float: left;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#000000;

	font-size:14px;

	text-align:left;

	padding-left: 30px;

	padding-top: 10px;

	position:relative;

		}

		

	.agentcalloutcontent {

	width:250px;

	height:230px;

	background-color:#FFFFFF;

	float: left;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#000000;

	font-size:14px;

	text-align:left;

	padding-left: 30px;

	padding-top: 10px;

	position:relative;

		}



.agentphoto {

border:solid #e9e9e1 10px;

float:left;

margin-left: 15px;

margin-top: 15px;

}



.agentlisting {

font:Georgia, "Times New Roman", Times, serif;

font-weight:bold;

font-size:12px;

line-height:24px;

text-align:left;

}



.headline {

font-family:"Georgia", Times New Roman, Times, serif;

font-size: 20px;

color:#990033;

line-height:24px;

text-align:left;

margin-left: 10px;

padding-bottom:15px;

}



#maincontentcontainer .didyouknow {

width: 250px;

margin-top:10px;

border: 0;

float: right;

padding-right: 5px;

font-family:"Georgia", Times New Roman, Times, serif;

font-style:italic;

font-size:18px;

font-weight:normal;

letter-spacing: 0;

line-height:24px;

color:#8c032a;

}







.agentListedHouses { 

width: 575px;

min-height: 100px;

background-color: #e9e9e1;

text-align:left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:18px;

color: #8c8568;

float:left;

display:inline;

padding: 10px;

margin: 15px;



}

/*HISTORY PAGE MODULES*/



#maincontentcontainer .timeline {

	padding-left: 10px;

	clear:both;

	margin-left: 5px;

	width: 440px;

	height: 550px;

	overflow-y: scroll;

	overflow-x: hidden;

	overflow:auto;

	visibility: visible;

    scrollbar-face-color: #a9a284;

	scrollbar-3dlight-color: #336699;

	scrollbar-base-color: #336699;

	scrollbar-track-color: #e9e9e1;

	scrollbar-darkshadow-color: #000;

	scrollbar-arrow-color: #990033;

	scrollbar-shadow-color: #fff;

	scrollbar-highlight-color: #fff;

	float: left;

	margin-top: 10px;

}



/*1928*/

#timeline_1928 {

width: 420px;

height:210px;

background-image:url(../images/history_elmer.jpg);

background-position:top left;

background-repeat:no-repeat;

vertical-align:top;

}





#timeline_1928 #copy {

font-family:"Georgia", Times New Roman, Times, serif;

font-size: 12px;

line-height: 14px;

text-align:left;

color:#000000;

margin-top:80px;

float:left;

}





/*1947*/

#timeline_1947 {

width: 420px;

height:260px;

background-image:url(../images/history_ford.jpg);

background-repeat:no-repeat;

background-position:right top;

vertical-align:top;

}



#timeline_1947 #copy {

font-family:"Georgia", Times New Roman, Times, serif;

font-size: 12px;

line-height: 14px;

text-align:left;

color:#000000;

width: 395px;

float: left;

margin-top:100px;

margin-left:0px;

}





/*1958*/

#timeline_1958 {

width: 420px;

height:250px;

background-image:url(../images/history_eddie.jpg);

background-repeat:no-repeat;

background-position: top left;

}



#timeline_1958 #copy {

font-family:"Georgia", Times New Roman, Times, serif;

font-size: 12px;

line-height: 14px;

text-align:left;

color:#000000;

width: 370px;

margin-left:0px;

margin-top:80px;

border:0px solid;

float:left;

}





/*1982*/

#timeline_1982 {

width: 420px;

height: 360px;

background-image:url(../images/history_1982.jpg);

background-repeat:no-repeat;

background-position:top right;

border:0px solid;

}



#timeline_1982 #copy {

font-family:"Georgia", Times New Roman, Times, serif;

font-size: 12px;

line-height: 14px;

text-align:left;

color:#000000;

width: 420px;

margin-top:80px;

margin-left:0px;

float:left;

}





/*1996*/

#timeline_1996 {

width: 420px;

height:500px;

background-image:url(../images/history_office.jpg);

background-repeat:no-repeat;

background-position: top left;

}



#timeline_1996 #copy {

font-family:"Georgia", Times New Roman, Times, serif;

font-size: 12px;

line-height: 14px;

text-align:left;

color:#000000;

width: 420px;

margin-top:60px;

margin-left:0px;

float:left;

}







#footer {

width: 960px;

margin: auto;

float: left;

padding-top: 5px;

vertical-align:top;

}