/********************************************************/

/*	GLOBAL PAGE SETUP - BODY, FONTS	*/

/********************************************************/

 body {
	width: 100%;
	background: white;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;	
	padding: 0;
	color: #000000;
	}
	
html {
	font-family: Tahoma, Verdana, Arial, Helv, Helvetica, sans-serif;
	font-size: 8pt;
	background: white;
	color: #000000;
	}		
	
@page {
  	size: 210mm 297mm;
/*  margin: 20mm 10mm 25mm 10mm; */
	margin: 0 0 0 0;
}

/*
div.chapter, div.appendix {
  page-break-after: always;
}
*/


.line {
	margin: 4px 0 5px 0;
	border-top: 1px dotted #ccc;
	height: 10px;
	width: 98%;
	clear: both;}


/****************************************/

/*	PAGE HEADER - FOR PRINTING	 		*/

/****************************************/	

#home_design {
	width: 100%;
	height: 110px;
	overflow: visible;
	clear: both;
	float: none;
	border-bottom: 1px solid #ccc; }


#home_design img {
	float: left;
	width: 108px;
	height: 90px;
	padding: 0;
	margin: 0 60px 0 50px;
	clear: left;
	}
	
#home_design h1 {	
	width: auto;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;	
	padding: 5px 0 2px 0;
	margin: 0;
}

#home_design p {	
	width: auto;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;	
	padding: 2px 0 2px 0;
	margin: 0;
}
/****************************************/

/*	Crighton home construction	 		*/

/****************************************/	

#builder_newcastle {
	display: none;
	float: none;
	}

/* Crighton Homes logo */
#residential_builders {
	display: none;
	float: none;	}

	#residential_builders img {
	display: none;
	float: none;
	}

/* home design photos */
#home_construction {
	display: none;
	float: none;
}



/****************************************/

/*	CENTRAL HOLDING DIV 				*/

/****************************************/	

#design {
	width: 98%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	clear: both;
	position: relative;	
	z-index: 0;	
	}

	#design:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #design { height:1px;	}	
	
	
	
/****************************************/

/*	NAIGATION - main menu				*/

/****************************************/	

#display_homes {
	width: 150px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	position: relative;		
}


/* LEFT NAV CONTAIN/BG */
#architect {
	width: auto;
	padding: 25px 0 0 0;
	margin: 0;
	text-align: left;
	}

#architect ul {
	width: 98%;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	text-align: left;
	}

#architect ul li {
	height: 25px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	text-align: left; }

#architect ul li.build { border: none;}

#architect ul li a:link, #architect ul li a:visited {
	display: block;
	height: 28px;
	font-family: Arial, Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: normal;
	text-align: left;
	color: #fff;
	text-decoration: none;
	padding: 5px 0 0 10px;
	}

img.green_design {
	width: 105px;
	margin: 60px 0 50px 0;
	border: none;	}
	

/* custom designed homes */
img.custom_designed_homes {
	display: none;
	float: none;	}	
	
	
/****************************************/

/*	CONTENT CONTAINER					*/

/****************************************/	

#content {
/*	width: 726px;*/
	width: 68%;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0 25px 50px 25px;
	position: relative;
	z-index: 0;
	clear: right;	}
	
	#content:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #content { height:1px;	}	
		
#content p	{
	margin-bottom: 1.615385em;
	text-align: left;
	}	

#content p a:link, #content p a:visited { 	color: #0066CC; text-decoration: none; }
#content p a:hover, #content p a:active {	color: #0066CC; text-decoration: underline; }

.housing { color: #000; }
	
#content h1 {
	font-family: Century Gothic, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #414141;
	padding: 0;
	margin: 5px 0 8px 0;
	position: relative;
	}
	
	
#content h2 {
	font-family: Arial, Georgia, Tahoma, Helvetica, Verdana, Century Gothic, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EB6800;
	color: #0D92EA;
	color: #0066CC;
	padding: 10px 0 0 0;
	margin: 25px 0 8px 0;
	height: 18px;		
	}	
	
/* links */	
#content h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	padding: 6px 0 0 2px;
	margin: 20px 0 0 0;
	border-bottom: 1px dotted #ccc;
	clear: both;
	}	

