/*==================================*/

/*	HSD - GLOBAL STYLES				*/

/*==================================*/

body {
	color: #999;
	margin: 0;
    padding:0;
	background-color: #ffffff;
	background-image: url(../newcastle/architect.gif);
	background-position: center 120px;
	background-repeat: no-repeat;
	position: relative;
	}

html {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 13px; 
	color: #999;
	margin:0;
	border:0;
}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

body, div, dl, dt, dd, 
h1, h2, h3, h4, h5, h6,
pre, form, code, fieldset, legent, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  color: #999;
}

table, tr, td {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	color: #999;
	border-collapse: collapse;  
	border-spacing: 0;  
}

q:before, q:after {  
	content: '';  
}  

abbr, acronym {  
	border: 0;  
} 

.clearer {
	margin: 0;
	height: 1px;
	width: 98%;
	clear: both;
	}
	
.linespace {
	margin: 22px 0 5px 0;
	height: 10px;
	width: 98%;
	clear: both;
	}	

.line {
	border-top: 1px dotted #ccc;
	height: 1px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 98%;
	clear: both;	
	}

	
/*==================================*/

/*	MAIN HOLDING CONTAINERS			*/

/*==================================*/

#architect {
	width: 100%;
	background-image: url(../newcastle/design.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	overflow: visible;
	text-align: center;
	}

	#architect:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.newcastle {
	width: 992px;
	margin: 0 auto;
	padding: 150px 0 0 0;
	text-align: center;
	position:relative;
	}
	

/*==================================*/

/*	LOGO / HEADER 					*/

/*==================================*/

img.architects { 
	position: absolute;
	top: 20px;
	left: 47px;
	border: none;
}
	
/*==================================*/

/*	CONTENT - DEFAULT STYLES		*/

/*==================================*/

#content {
	position: relative;
	padding: 24px 25px 40px 25px;
	margin: 0;
	text-align: left;
	min-height:300px; 
	height:auto !important; 
	height:300px; 	
	}

	#content:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#content p	{
	line-height: 190%;
	text-align: left;
	margin: 8px 10px 9px 0;
	padding: 0 0 0 0;
	text-align: justify;	}
	
	#content strong, #content b {
	color: #555;
	font-weight: bold;
	}

	
#content p a:link, #content p a:visited { 	color: #7EA8C9; text-decoration: none; }
#content p a:hover, #content p a:active {	color: #6699CC; text-decoration: underline; }


/* page/main header */
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #333;
	padding: 7px 0 5px 0;
	margin: 0 0 7px 0;
	}

/* content sub-header */	
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #A2AFBA;
	padding: 0 0 0 0;
	margin: 16px 0 5px 0;
	}
	#content h2 a:link, #content h2 a:visited {
	color: #A2AFBA;
	text-decoration: none;		} 
	#content h2 a:hover, #content h2 a:active {
	text-decoration: underline;		} 


#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #7EA8C9;
	padding: 0 0 0 0;
	margin: 18px 0 5px 0;
	}
	#content h3 a:link, #content h3 a:visited {
	color: #7EA8C9;
	text-decoration: none;		} 
	#content h3 a:hover, #content h3 a:active {
	text-decoration: underline;		} 
	
	#content h3.items { margin-bottom: 3px; }
	#content h3.news { margin-top: 8px; margin-bottom: 0; }
	#content h3.links { font-size: 20px; color: #C2A44A; }
	
	/* category summery list (explicit to ensure speicific h3) */	
	#content div.categories h3.cathd,
	#content div.categories h3.cathd a.catlist, 
	#content div.categories h3.cathd a.catlist:link, 
	#content div.categories h3.cathd a.catlist:visited  { 
		color: #7EA8C9;
		font-size: 13px;
		text-decoration: none;
		margin: 10px 0;
	}
		#content div.categories h3.cathd a.catlist:hover, 
		#content div.categories h3.cathd a.catlist:active  { 
			text-decoration: none;
			color: #036;
		}


#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #C2A44A;
	padding: 0 0 0 0;
	margin: 18px 0 5px 0;
	}	

#content h5 {
	font-size: 16px;
	font-weight: normal;
	color: #777;
	letter-spacing: 3px;
	padding: 7px 0 5px 0;
	margin: 0 0 6px 4px;
	}	
	#content h5 a { color: #aaa; text-decoration: none; }
	#content h5 a:hover { color: #F90; text-decoration: none; }	
	

