/*  
Theme Name: John Grasty Real Estate Evolved
Theme URI: http://www.johngrasty.ca
Description: This is the retrofitted John Grasty Website
Version: 1.0
Author: Sean Stiller
Author URI: http://www.armadadesign.ca/

*/
	

/* Body Tag */

body { background:#fff url(MAIN_CONTENT/mainbackground.gif) repeat-x; text-align:center; margin:0; padding:0; border-top:8px solid #8ea463; }
body#sub { background:#fff url(MAIN_CONTENT/mainbackground_sub.gif) repeat-x; text-align:center; margin:0; padding:0; border-top:8px solid #8ea463; }

/* Holder DIV Tag */

#container { width: 950px; margin: 0 auto; text-align: left; padding: 0; }


/* Home Page */


/* Top Contact Area */

#maincontact { width: 950px; margin: 15px 0 0 0; padding: 0; height:105px; }
#maincontactidentity { float:left; padding-right:40px; }	
#maincontactinfo { width:300px; float:right; text-align:right; padding:15px 0 0 10px; }


/* Main Menu and Promo Image */

#mainmenu {	width: 915px; height: 36px; background-image:url(MAIN_MENU/BACKGROUND_CURVED.png); background-repeat:no-repeat;	clear:both;	text-align:left;
            padding:12px 0 0 47px; }	
#mainmenu ul {margin:0; padding:0;}
#mainmenu li {display:inline; margin:0; padding:0 25px 0 0; list-style:none;}
#mainmenu li a, a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#8ea463; font-weight:bold; text-decoration:none; }
#mainmenu li a:hover {color:#444;}

div.breadcrumb {width:901px; text-align:left; clear:both;	height:18px; background: url(MAIN_MENU/RETURN_BG.gif); border-left:1px solid #ececec; border-right:1px solid #ececec;
			  padding:3px 0 0 47px;}
div.breadcrumb-trail {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#888;}
div.breadcrumb-trail span {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#888;}
div.breadcrumb-trail a, a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#000;}
span.breadcrumb-title {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#888;}
div.breadcrumb-trail a, a:visited, a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#000;
  font-weight:normal;}
div.breadcrumb-trail a.trail-begin {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#000;
  font-weight:normal;}
div.breadcrumb-trail span.trail-end {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#000;
  font-weight:normal;}

#promoimage { width: 950px; height:280px; position:relative; background:url(HOME_PAGE/PROMO_IMAGE.jpg) no-repeat; padding:0; margin:0;}

h1#promoheadline {background:url(HOME_PAGE/PROMO_IMAGE_HEADLINE.png); width:620px; height:75px; text-indent:-9999px; position:absolute; top:55px; left:140px;}

h1#promobutton1  {position:absolute; background:url(HOME_PAGE/PROMO_IMAGE_BUTTON.png); width:243px; height:29px; bottom:10px; right:636px; 
margin:0; padding:16px 0 0 23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#555;
cursor:pointer;}
h1#promobutton1 a, a:visited {font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#555; text-decoration:none;}
h1#promobutton1 a:hover {color:#000;}

h1#promobutton2  {position:absolute; background:url(HOME_PAGE/PROMO_IMAGE_BUTTON.png); width:243px; height:29px; bottom:10px; right:345px; 
margin:0; padding:16px 0 0 23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#555;
cursor:pointer;}
h1#promobutton2 a, a:visited {font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#555; text-decoration:none;}
h1#promobutton2 a:hover {color:#000;}


h1#promobutton3  {position:absolute; background:url(HOME_PAGE/PROMO_IMAGE_BUTTON.png); width:243px; height:29px; bottom:10px; right:57px; 
margin:0; padding:16px 0 0 23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#555;
cursor:pointer;}
h1#promobutton3 a, a:visited {font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#555; text-decoration:none;}
h1#promobutton3 a:hover {color:#000;}


#promoimage_sub { width: 950px; height:220px; position:relative; padding:0; margin:0;}

/* Main Content Areas */
	
#maincontentcontainer {	width: 950px; background:url(MAIN_CONTENT/BACKGROUND.jpg) repeat; overflow:hidden; text-align:left; padding:0 0 20px 0; }
#maincontentleadin { width: 950px; text-align:left;	}

#firstcolumn { width: 250px; float: left; display: inline; text-align:left;	margin-left:49px; border-top:solid 1px #c6d0af;
			   background-image:url(HOME_PAGE/COLUMN_BACKGROUND.png); background-repeat:repeat-x;	background-color:#8ea462; padding:0 15px; }