/* floor plans */
#content h4 {
	font-family: Century Gothic, Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #EB6800;
	padding: 15px 0 3px 0;
	margin: 2px 0 0 0;
	}	

/* sub-sub header, display home pdf link */	
#content h5 {
	font-family: Arial, Georgia, Tahoma, Helvetica, Verdana, Century Gothic, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #444;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	height: 18px;
	}	
	
#content h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	padding: 3px 2px 3px 7px;
	margin: 10px 0 1px 0;
	background-color: #9DC098;
	text-transform: uppercase;
	clear: both;
	}		

/* home, about */
#content img.photo {
	float: right;
	clear: right;
	padding: 2px;
	margin: 0 20px 8px 8px;
	border: none;
	}

/* floor plans */
#content img.photo2 {
	float: left;
	clear: left;
	border: none;
	padding: 1px;
	margin: 5px 5px 5px 2px;
	}	

/* floor plan container div to float left of text */
#content div.photo2 {
	width: 160px;
	float: left;
	margin: 0;
	padding: 0;
	}

/* links */
#content img.photo3 {
	float: right;
	clear: right;
	padding: 2px;
	margin: 10px 20px 8px 45px;
	border: none;
	}		


/* PHOTO GALLERY THUMBNAILS - photos.asp */	
#content img.photos {
	border: 1px solid #D8E0E3;
	padding: 1px;
	margin: 1px 3px 1px 1px;
	}	


/* DISPLAY HOME */
#content img.photo4 {
	float: right;
	clear: right;
	padding: 23px 31px 67px 22px;
	margin: 0 20px 20px 20px;
	border: none;
	background-image: url(../builder/building_contractors.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
.textsmall {
	font-family: Tahoma, Verdana, Arial, Helvetica, Arial Narrow, sans-serif;
	font-size: 100%;
	color: #999999;
	padding: 4px 0 0 0;	}	
		
.errorhd, .errortxt {
	font-family: Tahoma, Arial, Verdana, Helvetica, Arial Narrow, sans-serif;
	color: #CC0000;
	margin: 0;
	padding: 0;}

.errorhd {
	font-weight: bold;
	padding: 20px 0 0 0;
	}	

/****************************************/

/*	 FLOOR PLANS						*/

/****************************************/

/* SITE PLAN item container */
div.floor_plans {
	width: 610px;
	padding: 0 0 5px 0;
	margin: 2px 0 2px 0;
	border-bottom: 1px dotted #ccc;
	clear: both;	
	color: #666;
	}

	div.floor_plans:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.floor_plans { height:1px;	}	
	
/* text container - to float right of pic */
div.floor_plans_design {
	width: 430px;
	float: left;
	clear: right;
	margin: 0 0 0 20px; }


	
/****************************************/

/*	 SPECIAL FORMATTED TEXT				*/

/****************************************/

/* NOTE: ITEM HEADER - refer to h3 under content - line 270 */

.itemtxt1, .itemtxt2 {
	color: #447855;
	margin: 0 0 5px 0;
	padding: 0; }

.itemtxt1 {
	padding: 10px 0 0 0;
	font-weight: bold;	}

.itemtxt2 {
	color: #888888;
	padding: 3px 0 5px 0;	}	

.itemtxt3 {
	color: #555;
	margin: 0 0 0 0;
	padding: 4px 0 8px 8px;
	font-weight: bold; }

/* link to more info */
div.item a:link, div.item a:visited {
	font-size: 11px;
	color: #FFCC00;
	margin: 0 0 2px 0;
	text-decoration: none; }	
div.item a:hover, div.item a:active {
	color: #FFCC00;
	margin: 0 0 2px 0;
	text-decoration: underline; }

div.link {
	padding: 0 0 0 0;
	color: #aaa;
	 }

div.link a:link, div.link a:visited {
	padding: 0 0 0 11px;
	margin: 0 0 0 4px;
	background-image: url(../builder/family.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	color: #0066CC;
	text-decoration: none;
	}

div.link a:hover, div.link a:active {
	color: #333;
	text-decoration: underline;
	

}



/****************************************/

/*	  PDF LINK - icon with link			*/

/****************************************/

div.pdf {
	margin: 8px 0 0 0;
	clear: left;
	}
	
div.pdf a:link, div.pdf a:visited {	
	color: #000;
	text-decoration: none;
}

div.pdf a:hover, div.pdf a:active {	
	color: #DD0000;
}

img.pdf {
	border: none;
	padding: 0 4px 2px 2px;
	float: left;
	}
	
	
div.pdflink {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 95%;
	padding: 2px 0 0 0;
	margin: 10px 0 20px 0;
	clear: both; }

div.pdflink a:link, div.pdflink a:visited {
	color: #515151;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 100%;
	}
	
	
div.pdflink a:hover, div.pdflink a:active {
	color: #000000;
}

	
img.pdflink {
	padding: 0 8px 0 0;
	margin: 0 0 0 0;
	border: 0;
	float: left; }

	
/****************************************/

/*  SMOOTH SCROLL GALLERY - content  	*/

/****************************************/

/* header image */
#home_builders {
	display: none;
	float: none;
	}


/* gallery container - with black bg */
#hunter {
	display: none;
	float: none;
}