#content h6 {
	font-size: 11px;
	color: #aaa;
	letter-spacing: 3px;	
	font-weight: normal;
	text-transform: uppercase;
	padding: 3px 5px 10px 6px;
	margin: 0;
	}


/* BLOCK QUOTE */
#content blockquote {	
	font-style: italic;
	border-left: 2px solid #d9d9d7;
	margin-left: 8px;
	padding-left: 14px;
	margin-bottom: .7em;
	font-family: "Palatino", Georgia, "Times New Roman", serif;
	font-size: 120%;
	font-style: italic;
	line-height: 1.3;
	overflow: hidden;
	}
	

#content ul {
	position: relative;
	margin: 3px 0 20px 10px;
	padding: 0;
	
}

#content ul li {
	color: #888;
	list-style-type: none;
	background-image: url(../newcastle/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding: 0 0 0 14px;
	margin: 5px 0 6px 4px;
	line-height: 120%;
	}

#content ol {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	}
#content ol li {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	padding: 1px 0 4px 0;	
	margin: 2px 0 4px 26px;	
	}


/* TABLE, default style */
table {
	width: auto;
	color: #e2e2e2;
	margin-left: 0;
	}

table th {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #aaa;
	width: 80px;
	padding: 4px 5px 4px 0;
	white-space: nowrap;
	vertical-align: top;
	text-transform: uppercase;
 }

table td {	
	font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #252525;
	padding: 2px 0 8px 0;
	width: auto;
	vertical-align: top;
	}
	
	table td a:link, table td a:visited {	
	color: #777;
	text-decoration: none;
	}
	
	table td a:hover, table td a:active {	
	text-decoration: underline;
	}	

.edatesummary, .ndatesummary { 
	/* DATE on SUMMARY/LIST PAGES */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #aaa;	
	padding: 0;
	margin: 0 0 3px 0;
	}

.edate, .ndate { 
	/* DATE on FULL DETAILS pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #aaa;	
	padding: 0;
	margin: 0 0 20px 0;
	}

#content p.summary {
	font-size: 12px;
	line-height: 132%;
	padding: 8px 3px 8px 0;
	margin: 0;	
}


.textsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 4px 0 0 0;	}	
		

.errorhd, .errortxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6996CC;
	margin: 0 0 0 0;
	padding: 5px 0 3px 0;}

.errorhd {
	font-weight: bold;
	margin: 10px 0 0 0;}	



/*================================*/

/*  CONTACT INFO, BRANCH DETAILS  */

/*================================*/

/* only apply styles to vary from default table style */
#content table.profiles, #content table.locations {	}
#content table.profiles {}
#content table.locations {}
#content table.profiles th, #content table.locations th {	}
#content table.profiles td, #content table.locations td {	}	
#content table.profiles td p, #content table.locations td p {  }
#content table.profiles a:link, #content table.profiles a:visited, 
#content table.locations a:link, #content table.locations a:visited { }
#content table.profiles a:hover, #content table.profiles a:active, 
#content table.locations a:hover, #content table.locations a:active { }



/*********************************************/

/*
	CONTAINER FOR ALL PAGE ITEMS
	wraps around all items to reduce width etc
*/

/*********************************************/	

#itemsDiv, #newsDiv, #eventsDiv {
	margin: 0;
	padding: 0;
	}
#itemsDiv {}
#newsDiv {}
#eventsDiv {}
#linksDiv {}
#photosDiv {}
#profilesDiv {}
#locationsDiv {}
#enewsDiv {}
#guestbookDiv {}

/*********************************************/
/*
	ITEM WRAPPER
	wraps around each item
*/
/*********************************************/	

.items_item, .news_item, .events_item {
	padding: 0;
	margin: 0;
}
.news_item {}
.events_item {}
.links_item {}
.photos_item {}
.profiles_item {}
.locations_item {}
.enews_item {}
.guestbook_item {}


/*
	CATEGORY ITEM WRAPPER - CAT BROWSE/LIST PAGE 
	where catsactive=1 and categorylist=0	
*/

.items_catlist {
	/* same as _summary below */
	
	}
	

/*
	ITEM WRAPPER - SUMMARY PAGE 
	where itemview=1 and itemid=0	
*/
	
