@charset "utf-8";

/* 

http://www.newjdbhomes.com/ */



html {

  filter: expression(document.execCommand("BackgroundImageCache", false, true));

}



body  {

	background: #333333;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #333333;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 19px;

	font-weight: normal;

}



img {
	border:none;
}



/*CONTAINER---------------------*/



#container { 

	width: 930px; 

	background-color: #EEEEEE;

	margin: 0 auto; 

	padding: 5px;

	border-top: 10px solid #386750;

	border-right: 3px solid #386750;

	border-left: 3px solid #386750;

	text-align: left; }

	

/*HEADER----------------------*/



 

#header { 

	margin:  0px 0px; 

	padding: 0px 0px;

	width: 930px;

	height: 155px;

	background: URL(http://www.newjdbhomes.com/images/logoHeader.gif) no-repeat top left; } 



#header h1 {

	margin: 0;

	padding: 10px 0; }





/*NAV---------------------------*/



#nav {

	margin:  10px 5px 20px 5px; 

	padding: 0px;

	width: 903px;

	height: 235px;

	background-color: white;

	border: solid #AAAAAA 5px; } 



/*NAV BUTTONS---------------------*/



#navButtons { 

	margin-left:  604px; 

	padding: 0px;

	width: 306px;

	background: none; }



/*RIGHT COLUMN---------------------*/





#sidebar1 {

	float: right; 

	width: 305px;

	background-color: #f3f3f3; 

	padding: 0px;

	margin-right: -2px;

	border-left: 1px #d9d9d9 solid;

	border-bottom: 1px #d9d9d9 solid;

	border-right: 1px #d9d9d9 solid;  }



#sidebar1top {

	width: 305px;

	height: 59px;

	background: url(../images/side-top2.jpg) no-repeat;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	border-bottom: 1px #d9d9d9 solid;

	border-top: 1px #d9d9d9 solid;

	line-height: 59px;

}

#sidebar3top {

	width: 576px;

	height: 59px;

	background: url(../images/side-top3.jpg) no-repeat;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	border-bottom: 1px #d9d9d9 solid;

	border-top: 1px #d9d9d9 solid;

	line-height: 59px;

}



#sidebar1next {

	width: 305px;

	background-color: #f3f3f3;

	padding: 0;

	margin-right: 0; }

	

#sidebar1nexttop {

	width: 305px;

	height: 59px;

	background: url(../images/side-top2.jpg) no-repeat;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	border-bottom: 1px #d9d9d9 solid;

	border-top: 1px #d9d9d9 solid;

	line-height: 59px;

}



#sidebar1top.baysidea {

	background: none url(../images/sidebar-bayside-a.jpg) no-repeat;

}

#sidebar1top.rivertonc {

	background: none url(../images/sidebar-riverton-c.jpg) no-repeat;

}

#sidebar1nexttop.brantforda {

	background: none url(../images/sidebar-brantford-a.jpg) no-repeat;

}

#sidebar1nexttop.brantb {

	background: none url(../images/sidebar-brant-b.jpg) no-repeat;

}

#sidebar1nexttop.derrc {

	background: none url(../images/sidebar-derr-c.jpg) no-repeat;

}

#sidebar1nexttop.anda {

	background: none url(../images/sidebar-and-a.jpg) no-repeat;

}

#sidebar1top.leslies {

	background: none url(../images/sidebar-leslies.jpg) no-repeat;

}

#sidebar1top.picketts {

	background: none url(../images/sidebar-picketts.jpg) no-repeat;

}

#sidebar1top.tsig {

	background: none url(../images/sidebar-t-sig.jpg) no-repeat;

}

#sidebar1top.tex {

	background: none url(../images/sidebar-t-ex.jpg) no-repeat;

}	

	

	

	

#sidebar1nexttop h1 {

	margin: 0;

	padding: 0px 5px 0px 5px;

	font-size: 120%;

	text-transform: uppercase;

	color: #345545; } 



#sidebar1nexttop h2 {

	font-size: 105%;

	color: white;

	margin: 0;

	padding: 0px 10px 10px 10px; }



#sidebar1top h1 {

	margin: 0;

	padding: 0px 5px 0px 5px;

	font-size: 120%;

	text-transform: uppercase;

	color: #345545; } 



