/* 
Author: Dominic Gagne-Leduc 
Author URI: http://www.wsisme.com
Website: http://www.jjjrealty.com
*/

/* =Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, img, p  {
	margin:0;
	padding:0;
	}

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
* html body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	margin: 65px auto;
	background-color:#ffffff;
}
p {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #4b4b4b;

}
a {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #4b4b4b;
	text-decoration:none;
}
a:hover {
	color: #4c699f;
	text-decoration:underline;
}
a img {
border:none;
}

h1 {
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	color: #4c699f;
}
h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #d5ba67;
}
h3 {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #0e0e0e;
}

ul {
	list-style-image:url(images/icon-list.jpg);
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #4b4b4b;
	padding:2px 20px 2px 40px;

}
hr {
	width: 90%;
	margin: 0px auto;
	color: #e7e7e6;
	background-color:#e7e7e6;
	border: 0px;
	height:2px;

}

/* =Layout
------------------------------------------------------------------*/

#wrapperleft {
	margin: 0px auto;
    width:986px;
	padding:0px;
	background-image:url(images/bg-border-left.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#e7e7e6;
}
#wrapperleft1 {
	margin: 0px auto;
    width:986px;
	padding:0px;
	background-image:url(images/bg-border-left.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#c4c4c4;
}
#wrapperright {
	margin: 0px auto;
    width:986px;
	padding:0px;
	background-image:url(images/bg-border-right.jpg);
	background-repeat:repeat-y;
	background-position:right;

} 
#top {
    width:986px;
	height:110px;
	background-image:url(images/bg-maintop.jpg);
	background-repeat:no-repeat;
}

#topright {
	height:108px;
	float:right;
	text-align:right;
}

#nav {
    width:986px;
	height:49px;
	background-image:url(images/bg-nav.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#fff;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:13px;
	
}
#nav a {
	padding: 17px 19px 10px 18px;
	
}
#nav ul {
	list-style-image:none;
	padding-left: 7px;
	}
#nav li:hover {

	background-image:url(images/bg-nav-over.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#navfr {
    width:986px;
	height:49px;
	background-image:url(images/bg-nav.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#fff;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:13px;
	
}
#navfr a {
	padding: 17px 17px 10px 16px;
	
}
#navfr ul {
	list-style-image:none;
	padding-left: 7px;
	}
#navfr li:hover {

	background-image:url(images/bg-nav-over.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


#content {
    width:976px;
	margin: 0px auto;
	padding:0px;
	background-color:#e7e7e6;
	
	
}




/* =Home page
------------------------------------------------------------------*/
#lefthome {
    width:488px;
	float:left;
	background-color:#e7e7e6;
	background-image:url(images/img-content1.jpg);
		height: 412px;

}

#righthome {
    width:488px;
	height: 412px;
	float:right;
		background-image:url(images/bg-home.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;

	background-color:#FFFFFF;

}
#righthome p {
    padding: 2px 45px;
	text-align:justify;
}
#righthome a {
	color: #4c669f;}

#righthome h2, h3 {
    padding: 5px 65px;
}
#righthome h1 {
	margin-left:30px;
	padding-bottom: 5px;
	margin-top:10px;
	padding-left: 10px;

}
#righthome ul, ol {
    padding: 10px 0px 10px 100px;
}
#buttons {
	width:976px;
	height: 127px;
	clear:both;
	}
/* =End of Home page
------------------------------------------------------------------*/


/* =Content pages
------------------------------------------------------------------*/
#left {
    width:288px;
	float:left;
	background-color:#e7e7e6;
	
}

#right {
    width:688px;
	float:right;
	background-image:url(images/bg-content.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;

	background-color:#FFFFFF;

}
* html #right {
    width:687px;
}
#right p {
    padding: 10px 65px;
	text-align:justify;
}
#right table p {
	padding:0;
}
#right a {
	color: #4c669f;
	text-decoration: underline;}

#right h2, h3 {
    padding: 10px 65px;
}
#right h1 {
	margin-left:30px;
	padding-bottom: 10px;
	margin-top:20px;
}
#right ul, ol {
    padding: 10px 0px 10px 100px;
}


#rightfr {
    width:688px;
	float:right;
	background-image:url(images/bg-content-fr.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;

	background-color:#FFFFFF;

}
* html #rightfr {
    width:687px;
}
#rightfr p {
    padding: 10px 65px;
	text-align:justify;
}
#rightfr table p {
	padding:0;
}
#rightfr a {
	color: #4c669f;
	text-decoration: underline;}