.items_summary, .news_summary, .events_summary,
.items_catlist {
	clear: both;
	margin: 0;
	padding: 10px 0 20px 0;
	border-top: 1px dotted #ccc;
}

	.listfirst { /* remove top border on first item */
	border-top: none }

/*
	ITEM WRAPPER - FULL LIST PAGE
	where itemview=0 and itemid=0	
*/

.items_list, .news_list, .events_list, .photos_list, .links_list {
	clear: both;
	margin: 5px 0 5px 0;
}

.links_list { 
	border-top: 1px dotted #ccc;
}


/*==============================*/

/*	ITEM NAV / OTHER ITEMS		*/

/*==============================*/	

.itemnav {
	width: auto;
	clear: both;
	margin-top: 30px;
	display: none;
	}

#content .itemnav h6 {

}
.itemnav ul {
	display: inline;
	
}

.itemnav ul li {
	display: inline;
	font-size: 11px;
	
}
#content div.itemnav ul li a,
#content div.itemnav ul li a:link,
#content div.itemnav ul li a:visited { 
	text-decoration: none; }
#content div.itemnav ul li a:hover { 
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #996633;}



/*==============================*/

/*	BREADCRUMBS					*/

/*==============================*/	

div.breadcrumb {	
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: .75em;
	color: #666;
	text-transform: uppercase;
	padding: 6px 0 9px 5px;
	margin: 26px 0 10px 0;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;	
	border: none;
	overflow: hidden;
	}

	div.breadcrumb a:link, div.breadcrumb a:visited {
	text-decoration: none;
	color: #ccc;
	font-weight: bold;	
	} 
	div.breadcrumb a:hover, div.breadcrumb a:active { 
	color: #333;
	}


div.readmore {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	padding: 4px 0 6px 0;
	color: #7EA8C9;
	text-transform: lowercase;
	}
	div.readmore a:link, div.readmore a:visited  { text-decoration: none; color: #7EA8C9; }
	div.readmore a:hover,div.readmore a:active  { text-decoration: underline; }	
	
.goto {
	color: #ccc;
	font-weight: 600;
	padding-right: 6px;
	text-decoration: none;
	}

#content p a span.goto, #content p a:visited span.goto,
#content h3 a span.goto, #content h3 a:hover span.goto { 
	text-decoration: none;
	}
	
#content h3.cathd a.catlist:hover span.goto  { 
	text-decoration: none;
	}


/*======================================*/

/*	  WEB LINK - with bullet icon		*/

/*======================================*/