#photo_gallery {
	display: none;
	float: none;
	}
	


/* PHOTO/IMAGE STYLES */
img.display {
	display: none;
	float: none;
	 }


/* BACK & NEXT icons */
#photo_gallery img.back, 
#photo_gallery img.next  { 	
	display: none;
	float: none;	}


/****************************************/

/*  FOOTER SECTION - below gallery	 	*/

/****************************************/	

/* FOOTER CONTAINER - credits copyright links  */
	#crighton_homes_construction {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	padding: 20px 0 0 0;
	color: #000;
	position: relative;
	clear: both;
	}
	
	#crighton_homes_construction a:link, #crighton_homes_construction a:visited { color: #000; text-decoration: none; }
	#crighton_homes_construction a:hover, #crighton_homes_construction a:active { color: #666;  }		
	
	/* Web Sharp Designs link */
	#web_site_design_newcastle {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 30px 0;
	color: #999;
	position: relative;
	clear: both;	}	
	
	#web_site_design_newcastle a:link, #web_site_design_newcastle a:visited { color: #999; text-decoration: none; }
	#web_site_design_newcastle a:hover, #web_site_design_newcastle a:active { color: #999 }	





/****************************************/

/*	   PHOTO GALLERY				*/

/****************************************/

/* STYLES FOR PHOTO GALLERY SECTION */
#photogallery {
	width: 100%;
	display: block;
	}
	#photogallery:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #photogallery { height:1px;	}	
		
#photogallery img {
	width: 100px;
	height: 75px;
	float: left;
	padding: 0;
	margin: 10px 10px 10px 0;
	display: inline;
	border: 5px solid #E8E8E8;
	padding: 1px;
	}

.photogallery a:link, .photogallery a:visited  {
	margin: 0;
	padding: 0;
	display: inline;
}
	

/****************************************/

/*  CONTACT INFO, BRANCH DETAILS	 	*/

/****************************************/

table.branch, table.branch2 {
	width: 340px;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

table.branch th, table.branch2 th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #939393;
	width: 80px;
	padding: 8px 0 10px 0;
	white-space: nowrap;
	vertical-align: top;
	}

table.branch td, table.branch2 td {
	font-family: Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
	padding: 8px 0 10px 10px;
	width: auto;
	vertical-align: top;	
	}	

/* removes line space between tables/cells */
table.branch2 th { padding: 0 0 0 0; 	}
table.branch2 td { padding: 0 10px 0 10px; 	}

table.branch a:link, table.branch a:visited, 
table.branch2 a:link, table.branch2 a:visited {
	text-decoration: none;
	color: #252525;
}

table.branch a:hover, table.branch a:active, 
table.branch2 a:hover, table.branch2 a:active {
	text-decoration: underline;
	color: #0066CC;
}

/****************************************/

/*	FEEDBACK - notepad background		*/

/****************************************/	
		
/* holding div with repeat backgrond to fill if longer */
div.feedback {
	width: 464px;
	overflow: visible;
	background-image: url(../builder/hunter.jpg);
	background-position: 0 169px;
	clear: both;
	z-index: 11;
	position: relative;
	margin: 10px 0 10px 0;
	padding: 0;	
	}

	div.feedback:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.feedback { height:1px;	}	