#rightfr h2, h3 {
    padding: 10px 65px;
}
#rightfr h1 {
	margin-left:30px;
	padding-bottom: 10px;
	margin-top:20px;
}
#rightfr ul, ol {
    padding: 10px 0px 10px 100px;
}
/* =End of Content pages
------------------------------------------------------------------*/


/* =Listings Content Page
------------------------------------------------------------------*/

#listingleft {
    width:364px;
	float:left;
	background-color:#ffffff;
	padding: 47px 15px 78px 30px;
	border-right: 1px solid #dddddd;
}
#listingleft h1{
	width: 349px;
	height: 45px;
	background: url(images/bg-h1-listings2.jpg) no-repeat bottom;
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	color: #4c699f;
	padding-left: 30px;
}
#listingleft h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #d5ba67;
}
#listingleft p{
	text-align: justify;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #4b4b4b;
	padding-top: 10px;
}
#listingleft a{
	color: #4c699f;
	text-decoration:underline;
}
#listingright {
    width:521px;
	float:right;
	padding: 85px 15px 25px 30px;
	background: url(images/banner-property-listings.jpg) no-repeat top #ffffff;
}
* html #listingright {
    width:506px;
	float:right;
	padding: 85px 15px 25px 30px;
	background: url(images/banner-property-listings.jpg) no-repeat top #ffffff;
}

#listingright h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #4c699f;
	background: url(images/bullet.gif) no-repeat left;
	padding-left: 25px;
}
#listingright a{
	color: #4c699f;
	text-decoration:underline;
}


#listingrightfr {
    width:521px;
	float:right;
	padding: 85px 15px 25px 30px;
	background: url(images/banner-inscriptions.jpg) no-repeat top #ffffff;
}
* html #listingrightfr {
    width:506px;
	float:right;
	padding: 85px 15px 25px 30px;
	background: url(images/banner-inscriptions.jpg) no-repeat top #ffffff;
}

#listingrightfr h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #4c699f;
	background: url(images/bullet.gif) no-repeat left;
	padding-left: 25px;
}
#listingrightfr a{
	color: #4c699f;
	text-decoration:underline;
}


/* =Property Listings Details Pages
------------------------------------------------------------------*/

#leftlistings {
    width:766px;
	float:left;
	background-color:#ffffff;
	
}
#leftlistingscontent {
    width:380px;
	float:left;
	background-color:#ffffff;
}
#leftlistingscontent p {
	padding: 0px;
	margin: 0px;}
#rightlistingscontent {
    width:380px;
	float:right;
	background-color:#ffffff;
	height:inherit;
}

#rightlistings {
    width:209px;
	float:right;
	border-left-color:#e7e7e6;
	background-image:url(images/bg-content-listings.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;
	height: 100%;
}
#rightlistings h1 {
	padding: 10px 5px 10px 10px;}
#rightlistings p {
	padding: 3px 5px 5px 10px;
	font-size:11px;}
#leftlistings p {
    padding: 10px 20px;
	text-align:justify;
	font-size:11px;
	line-height: 16px;
}
#leftlistings a {
	color: #4c669f;}

#leftlistings h2, leftlistings h3 {
    padding: 10px 15px;
	color: #4c699f;

}
#leftlistings h1 {
	margin-left:10px;
	padding-bottom: 25px;
	margin-top:20px;
	padding-left: 30px;
	background-image:url(images/bg-h1-listings.jpg);
	background-repeat:no-repeat;
	background-position:left;

}
#leftlistings ul, ol {
    padding: 10px 0px 10px 10px;
}
#breadcrumbs {
	width:766px;
	height: 30px;
		background-color:#e7e7e6;
		clear:both;
	}
#sharelinks {
	background-color:#ffffff;}
	
.tabletextleft{	
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #838383;
	font-weight:bold;
	padding-left: 5px;
}
.tabletextright{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #838383;
}
.thimages{
width:73px; height:55px; padding: 1px; border: 2px solid #eee; margin: 0px 1px 1px 1px;}

/* =End of Listings Pages
------------------------------------------------------------------*/



#footer {
    width:986px;
	height:95px;
	clear:both;
	background-color:#fff;
	background-image:url(images/bg-footer-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:15px;
}
#footer a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #4b4b4b;
text-decoration:none;
}
#footer a:hover {
	color: #4c669f;
	text-decoration:underline;
	
}
#footer p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #4b4b4b;
text-decoration:none;
	padding:5px 10px 2px 0px;

}
a.listingaddress {
		color: #4b4b4b !important;
		text-decoration:none !important;
}
a.listingaddress:hover {
	color: #4c699f !important;
	text-decoration:underline !important;
	
}