a.itemlink:link, a.itemlink:visited {
	font-size: 11px;
	text-decoration: none;
	display: block;
	height: 18px;
	width: auto;
	color: #C2A44A;
	padding: 0 0 0 12px;
	margin: 10px 0 40px 0;
	background-image:url(../newcastle/bullet_link.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.itemlink span.hd {
	font-weight: bold;
	font-size: 12px;
	color: #C2A44A;	}
	a.itemlink:hover span.hd { color: #9D7C24; }
	
	a.itemlink:hover, a.itemlink:active { 
	color: #9D7C24;
	background-position: 0 -15px; }



/*======================================*/

/*	  PDF LINK - icon with link			*/

/*======================================*/

/*  PDF DOCUMENT LINK	*/
a.pdf:link, a.pdf:visited { 
	display: block;
	height: 45px;
	width: 350px;
	color: #888;
	background-image:url(../newcastle/PDF.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 2px 0 0 43px;
	margin: 20px 0 4px 0px;
	text-decoration: none;
	font-size: 11px;
	overflow: hidden;
	clear: left;
	}

a.pdf span.hd {
	font-weight: bold;
	font-size: 12px;
	color: #555;	}
	a.pdf:hover span.hd { color: #CC0000; }
	
	a.pdf:hover, a.pdf:active { 
	background-position: 0 -56px;
	color: #555;
	}
	
	
	
/*==================================================*/

/*	CATEGORY SUMMARY PAGE - LINKS TO EACH CATEGORY	*/

/*==================================================*/

.catlink {
	padding: 3px 0 3px 3px;
	color: #CCC;	}

.catlink a:link, .catlink a:visited { color: #7EA8C9; text-decoration: none; }
.catlink a:hover, .catlink a:active { font-weight: bold; }


/*==================================*/

/*	PHOTO - ROUNDED BORDER			*/

/*==================================*/

ul#galleryview {
	width: 410px;
	float: right;
	clear: right;
	padding: 0;
	margin: 10px 0 16px 46px;
	list-style-type: none;
	position:static;/*the key for ie7*/ 
	}
	
	ul#galleryview li {
		list-style-type: none;
		float: left;
		background-image: none;
		padding: 0;
		margin: 6px 8px;
		overflow: visible;
		z-index: 20;
		 position: relative;
	}
	
.listview {
	float: left;
	margin: 12px 20px 0 0;
	clear: left;	
}

.pic_left { 
	float: left;
	margin: 0 22px 0 0;
	clear: left;	}

.pic_right { 
	float: right;
	margin: 12px 8px 0 36px;
	clear: right;
}


/* item (full details) images */
img.itempic {
	float: right;
	border: none;	
	padding: 0;
	margin: 28px 10px 10px 30px;
	position: relative;
	}

/* content images */
img.photo {
	border: none;	
	padding: 0;
	position: relative;
	}
	
/* content images */
img.link {
	border: none;	
	padding: 8px 40px 10px 60px;
	position: relative;
	float: right;
}	

/* not in use */
.catpic { margin: 0; }


div.itemgallery {
	clear: both;
	margin: 22px auto 6px auto;
	float: none;
	overflow: visible;
	}
	div.itemgallery:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.itemgallery { height:1px;	}	
	
img.gallery {
	width: 120px;
	padding: 0;
	border: none;
	margin: 0 14px 16px 0;
	float: left;
	}
	
	
/* container for home pic */
div.design {
	width: 920px;
	padding: 0;
	margin: 0 0 0 10px;
	position: relative;
	}
	
	div.design div {
	width: 920px;
	padding: 0;
	margin: 0;
	}
	
	div.design div img {
	border: none;
	padding: 8px 0 18px 0;
	margin: 0;
	z-index: 50;
	}
	
	div.design div a { 
	padding: 0; 
	margin: 0;
	color: #FFF;
	text-decoration: none;
}


#content .design a span.residential { 
	display: block;
	width: auto;
	min-height: 60px;
	height: auto;
	padding: 0 30px 12px 20px;
	background-image: url(../newcastle/residential_architecture.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 51;
	overflow: visible;
}

#content .design a span.residential h1,
#content .design a:link span.residential h1,
#content .design a:visited span.residential h1 { 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	z-index: 22;
	text-decoration: none;
	cursor: pointer;
	padding: 12px 0 0 0;
	margin: 0;
	z-index: 55;
}

#content .design a span.residential p, 
#content .design a:link span.residential p, 
#content .design a:visited span.residential p { 
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	z-index: 22;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	z-index: 55;
	padding: 0;
	margin: 0;
}

/*======================================*/

/*	GOOGLE MAP							*/

/*======================================*/

#mapdiv { 
	position: relative; 
	z-index:20;
	}

#map	{
	float: right;
	width: 590px;
	height: 196px;
	z-index: 4;
	margin: -30px 16px 0 40px;
	border: 3px solid #ccc;
	padding: 2px;
	text-align: left;
	position: relative;
	z-index: 100;
	}


/*==================================*/

/*	SITE MAP						*/

/*==================================*/

ul, ul ul { margin: 0; padding: 0; }

#content ul.sitemap {
	font-size: 17px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #999;
}
	
#content ul.sitemap li {
	list-style-type: none;
	background-image: none;
	font-size: 17px;
	padding: 0 0 10px 0;
	margin: 20px 0 0 5px;
	color: #999;
	position: relative;
	
	}
	#content ul.sitemap li bold, #content ul.sitemap li strong { color: #C90; }
	#content ul.sitemap li a:link, #content ul.sitemap li a:visited{
		text-decoration: none; color: #000;	}
	#content ul.sitemap li a:hover, #content ul.sitemap li a:active {
		text-decoration: underline; color: #000; font-weight: normal; }
	
#content ul.sitemap li span { font-size: 13px; color: #666; }
#content ul.sitemap li span.keywords { font-size: 60%; color: #aaa; }

#content .sitemap ul {
	background-image: none;	
	padding: 0 0 0 3px;
	margin: 8px 0 8px 3px;
}

