/* ----- reset ----- */
@import 'reset.css';

/* ----- body ----- */
body { background-color: #78a5d0; font: 100% Helvetica, Arial, sans-serif; line-height: 1.6; }
hr { border: 0; margin: 20px 0; padding: 0; border-top: 1px solid #5000a1; }

/* ----- divs ----- */
#wrap { width: 1020px; margin: 0 auto 10px auto; border: none; } 
	#masthead { height: 220px; border: 1px solid white; background: #fff url('../images/masthead_wide.jpg') no-repeat; }
	.team-link { text-indent: -9999px; display: block; width: 112px; height: 133px; float: right; border: none; }
		#masthead #contacts { margin: 140px 0 0 188px; font-size: 80%; color: white; }
			#masthead #contacts ul li { float: left; border: none; line-height: 1.2; }
			#masthead #contacts ul li span.tel { font-size: 95%; }
			#masthead #contacts ul li#phone { width: 125px; font-size: 150%; font-weight: bold; color: #02437b; }
			#masthead #contacts ul li#office { width: 125px; margin: 0 5px 0 3px; color: #02437b; }
				#masthead #contacts ul li address { font-style: normal; }
				#masthead #contacts ul li.agent { text-align: center; font-size: 90%; }
			#masthead #contacts ul li#marynav { width: 91px; margin-left: 20px; }
			#masthead #contacts ul li#dannynav { width: 91px; margin-left: 20px; }
			#masthead #contacts ul li#annanav { width: 90px; margin-left: 15px; padding-left: 5px; }
			#masthead #contacts ul li#jasonnav { width: 96px; margin-left: 16px; padding-left: 0; }
			#masthead #contacts ul li#jamienav { width: 99px; margin-left: 16px; padding-left: 6px; }
			#masthead #contacts ul li a,
			#masthead #contacts ul li a:link,
			#masthead #contacts ul li a:visited,
			#masthead #contacts ul li a:hover,
			#masthead #contacts ul li a:active { color: white; text-decoration: none; }
		#masthead #nav { margin: 14px 0 0 0; display: inline-block; /*background: white;*/ }
			#masthead #nav ul { margin: -2px 0 0 188px; white-space: nowrap; }
				#masthead #nav ul li { display: inline; }
				#masthead #nav ul li a { float:left; margin-right: 0; padding: 8px 8px 4px 8px; text-decoration: none; color: #5e4bbe; }
					#masthead #nav ul li a:hover { background-color: #ed1c24; color: white; }
				
				/*#masthead #nav ul li#nav_mls a { background-color: #5e4bbe; color: white; }
				#masthead #nav ul li#nav_hac a { background-color: #5e4bbe; color: white; }
				
				#masthead #nav ul li#nav_testamonials a { background-color: #5e4bbe; color: white; }
				#masthead #nav ul li#nav_buying a { background-color: #5e4bbe; color: white; }
				
				#masthead #nav ul li#nav_contact a { background-color: #5e4bbe; color: white; }*/
	#body { background: #fff ; border-bottom: 20px solid #fff; }
		/*#sidebar { float: left; width: 200px; margin: 0 0 0 11px; border: 1px solid black; }*/
		#content { width: 976px; margin: 0 22px 0 22px; padding: 0 0 0 0; overflow: auto; background: #bbd0e3; }
			/*Listings on Home page*/
			ul#listings { width: 675px; float: none; overflow: auto; font-size: 75%; margin: 0 0 1.75em 0!important; }
				ul#listings li { font-size: 110%; }
				ul#listings a { color: white!important; text-decoration: none!important; }
				#mls { width: 45%; float: left; overflow: auto; background-color: #5e4bbe; color: white; padding: 0.3em 0.75em 0.6em 1em; font-weight: bold; border-top: 3px solid black; border-bottom: 3px solid black; }
					#mls:hover { background: #ed1c24; }
				#hac { width: 45%; float: right; overflow: auto; background-color: #5e4bbe; color: white; padding: 0.3em 0.75em 0.6em 1em; font-weight: bold; border-top: 3px solid black; border-bottom: 3px solid black; }
					#hac:hover { background: #ed1c24; }
		#wrapper { padding: 18px; }
		body.listings #wrapper { padding: 0; margin: 0; }
			
			/*Our Team page*/
			.team_member { overflow: auto; /*border-bottom: 1px solid #5e4bbe;*/ padding-bottom: 1em; margin-bottom: 1.5em; }
				.team_member h2 img { margin-top: 8px; }
			.team_member div.sidebar-right { float: right; clear: right; width: 250px; margin: 0 0 1em 1em; background-color: #fef2b8; border: 1px solid #ccc; padding: 0.5em; color: black!important; }

			.highlight { float: right; clear: right; margin: 0 0 10px 10px; width: 280px; background-color: #fff; border: 1px solid #ed1c24; font-size: 90%; }
			.highlight address { margin: 0 0 0 2em; }
	#footer { background-color: #5485b3; border-bottom: 20px solid #fff; border-right: 23px solid #fff; border-left: 22px solid #fff; }

/* ----- p's ----- */
#content p { margin: 0 0 .75em 0; font-size: 90%; color: #0055a1; }
#content .highlight p { margin: 10px 10px; }
/*#sidebar p { margin: 100px 5px 5px 10px; font-size: 90%; line-height: 1.6; color: #fff; font-weight: bold; }*/
#footer p { padding: 5px; color: #a6c6d7; font-size: 90%; }

/* ----- h's ----- */
h1 { margin: 0 0 10px 0; padding: 5px 0 0 0; font-size: 180%; color: #0055a1; }
h2 { margin: .75em 0 0 0; font-size: 130%; color: #0055a1; }
body.our_team h2 { font-size: 160%; }
h3 { margin: .65em 0 0 0; font-size: 120%; color: #0055a1; }
.highlight h2 { background-color: #ed1c24; padding: 5px 10px; font-size: 120%; color: #fff; }

/* ----- a's ----- */
#sidebar p a { color: #fff; }
#sidebar p a:hover { text-decoration: none; }
#content a:link, #content a:visited { color: #5000a1; }
#content a:hover, #content a:active { color: #5000a1; text-decoration: none; }
#footer a:link, #footer a:visited { color: #a6c6d7; }

/* ----- ul's ----- */
#content ul { margin: 10px 0 10px 3em; font-size: 90%; color: #0055a1; list-style-type: disc; }
#content .highlight ul { margin: 10px 5px 10px 30px; }
#content ol { margin: 10px 0 10px 3em; font-size: 90%; color: #0055a1; list-style-type: decimal; }

/* ----- img's ----- */
.image-right { float: right; margin: 0 0 0 5px; }
.image-left { float: left; margin: 0 15px 0 0; }
.border { border: 1px solid #003366; }

.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines at https://canadapost-postescanada.ca/business/tools/pg/manual/PGaddress-e.asp#1399210 */
.tel, .gps, .nobr { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping  ----- MSIE 8 SERIOUSLY HATES THIS CLASS; IT MESSES UP LAYOUT BADLY IN SOME CASES -----*/
blockquote,q { font-style: italic; border-left: none/*3px solid #999*/; margin: 1.5em 0 0 3em; padding: 0 1.5em 0 1em; font-size: 110%; line-height: 1.8; }
p.attribution { text-align: right; margin: 0 0 1em 0; }