#firstcolumnheadline { height:35px; margin:9px 0 0 0; }
#firstcolumnheadline h1 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#333333; }

#secondcolumn {	width: 250px; float: left; text-align:left;	border-top:solid 1px #c6d0af; border-right:dotted 1px #c6d0af; border-left:dotted 1px #c6d0af;
				background-image:url(HOME_PAGE/COLUMN_BACKGROUND.png); background-repeat:repeat-x; background-color:#8ea462; padding:0 15px; }
				
#secondcolumnheadline { height:35px; margin:9px 0 0 0; }
#secondcolumnheadline h1 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#333333; }
	
#thirdcolumn { width: 250px; float: left; text-align:left; border-top:solid 1px #c6d0af; background-image:url(HOME_PAGE/COLUMN_BACKGROUND.png);
			   background-repeat:repeat-x; background-color:#8ea462; padding:0 15px; }
			   
#thirdcolumnheadline { height:35px; margin:9px 0 0 0; }
#thirdcolumnheadline h1 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#333333; }


/* Bottom Menu and Bottom Contact  */


#footer {width:100%; clear:both; float:left; text-align:center; background:#fff url(MAIN_CONTENT/footerbg.gif) repeat-x top left;}
#footer_inner {width:950px; margin:0 auto; background:#6a7b49; border-top:1px solid #a8b78b; }

#secondmenu { width: 950px;	height: 12px; float:left; text-align:center; padding:20px 0; background:#536039; border-bottom:1px solid #a8b78b;}
#secondmenu a, a:visited {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#fff; text-decoration:none;}
#secondmenu a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#999999;}

#secondmenu img { margin:0; padding:0; border: 0; }

#armadainfo { width:950px; text-align:center; clear:both; height:25px; padding-top:4px; }

#secondcontact { text-align:left; width: 950px;	clear:both; float:left; background:#536039; padding:10px 0 0 0;}
#ree_bottom { width: 290px; float: left; display: inline; text-align:left; margin:0 0 30px 49px; }	
#prudential_bottom { width: 290px; float: left; text-align:left; margin:0 0 30px 0;}
#armada_bottom { width: 285px; float: left; text-align:left; margin:0 0 30px 0; padding:10px 15px 0 0;}



/* What is Real Estate Evolved Page */
/* Same layers for Information for Buyers & Sellers page */
/* Same layers for Delivering Results page */
/* Same layers for Contact page */


#w_firstcolumn { width:550px; float:left; display:inline; text-align:left; margin-left:49px; border-top:solid 1px #c6d0af; border-right:dotted 1px #c6d0af; background-color:#8ea462;
		      	 padding:0 20px 20px 0; }
				 
#w_secondcolumn { width:250px; float:left;	text-align:left; border-top:solid 1px #c6d0af; background-color:#8ea462; 
				  background-image:url(WHAT_IS_REAL/SECOND_COLUMN_BG.png); background-repeat:repeat-x; padding:0 15px 0 20px; }

#w_secondcolumn p {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; margin:0 0 10px 0; padding:0; line-height:18px;}
#w_secondcolumn p a, a:visited {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; margin:0 0 10px 0; padding:0; font-weight:bold;}
#w_secondcolumn p a:hover {color:#000; font-weight:bold;}