#content .sitemap li li {
	background-image: none;	
	list-style-type: square;
	font-size: 12px;
	padding: 3px 0 0 0;
	margin: 3px 0 1px 15px;
	color: #C90;
}		

	#content ul.sitemap li li a:link, #content ul.sitemap li li a:visited{
		text-decoration: none; color: #666;}
	#content ul.sitemap li li a:hover, #content.sitemap ul li li a:active {
		text-decoration: underline; color: #000; }

	#content ul.sitemap li li span,
	#content ul.sitemap li li span a:link, #content ul.sitemap li li span a:visited
	{ color: #999; font-size: 12px; font-style: italic;}


/****************************************/

/*  CONTACT & FEEDBACK FORMS		 	*/

/****************************************/

div.formkey {
	width: 830px;
	text-align: right;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #CCC;
	margin: 0 0 2px 0;
	}

div.formkey div.req, div.formkey div.opt { 
	display: inline; 
	background-image:url(../newcastle/req.gif);
	background-repeat: no-repeat;
	background-position: 0 -8px; 
	padding: 1px 10px 1px 11px;}
	div.formkey div.opt { background-image:url(../newcastle/opt.gif); }


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0 0 10px 0;
	padding: 32px 0 20px 10px;
	width: 850px; 
	text-align: left;
	background-color: #F3F3F3;
	position: relative;
	overflow: visible;
	clear: both; }

	form:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

form.contact { height: 400px; }
form.guestbook { height: 400px; }
form.subscribe { }

/* container for each fieldset */
form fieldset {
	width: 380px;
	height: auto;
	display: block;
	padding: 0 0 20px 0;
	margin: 0 14px 26px 10px;
	background-color: white;
	border: 1px solid #C1C1C1;
	border-bottom: 3px solid #C1C1C1;
	border-right: 3px solid #C1C1C1;
	z-index: 0;	}
	div.feedback:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.feedback { height:1px;	}	
	
form.contact fieldset.one 	{ position: absolute; top: 30px; left: 15px; }
form.contact fieldset.two 	{ position: absolute; top: 320px; left: 15px; }
form.contact fieldset.three { position: absolute; top: 30px; right: 12px; }
form.contact fieldset.four 	{ position: absolute; top: 278px; left: 15px; }

form.guestbook fieldset.one 	{ position: absolute; top: 30px; left: 15px; }
form.guestbook fieldset.two 	{ position: absolute; top: 275px; left: 15px; }
form.guestbook fieldset.three 	{ position: absolute; top: 30px; right: 12px; }
form.guestbook fieldset.four 	{ position: absolute; top: 275px; right: 12px; }


/* Legend for each fieldset */
form legend {
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: 0;
	margin-top: -2px;
	padding: 2px 5px 2px 5px;
	position: absolute;
	top: -7px;
	left: 20px;
	background-color: #B1B1B1;
	}

/* Labels for each field */
form label {
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 90px;
	color: #777; 
	margin: 6px 3px 0 0;
	padding: 12px 14px 3px 20px;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	text-align: right;
	clear: right;
	}
	
	form label.req, form label.opt { 
	background-image: url(../newcastle/req.gif);
	background-repeat: no-repeat;
	background-position: right bottom; 	}
	form label.opt { background-image: url(../newcastle/opt.gif); }	


/* 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: 200px;
	border: 1px solid #ccc;
	margin: 15px 0 6px 0;
	padding: 4px 2px 4px 4px;
	background-color: #fff;
	float: left;
	background-image:url(../newcastle/formBG.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	}

form textarea {
	width: 320px;
	height: 73px;
	margin: 15px 0 0 20px;	}

/* ADJUST SIZE OF TEXT AREA */
form.contact textarea#message { height: 280px;	}
form.guestbook textarea#message { height: 150px;	}
form#comment textarea.subComment { width: 220px; height: 500px; }

/* ADJUST SIZE OF TEXTFIELD */
form input.xsml { width: 30px; }
form input.sml  { width: 60px; }
form input.med  { width: 110px; }
form input.lrg  { width: 220px; }

form div.checkboxes,
form div.radiobuttons {
	width: auto;
	height: auto;
	float: left;
	overflow: visible;
	margin: 14px 0 0 0;
	}

.checkboxtext, 
.radiotext {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #999;
	width: auto;
	padding: 3px 0 4px 2px;
	float: left;
	clear: right;
}