/* top of notepad */
div.feedback_top {
	width: 464px;
	height: 169px;
	margin: 0;
	padding: 0;	
	background-image: url(../builder/newcastle.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;	}	

/* bottom of notepad */
div.feedback_bottom {
	width: 464px;
	height: 176px;
	margin: 0;
	padding: 0;	
	background-image: url(../builder/central_coast.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: transparent;
	position: absolute;
	bottom: 0;
	right: 0;	
	z-index: 12;
	/* fix for IE bug if odd number of pixels for bottom align */	
	_bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);		
	}

/* text container */
div.feedback_content {
	/* width: 465px; */
	width: 385px;
	color: #000000;
	position: relative;
	background-image: none;
	background-color: transparent;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 40px 59px 40px;	
	z-index: 99;	}
	
	div.feedback_content:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.feedback_content { height:1px;	}	


/* content stretch for notpad */
div.feedback_stretch {
	height: 390px;
	width: 1px;
	float: right;
	position: relative;
	margin: 80px 0 0 0;
	padding: 0;
	display: none;
/*	background-color: #00CC00;	*/
	}

/***** CONTENT / FONT STYLES FOR FEEDBACK *****/

	
div.feedback_content p {
	color: #336699;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;
	padding: 0;
	margin: 0;
	}	

div.feedback_content .header {
	width: 260px;
	height: 22px;
	color: #336699;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 80px 0 0 0;
	float: left;
/*	background-color: #993399;	*/	
	}
div.feedback_content div.subheader {
	width: 384px;
	height: 22px;
	color: #336699;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 23px 0;
	clear: left;
/*	background-color: #993399;	*/	
	}
	
/* if no sub header leave space */	
div.feedback_content div.spacer {
	display: block;
	clear: left;
	width: 384px;
	height: 22px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	}
	
div.feedback_content div.date {
	width: 123px;
	height: 19px;
	text-align: right;
	color: #AFB3A6;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0 0 0;
	margin: 80px 0 0 0;
	float: left;
/*	background-color: red;	*/
	}


		
/****************************************/

/*  CONTACT & FEEDBACK FORMS		 	*/

/****************************************/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  width: 500px; 
  clear: both;
  position: relative;
}

/* container for each fieldset */
form fieldset {
	/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	width: auto;
	display: block;
	padding: 0 10px 15px 10px;   /* padding in fieldset support spotty in IE */
	margin: 10px 0 10px 0;
	border: 2px solid #eaeaea;
	background-image: url(../builder/quality.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* Legend for each fieldset */
form legend {
	color: #aeaeae;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0 1px 0 2px;
	}

.formspacer {
	width: 95%;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both;}

/* Labels for each field */
form label {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
	color: #666; 
	margin: 4px 0 0 0;
	padding: 13px 0 0 0;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	text-align: right; 	
}

/* GENERIC STYLES FOR TEXT FIELDS, CHECK BOX, SELECT MENU, SUBMIT, ETC */
form input, form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 290px;	
	border: 1px solid #ccc;
	margin: 13px 0 0 10px;
	padding: 4px 2px 4px 4px;
	background-color: #fff;
	float: left;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	}	


form textarea {
	width: 292px;
	height: 100px;
	}	
	textarea { overflow: auto; }

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form small {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 0 126px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0 3px;
	font-size: 88%;
	color: #aeaeae;	}

#content .checkbox {
	border: 0;
	clear: none;
	width: 14px;
	height: 14px;
	float: left;
	margin: 0 5px 0 0;	}

form input#submit, form input#reset {
	width: 75px;
	height: 24px;
	float: none; 
	display: inline; 
	border: none;
	margin:0 0 0 5px;
	padding:0;
	}

div.formError {
	width: 20px;
	height: 35px;
	float: left;
	margin: 0;
	background-image: url(../builder/formError.gif);
	background-repeat: no-repeat;
	background-position: 5px 18px;	
	}
	
.fielderror {
	border: 1px dotted #CC0000;	
	}


/* SECURITY CSS */
form input.xfield { width: 30px; }	
	
img.scode {
	margin: 0 0 0 4px;
	padding: 14px 0 0 0;
	float: left;
	}	
	
.moreinfo {
	width:5px;
	visibility:hidden;
	display: none;
	}