.main_header {background:url(POSTS/BG_MAIN_HEADER.png) no-repeat; width:538px; height:24px; padding:6px 0 0 12px; margin:20px 0 20px 0; clear:both; }
.main_header h2 {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; margin:0; padding:0;}
.main_header h2 a, a:visited, a:hover {color:#fff; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; text-decoration:none;}

.side_header {background:url(POSTS/BG_SIDE_HEADER.png) no-repeat; width:231px; height:24px; padding:6px 0 0 12px; margin:20px 0 20px 0; clear:both; }
.side_header h2 {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px; text-transform:uppercase; letter-spacing:1px;  font-weight:bold; margin:0; padding:0;}
.side_header h2 a, a:visited, a:hover {color:#fff; font-weight:bold; text-decoration:none; text-transform:none; font-size:12px; letter-spacing:0;}

.side_header_dl {background:url(POSTS/BG_SIDE_HEADER_DL.png) no-repeat; width:231px; height:24px; padding:6px 0 0 12px; margin:20px 0 20px 0; clear:both; }
.side_header_dl h2 {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:1px;  font-weight:bold; margin:0; padding:0;}
.side_header_dl h2 a, a:visited, a:hover {color:#fff; font-weight:bold; text-decoration:none; text-transform:none; font-size:12px; letter-spacing:0;}

.biobg { background:url(WHAT_IS_REAL/BIOBG.png) no-repeat; width:223px; height:60px; padding:10px; clear:both; float:left; margin:0 0 15px 0;}
.biobg img {float:left; margin:0 6px 10px 0; border:none;}
.biobg h2 {float:right; color:#CCC; width:160px;}
.biobg h2 a, a:visited, a:hover {color:#fff; font-weight:bold; text-decoration:none; text-transform:none; font-size:12px; letter-spacing:0;}

.post_circular_info {float:left; clear:both; width:547px; margin:0 0 15px 0;}
.post_circular_top_info {background:url(POSTS/BGTOP_INFO.png) no-repeat; height:8px; width:547px; float:left; clear:both;}
.post_circular_mid_info {background:#97ac6e; padding:12px 22px 0 12px; clear:both; float:left; width:513px; }
.post_circular_bottom_info {background:url(POSTS/BGBOTTOM_INFO.png) no-repeat; height:8px; width:547px; float:left; clear:both;}

ul.links {}
ul.links li {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 5px 0; padding:0 0 0 5px;}
ul.links li a, a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none;}
ul.links li a:hover {font-weight:normal; color:#000;}


ul.links_side {margin:20px 0 60px 25px; padding:0;}
ul.links_side li {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 7px 0; padding:0 0 0 5px;}
ul.links_side li a, a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none;}
ul.links_side li a:hover {font-weight:normal; color:#000;}

/* Active and Sold Listings Page */


#as_singlecolumn { width:880px;	float:left;	display:inline;	text-align:left; margin:0 29px 0 25px; padding:15px 50px 30px 22px; }

.as_header {background:url(POSTS/BG_AS_HEADER.png) no-repeat; width:838px; height:24px; padding:6px 0 0 12px; margin:10px 0 20px 0; clear:both;}
.as_header h2 {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px; text-transform:uppercase; letter-spacing:1px;  font-weight:bold; margin:0; padding:0;}

.post_circular_as {float:left; clear:both; width:850px; margin:0 0 15px 0;}
.post_circular_top_as {background:url(POSTS/BGTOP_AS.png) no-repeat; height:8px; width:850px; float:left; clear:both;}
.post_circular_mid_as {background:#97ac6e; padding:12px 22px 0 12px; clear:both; float:left; width:816px; }
.post_circular_bottom_as {background:url(POSTS/BGBOTTOM_AS.png) no-repeat; height:8px; width:850px; float:left; clear:both;}

.post_circular_test {float:left; width:270px; margin:15px 20px 5px 0;}
.post_circular_top_test {background:url(POSTS/BGTOP_TEST.png) no-repeat; height:8px; width:270px; float:left; clear:both;}
.post_circular_mid_test {background:#97ac6e; padding:12px 22px 0 12px; clear:both; float:left; width:236px; height:260px; }
.post_circular_bottom_test {background:url(POSTS/BGBOTTOM_TEST.png) no-repeat; height:8px; width:270px; float:left; clear:both;}

.post_as {padding:0;}
.entry_as blockquote p {background-color:#758751; border:1px solid #5c6a40; padding:15px; margin:25px 25px 20px 25px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; }
.entry_as {line-height:10px; padding:0;}
.entry_as p {color:#fff; padding:0 0 3px 0; margin:6px 0 8px 0; font-family:arial; font-size:12px; line-height:19px;}
.entry_as p strong {color:#333;}
.entry_as p a {text-decoration:none; color:#555; font-weight:bold; text-transform:uppercase; font-size:10px; letter-spacing:1px;}
.entry_as p a:visited {color:#555; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-weight:bold; }
.entry_as p a:hover {text-decoration:none; color:#000; font-weight:bold; }
.entry_as p img {padding:8px; margin:4px 15px 10px 0; float:left; border:3px solid #ccc; background:#fff;}
.entry_as p span a {text-decoration:none; color:#333;}
.entry_as p span a:visited {color:#333;}
.entry_as ul {margin:8px 0 8px 30px; padding:8px;}
.entry_as ul li {margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#fff;}
.entry_as ul li strong {color:#333;}

h2.bheadline_as { font-family: Arial, Helvetica, sans-serif; font-size:100%; color:#333; font-weight:bold; line-height:20px; text-transform:none; letter-spacing:0; 
				border-bottom:1px solid #c6d0af; margin:0 0 10px 0;} 


/* Contact Form */

div.wpcf7 {margin:0; padding:13px 13px 0 10px; background:#97ac6e; width:547px; height:265px; clear:both; overflow:hidden;}
div.wpcf7 form.wpcf7-form {margin:0; padding:8px 0 0 15px; clear:both;}
div.wpcf7 form.wpcf7-form p {float:left; margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; letter-spacing:1px; 
text-transform:uppercase; }
div.wpcf7 form.wpcf7-form p span {margin:0; padding:0; clear:none; float:left;}
div.wpcf7 form.wpcf7-form p span input {float:left; width:240px; height:20px; margin:10px 18px 7px 0; padding:5px 0 0 5px; border:1px solid #ccc;}
div.wpcf7 form.wpcf7-form p span input:hover {background:#eee;}
div.wpcf7 form.wpcf7-form p span.your-email input {float:left; width:240px; height:20px; margin:10px 0 7px 0; padding:5px 0 0 5px; border:1px solid #ccc;}
div.wpcf7 form.wpcf7-form p span.your-email input:hover {background:#eee;}
div.wpcf7 form.wpcf7-form p span textarea {clear:both; margin:10px 20px 15px 0; width:510px; height:120px; border:1px solid #ccc;}
div.wpcf7-response-output {clear:both; background:#97ac6e;}

/* Text Classes */
	
h2 { font-family: Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; color:#fff; line-height:19px; margin:0; padding:0 0 15px 0;}
h2 a, a:visited, a:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; font-size:12px;}
h2.btext { font-family: Arial, Helvetica, sans-serif; font-size:75%; color:#333; font-weight:normal; line-height:16px; border-bottom:1px solid #d9e1c8; } 
h2.btext a, h2.btext a:hover {text-decoration:none; color:#FFFFFF; font-weight:bold;}
h2.bheadline { font-family: Arial, Helvetica, sans-serif; font-size:70%; color:#333; font-weight:bold; line-height:13px; text-transform:uppercase; letter-spacing:1px; 
				border-bottom:1px solid #c6d0af; width:220px;} 
h2.blistingstext { font-family: Arial, Helvetica, sans-serif; font-size:9pt; color:#333; font-weight:bold; line-height:16px; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size:9pt; color:#CCCCCC; font-weight:normal; line-height:18px; margin:0; }
h3.contacttop { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; padding:10px 0 12px 0; margin:0; color:#000; }
h3.contactgrey { font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; color:#999999; margin:0; clear:both; }
h3.contactbottom { float:left; font-family:Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal; letter-spacing:1px; margin:0; padding-bottom:12px; color:#666; }
h3.contactbottom a, h3.contactbottom a:hover {text-decoration:none; color:#666; font-weight: bold;}
.reciplink {color:fff; font-size:10px; line-height:16px;}
.reciplink a, .reciplink a:hover, .reciplink a:visited {color:#fff; font-size:10px; line-height:16px;}

/* Word Press Additions */

.post_circular {float:left; clear:both; width:250px; margin:0 0 15px 0;}
.post_circular_top {background:url(POSTS/BGTOP.png) no-repeat; height:8px; width:250px; float:left; clear:both;}
.post_circular_mid {background:#97ac6e; padding:12px 12px 0 12px; clear:both; float:left;}
.post_circular_bottom {background:url(POSTS/BGBOTTOM.png) no-repeat; height:8px; width:250px; float:left; clear:both;}

.post {padding:0;}
.entry blockquote p {background-color:#758751; border:1px solid #5c6a40; padding:15px; margin:25px 25px 20px 25px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; }
.entry {line-height:10px; padding:0;}
.entry p {color:#fff; padding:0 0 5px 0; font-family:arial; font-size:12px; line-height:18px; width:226px;}
.entry p strong {color:#333;}
.entry p a {text-decoration:none; color:#333; font-weight:bold;}
.entry p a:visited {color:#333; text-transform:none; font-size:12px; letter-spacing:0; font-weight:bold;}
.entry p a:hover {text-decoration:underline; color:#333; font-weight:bold;}
.entry p img {padding:8px; margin:5px 20px 15px 10px; float:left; border:3px solid #ccc; background:#fff;}
.entry p span a {text-decoration:none; color:#333;}
.entry p span a:visited {color:#333;}

/* MLS Additions */

table { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:17px; margin:0; padding:0 0 12px 0; }
table a, a:visited {color:#000; font-weight:bold;}
span.titleMed {color:#000;} 
table#ContainerTable {margin:15px 0 0 29px;}
td.primaryaccentcolor {border:1px solid #7a8c56; padding:0 0 0 5px;}
td.tablebackgroundcolor {border:1px solid #7a8c56; text-align:center; }
table select {border:none; padding:3px; min-width:80px;}
table input {border:none; padding:3px; min-width:80px;}
td.justify {margin-left:20px;}