form input.checkbox {
	border: 0;
	clear: left;
	width: auto;
	height: auto;
	float: left;
	margin: 0 3px 4px 0;	}

form input.radiobutton {
	border: 0;
	clear: left;
	width: auto;
	height: auto;
	float: left;
	margin: 0 3px 4px 0;	}

form select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 200px;
	border: 1px solid #ccc;
	margin: 14px 5px 0 0;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	background-image:url(../newcastle/formBG.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;	}
	form select.xsml { width: 30px;	}
	form select.sml { width: 54px;	}
	form select.med { width: 70px;	}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
	
form small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	margin: 0 0 0 124px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0 3px;
	color: #aeaeae;	}


form .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	float: left;
	padding: 9px 0 5px 0; 
	margin: 0 0 0 0;
	}
	form .text a { color: #999; }	
	
form input#submit {
	width: 108px;
	height: 34px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	border: none;
	margin: 0 0 0 10px;
	padding:0;
	background: none;
	clear: both;
	}

div.formError {
	width: 24px;
	height: 35px;
	float: left;
	margin: 0 0 0 0;
	background-image: url(../newcastle/formError.gif);
	background-repeat: no-repeat;
	background-position: 5px 17px;	
	}
	
.fielderror {
	border: 1px dotted #FF0000;	
	}

div.msgError {
	color: #FF0000;
	font-weight: bold;
	margin: 10px 0 32px 0;
}

#content div.msgError ul {
	font-weight: normal;
	font-size:  12px;
	list-style-type: none;
	color: #FF0000;	
	padding: 0;
	margin: 5px 0 10px 3px;
}

#content div.msgError ul li {
	color: #FF0000;
	padding: 0 0 4px 18px;
	margin: 0;
	background-image: url(../newcastle/bulletx.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}	#content div.msgError ul li a { color: #ff0000; text-decoration: underline; }

div.msgConfirm {
	width: 94%;
	border: 2px dashed #ccc;
	padding: 22px;	
	font-size: 15px;
	color: #999;
	margin: 20px auto 50px auto;
}

div.msgConfirm p {
	font-size: 15px;
	color: #999;
}

div.msgConfirm strong {
	font-size: 16px;
	color: #999;
}

/* SECURITY CSS */
form fieldset input.xfield { width: 100px; }	
	
img.scode {
	margin: 0 0 0 4px;
	padding: 14px 0 0 0;
	float: left;
	}	
	
.moreinfo {
	width:5px;
	visibility:hidden;
	display: none;
	}

	
/*==================================*/

/*	FOOTER, TEMPLATE				*/

/*==================================*/

#architect_nsw_australia {
	width: 940px;
	margin: 6px auto 20px auto;
	padding: 0;
	overflow: visible;
	clear: both;
}

	#architect_nsw_australia:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.helen_stronach_architects a, .helen_stronach_architects a:visited {
	font-size: 22px;
	color: #B4B4B4;
	margin-bottom: 5px;
	text-decoration: none;
	}
	a .hsd { color: #8E8E8E;}
	
.architecture {
	font-size: 11px;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 30px;
	float: left;
	}
	.architecture a:link, .architecture a:visited { color: #999; text-decoration: none; }
	.architecture a:hover, .architecture a:active { color: #B4B4B4; text-decoration: underline;}


.building {
	width: 150px;
	background-image: url(../newcastle/building.gif);
	background-position: 130px 2px;
	background-repeat: no-repeat;
}

	
/* COPYRIGHT ETC */
.stronach {
	font-size: 11px;
	width: 940px;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	text-align: left;
	color: #ccc;
	position: relative;
	clear: both;
}	

.terms { position: absolute; top: 20px; left: 46%; text-align: center;	}

.stronach a:link, .stronach a:visited { color: #B5B5B5; text-decoration: none; }
.stronach a:hover, .stronach a:active { color: #CC9966;  }	

	
	/* Web Sharp Designs link - NOT IN USE */
	.web_site_design_newcastle {
	font-size: 11px;
	width: 320px;
	margin: 0;
	text-align: right;
	padding: 0 0 0 0;
	color: #666;
	position: relative;
	float: right;
	}	
	
	.web_site_design_newcastle a:link, .web_site_design_newcastle a:visited { color: #666; text-decoration: none; }
	.web_site_design_newcastle a:hover, .web_site_design_newcastle a:active { color: #999;  }	