#sidebar1top h2 {

	font-size: 105%;

	color: white;

	margin: 0;

	padding: 0px 10px 10px 10px; }



#sidebar1top h4 {

	color: black;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

	font-weight: normal;

	margin: 0;

	padding: 10px 10px 10px 10px;

}

#sidebar1top h5 {

	margin: 0;

	padding: 0px 5px 0px 5px;

	font-size: 120%;

	text-transform: uppercase;
	
	text-decoration:underline;

	color: #ff0000; 
	
} 


#sidebar1 p {

	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.2em;

	color: black;

	margin: 0;

	padding: 10px 10px 10px 10px; }



#sidebar1 h2 {

	color: #333333;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	margin: 0;

	padding: 10px 10px 10px 10px;

}



	

#sidebar1 li {

	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: black;

	margin: 0px 15px 0px 5px;

	padding: 0px; }

	

	

/*HOLDER---------------------*/



#holder {

	margin:  10px 5px 20px 5px; 

	padding: 0px;

	width: 907px;

	background: none; }





/*MAINCONTENT--------------*/



 #mainContent {

	float: left;

 	width: 588px; 

	margin: 0; 

	padding: 6px;	

	}  



 #mainContent h1 {

	margin: 0;

	padding: 0px; 

	font-size: 26px;

	color: #345545;

	font-weight: bold; 

	} 



 #mainContent h2 {

	font-size: 18px;

	line-height: 20px;

	letter-spacing: -.05em;

	color: #333333;

	}



 #mainContent p {

	font-size: 15px;

	line-height: 1.2em;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	}



	

.special {

	font-size: 18px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	}

	

	

.sales-info {

	 font-size: 16px;

	 font-weight: bold;

	color: #333333; }

	

/*FOOTER-----------------------*/



#footer { 

	padding: 0 10px 0 20px;

	background: #386750; 

	border:  2px solid #AAAAAA;

	clear: both;

	text-align: center; } 



 #footer p {

	margin: 0; 

	padding: 10px 0; }



