/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
	background: #648AB8 url("../images/bg/body.jpg") 0 0 repeat-x;
	text-align: center; 
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#3c5d86; text-decoration:underline; }
a:hover,a:active	{ color:#648ab8; text-decoration:underline; }

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}

.listing {
	width: 225px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
}

	
/* ----- global form elements ----- */ 


#side input, #side textarea, #side select { 
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	color:#000;
	width:150px; /* 5 pixles smaller than form width !important */
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
#side .submit {
	width: 70px;
}
	

/* menu
 * ------------------------------------------------------------------------- */
#menu {
	position: relative;
	background: url("../images/menu.jpg") top left no-repeat;					
	width: 211px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 210px;		/* Height of entire image */
	}

#menu li span { display: none; }

#menu li {
	float: left;
	list-style: none;
	}

#menu li, #menu a { 
	height: 35px;			/* Each button must have the same height, define it here */
	display: block;
	text-align: left;
	}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #menu li { height:1% }
/* End */

/* Increments of each button height defined above */
#menu-01 { top:   0px }
#menu-02 { top:  35px }
#menu-03 { top:  70px }
#menu-04 { top:  105px }
#menu-05 { top:  140px }
#menu-06 { top:  175px }

/* width set here should be same width set in #menu */
#menu-01, #menu-02, #menu-03, #menu-04, #menu-05, #menu-06 { left: 0px; width: 211px; }

/* Changed values should match "top" numbers specified above */
#menu-01 a:hover { background: transparent url("../images/menu.jpg") -211px   -0px no-repeat; }
#menu-02 a:hover { background: transparent url("../images/menu.jpg") -211px  -35px no-repeat; }
#menu-03 a:hover { background: transparent url("../images/menu.jpg") -211px  -70px no-repeat; }
#menu-04 a:hover { background: transparent url("../images/menu.jpg") -211px -105px no-repeat; }
#menu-05 a:hover { background: transparent url("../images/menu.jpg") -211px -140px no-repeat; }
#menu-06 a:hover { background: transparent url("../images/menu.jpg") -211px -175px no-repeat; }

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #28436A;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	margin-left: 175px;			/* Set to same width as in #menu */
	margin-top: -35px;			/* Set to each button height, same as used above */
	}

#menu li ul li {
	height: 20px;				/* Height of each drop down menu item */
	}

#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}

#menu li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

#menu li:hover ul, #menu li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-02 ul a:hover, #menu-03 ul a:hover, #menu-04 ul a:hover, #menu-05 ul a:hover { 
	background-image: none;
	background-color: #6181A4;
	}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-02 ul, #menu-02 li { width: 160px; }		
#menu-03 ul, #menu-03 li { width: 200px; }		
#menu-04 ul, #menu-04 li { width: 160px; }
#menu-05 ul, #menu-05 li { width: 160px; }		

/* home page search buttons
 * ------------------------------------------------------------------------- */
#menu-find {
    background: url(../images/menu-find.jpg) 0 0 no-repeat;
    width: 539px;		/* Width of entire image */ 
	height: 159px;		/* Height of buttons */
}
#menu-find span {
    display: none;
}
#menu-find li, #menu-find a {
    height: 159px;		/* Each button must have the same height, define it here */ 
	display: block;
}
#menu-find li {
    float: left;
    list-style: none;
    _display: inline;		/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-find-01 		{ width: 249px; margin-left: 15px; }
#menu-find-02 		{ width: 249px; margin-left: 12px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-find-01 a:hover			{ background: transparent url(../images/menu-find.jpg) -15px -159px no-repeat; }
#menu-find-02 a:hover			{ background: transparent url(../images/menu-find.jpg) -276px -159px no-repeat; }

/* framework
 * ------------------------------------------------------------------------- */

#wrapper {
	width:750px;
	margin:0 auto;
	text-align:left;
	border: 15px solid #FFF;
	background: #f6f5d7 url("../images/bg/wrapper.jpg") 0 0 repeat-y;
	}

#sub #wrapper {
	width: 900px;
}
	
/*
#home #banner {
	background:url("../images/banner/home.jpg");
	height:237px;
	}
*/

/* ----- column-left ----- */

#side {
	width:211px;
	float:left;
	text-align: center;
	margin-bottom: 20px;
	}
	
	#side p, #side form {
		color: #FFF;
		margin-left: 15px;
		margin-right: 15px;
	}
	#side a {
		color: #FFF;
	}
	#featured {
		margin-top: 20px;
	}

/* ----- column-right ----- */

#main {
	width:539px;
	float:right;
	}
	
	#sub #main {
		width: 689px;
	}

	#main h1 {
		font-size: 24px;
		color: #A2986B;
	}
	.sub-header {
		font-size: 16px;
		color: #BBB088;
		}
	
	#content {
		margin-left: 30px;
		margin-right: 30px;
	}
		#content h2 {
			font-size: 16px;
			color: #648AB8;
			margin-bottom: 10px;
			border-bottom: 1px solid #A2986B;
		}
		#content li {
			background: url(../images/bullet.gif) 0 3px no-repeat;
			padding-left: 15px;
		}
		#content form {
			display: inline;
		}
	
	#header {
		height: 60px;
		background: #A2986B;
		padding-top: 40px;
		margin-bottom: 15px;
		border-bottom: 2px solid #FFF;
	}
		#header h1 {
			font-size: 30px;
			color: #FFF;
			margin-left: 30px;
		}


ul#agents li {
	width: 100px;
	float: left;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 13px;
	background: none;
	padding: 0;
}
	ul#agents img {
		border: 1px solid #FFF;
		width: 100px;
	}

/* contact page table
 * ------------------------------------------------------------------------- */
#main-contact th {
	text-align: right;
	line-height: 12px;
}
#main-contact th span {
	font-size: 10px;
}


/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	width:750px;
	margin:0 auto;
	text-align:center;
	padding-top: 10px;
	}

#footer p {
	color:#FFF;
	}

#footer a:link, #footer a:visited {
	color:#FFF;
	}

#footer a:hover, #footer a:active {
	color:#CCC;
	}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #content h1 {
	visibility: hidden;
	letter-spacing: 3px;
	line-height: 20px;
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 16px;
	line-height: 20px;
}

.sIFR-hasFlash #content .sub-header {
	visibility: hidden;
}

.sIFR-hasFlash #header h1 {
	visibility: hidden;
	letter-spacing: -5px;
	line-height: 28px;
}