.subNav {

	margin: 0; 

	padding: 10px 0; 

	font-size: 80%; color: #CCCCCC; }

	

#footer a:link {color: #CCCCCC; }

#footer a:visited {color: #CCCCCC; }

#footer a:hover {color: #999999; }



/*EXTRAS---------------------*/



.fltrt {

	float: right;

	margin-left: 8px; }

	

.fltlft { 

	float: left;

	margin-right: 8px; }

	

.clearfloat { 

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px; }





/*LINKS--------------------*/



a:link {color:#CC3300; }

a:visited {color: #CC3300; }

a:hover {color: #CC3300; }



/*GREEN PARAGRAPHS--------------*/



#green { 

	padding: 0px 10px 10px 20px; 

	margin: 5px;

	background: #DDDDDD; }



#form_look { 

	padding: 0px 5px; 

	margin: 5px 15px 5px 5px;

	background: #DDDDDD; }

	

.liability {font: 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }



form p {color: #333333;

}







h3 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 1.2em;

	font-weight: normal;

}



h4 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 1.2em;

	font-weight: normal;

	margin: 0;

	padding: 10px 10px 10px 10px;

}



li {	color: #333333;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 1.2em;

	font-weight: normal;

	margin-left: -20px;

}



/* CTAs ------*/



a.biscaynegrove {display: block; background: url(../images/cta01-off.jpg) top center; width: 303px; height: 60px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.biscaynegrove:hover {display: block; background: url(../images/cta01-over.jpg) top center; width: 303px; height: 60px; border: none; margin: 1px 1px 1px 1px;}



a.hideaway {display: block; background: url(../images/cta02-off.jpg) top center; width: 303px; height: 59px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.hideaway:hover {display: block; background: url(../images/cta02-over.jpg) top center; width: 303px; height: 59px; border: none; margin: 1px 1px 1px 1px;}



a.pickett {display: block; background: url(../images/cta03-off.jpg) top center; width: 303px; height: 59px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.pickett:hover {display: block; background: url(../images/cta03-over.jpg) top center; width: 303px; height: 59px; border: none; margin: 1px 1px 1px 1px;}



a.trout {display: block; background: url(../images/cta04-off.jpg) top center; width: 303px; height: 59px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.trout:hover {display: block; background: url(../images/cta04-over.jpg) top center; width: 303px; height: 59px; border: none; margin: 1px 1px 1px 1px;}



a.willow {display: block; background: url(../images/cta05-off.jpg) top center; width: 303px; height: 60px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.willow:hover {display: block; background: url(../images/cta05-over.jpg) top center; width: 303px; height: 60px; border: none; margin: 1px 1px 1px 1px;}



a.damespoint {display: block; background: url(../images/cta01-off.jpg) top center; width: 303px; height: 60px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.damespoint:hover {display: block; background: url(../images/cta01-over.jpg) top center; width: 303px; height: 60px; border: none; margin: 1px 1px 1px 1px;}



/*NEW*/

a.ctacommunitybtn1 {display: block; background: url(../images/cta06-off.jpg) top center; width: 303px; height: 60px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.ctacommunitybtn1:hover {display: block; background: url(../images/cta06-over.jpg) top center; width: 303px; height: 60px; border: none; margin: 1px 1px 1px 1px;}



a.ctacommunitybtn2 {display: block; background: url(../images/cta06-off.jpg) top center; width: 303px; height: 59px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.ctacommunitybtn2:hover {display: block; background: url(../images/cta06-over.jpg) top center; width: 303px; height: 59px; border: none; margin: 1px 1px 1px 1px;}



a.ctacommunitybtn3 {display: block; background: url(../images/cta03-off.jpg) top center; width: 303px; height: 59px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.ctacommunitybtn3:hover {display: block; background: url(../images/cta03-over.jpg) top center; width: 303px; height: 59px; border: none; margin: 1px 1px 1px 1px;}



a.ctacommunitybtn4 {display: block; background: url(../images/cta04-off.jpg) top center; width: 303px; height: 59px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.ctacommunitybtn4:hover {display: block; background: url(../images/cta04-over.jpg) top center; width: 303px; height: 59px; border: none; margin: 1px 1px 1px 1px;}



a.ctacommunitybtn5 {display: block; background: url(../images/cta05-off.jpg) top center; width: 303px; height: 60px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.ctacommunitybtn5:hover {display: block; background: url(../images/cta05-over.jpg) top center; width: 303px; height: 60px; border: none; margin: 1px 1px 1px 1px;}



a.ctacommunitybtn6 {display: block; background: url(../images/cta06-off.jpg) top center; width: 303px; height: 60px; border: none; text-decoration: none; margin: 1px 1px 1px 1px;}

a.ctacommunitybtn6:hover {display: block; background: url(../images/cta06-over.jpg) top center; width: 303px; height: 60px; border: none; margin: 1px 1px 1px 1px;}





.ctatext {padding: 3px 4px 4px 4px; color: #333333;}



a.ctablog {display: block; background: url(../images/cta-blog-1.jpg) top center; width: 240px; height: 115px; border: none; text-decoration: none; margin:  0px auto; margin-top: 10px;}

a.ctablog:hover {display: block; background: url(../images/cta-blog-2.jpg) top center; width: 240px; height: 115px; border: none;}





/*

#penny {background: url(../images/penny-bg2-1.jpg) no-repeat;}

#penny:hover {background: url(../images/penny-bg3.jpg) no-repeat;}

*/



a.grandopening {display: block; background: url(../images/grand-opening1.jpg) top center; width: 297px; height: 170px; border: none; text-decoration: none; margin:  0px auto; margin-top: 10px;}

a.grandopening:hover {display: block; background: url(../images/grand-opening2.jpg) top center; width: 297px; height: 170px; border: none;}







/*SPRY PANEL------------------*/



.CollapsiblePanelTab {

	cursor: pointer;

}



.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

	cursor: pointer;

}



#testimonialscroll {

  height:350px;

  overflow: auto;

}



#testimonialscroll p {

	font: 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.2em;

	color: black;

	margin: 0;

	padding: 10px 10px 10px 10px; }

	

#testimonialscroll H4 {

	font: 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.2em;

	color: black;

	margin: 0;

	padding: 10px 10px 10px 10px; }