/*======================================================*/

/*	GLOBAL PAGE SETUP - BODY, FONTS	*/

/*======================================================*/

body {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px; 
	color: #5A5F60;
	margin: 0; 
    padding:0;
	position: relative;
	}	
	

h1, h2, h3, h4, h5, table, form, code, pre, fieldset, legend, dl, dt, dd {
	margin:0; padding:0; border: none;
	color: #5A5F60;
	position: relative;	
	}


a:link, a:visited { color: #2085C1; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

div.clearer {
	width: 98%;
	height: 1px;
	font-size: 1px;
	clear: both;
	}
	
div.linespace {
	width: 98%;
	height: 10px;
	font-size: 1px;
	background-image: url(../newcastle/scroll.jpg);
	background-position: center top;
	margin: 2px auto 3px auto;
	padding: 0;
	clear: both;
	}	

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


/*================================*/

/* 	HIDE - for print css only     */

/*================================*/




/*==================================*/

/* 	TOP SECTION - bar, logo, nav	*/

/*==================================*/

/* black bar */
#website_designer_newcastle {
	width: 100%;
	height: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
	border: none;
	background-color:#000;
	position: relative;
	}
	
/* top container - logo, nav  */
#web_site {
	width: 990px;
	height: 102px;
	margin: 0 auto;
	border: none;
	padding: 0;
	position: relative;
}


/* logo  */
#web_site img.web_site_design_company {
	float: left;
	margin: 0;
	border: none;
	padding: 0;	}	


/* featured scroller container, grey bg  */
#web_page_designer {
	width: 100%;
	padding: 12px 0 12px 0;
	margin: 0 auto;
	background-color: #E8E8E8;
	position: relative;
	}


/*==================================*/

/* 	FEATURED SECTION - purple bg	*/

/*==================================*/

/* container - outer, purple bg */
#design_company {
	width: 100%;
	height: 312px;	/* 250 */
	background-image: url(../newcastle/design_company.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	}

/* silver line */
#website_developers {
	width: 100%;
	height: 58px;
	background-color: #E8E8E8;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	}
	
	/* twitter bird */
	#twitter_facebook {
	width: 260px;
	position: absolute;
	text-align: right;
	margin: 0 auto;
	bottom: 10px;
	left: 42%;
	}
	
	#twitter_facebook img { border: none; margin: 0 3px 0 5px; }
	
/* container - inner/holding */
#web_design_company {
	width: 992px;	/* 992 */
	height: 250px;	/* 250 */
	margin: 0 auto;
	padding: 0;	
	position: relative;
	}

/* FOLIO FEATURES */
#web_page_design {
	float: left;
	width: 620px;
	height: 250px;
	background-image: url(../newcastle/professional_website.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin: 0;
	padding: 0 20px 0 20px;
 }

#web_design_company h1 {
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -1px;	
	color: #fff;
	text-align: left;
	height: 30px;
	width: auto;
	border-bottom: 1px solid #5C9DC1;
	padding: 0 0 7px 3px;
	margin: 20px 20px 13px 20px;	}
	#web_design_company h1 a {	color: #FFF; text-decoration: none; }

	#web_design_company h1 span.sub {
	float: right;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #5C9DC1;
	text-transform: upper;
	padding-top: 10px;
	padding-right: 5px;
	letter-spacing: 0;		
	}
	#web_design_company h1 span.sub a { color: #5C9DC1; }
	
/* 	JS CONTAINER - also set height on page for jscript	*/
div.websites {
	width: 580px;
	height: 170px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	}

/* item container */
div.foliotxt { width: 560px; }

/* image */
div.websites img.foliopic {
	width: 160px;
	border: 1px solid #0C5881;
	padding: 12px;
	margin: 8px 24px 0 0;	
	float: left;
	background-image: url(../newcastle/dot.gif);
	}
	
div.websites img.foliopic a {	

}
	
/* headline */
div.foliotxt h2 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	padding: 0;
	margin: 20px 0 10px 0;
	text-align: left;
}
	
/* text */
div.foliotxt p {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #ccc;
	font-weight: normal;
	padding: 0;
	margin: 0 18px 0 0;
	text-align: left;
	line-height: 140%;

	}	

/* 'READ MORE' link, black box */
a.portfolio:link, a.portfolio:visited,
a.portfolio:hover, a.portfolio:active {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	display: block;
	width: 77px;
	height: 20px;
	background-image: url(../newcastle/portfolio.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 5px 0 0 10px;
	margin: 13px 0 0 0;
	float: left;
	z-index: 99;
	}


#search_engine_optimisation {
	position: relative;
	width: 332px;
	height: 250px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	}
	
	#search_engine_optimisation ul {
	width: 306px;
	font-size: 12px;
	color: #8CC1E0;
	text-align: left;
	line-height: 123%;
	margin: 0 0 0 26px;
	padding: 0;
	position: relative;
	overflow: hidden;
	}
	
	#search_engine_optimisation li {
	color: #8CC1E0;
	list-style-type: none;
	background-image: url(../newcastle/seo.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding: 0 0 1px 13px;	
	margin: 0 0 2px 1px;
	}
	
	#search_engine_optimisation ul li a:link, #search_engine_optimisation ul li a:visited{
	color: #8BC1DF; text-decoration: none; }
	#search_engine_optimisation ul li a:hover, #search_engine_optimisation ul li a:active {
	color: #D1E7F1; text-decoration: none; }	
	
	

/* comments container */
.testimonial {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #B6D5E5;
	text-align: left;
	width: 240px; /* w: 257px */
	height: 74px; /* h: 83px */
	margin: 0;
	padding: 9px 7px 0 10px;
	background-image: url(../newcastle/web.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 13px;
	left: 22px;
	}
	
	.f4name { 
	color: #FFCC33;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 64px;
	width: 190px;
	overflow: hidden;
	}

	
	
/*==============================*/

/*	CONTENT CONTAINER			*/

/*==============================*/	

#content {
	/*	width: 490px */
	width: 992px;
	margin: 24px auto;
	padding: 0 0 0 0;
	text-align: left;
	position: relative;
	}

	/* CREATES DIVIDER BETWEEN COLUMNS */
	.website_designer {
	background-image: url(../newcastle/web_designer.gif);
	background-repeat: repeat-y;
}
	
	#content:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #content { height:1px;	}	

/* add padding to content */
.designer {
	padding: 10px 20px 0 30px;
}



/*==============================*/

/*	CONTENT STYLES				*/

/*==============================*/	

#content p	{
	line-height: 182%;
	text-align: justify;
	padding: 2px 3px 12px 0;
	margin: 0;	
	}	

#content p a:link, #content p a:visited { 	
	color: #2085C1; 
	text-decoration: none;
/*	background-image: url(../newcastle/a_link.gif);
	background-repeat: repeat-x;
	background-position: left bottom; */
	}

#content p a:hover, #content p a:active {	
	color: #2085C1; 
	text-decoration: none; 
	background-image: url(../newcastle/a_link.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	}


#content small, #content p small { 	
	font-size: 11px;
	color: #777; 
	text-decoration: none;
}

#content small a:link, #content small a:visited,
#content p small a:link, #content p small a:visited { 	
	font-size: 11px;
	color: #2085C1; 
	text-decoration: none;
}

#content h1 {
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	font-size: 32px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #5B3E56;
	color: #000;
	padding: 0;
	margin: 10px 0 10px 0;
	width: auto;
}
	
#content h2 {
	font-family: Times New Roman, times-roman, georgia, Book Antiqua, serif;
	font-size: 26px;
	font-weight: normal;
	color: #D20000;
	/*color: #5E95C1;*/
	padding: 0 0 0 0;
	margin: 12px 0 8px 0;
	}
	#content h2 a:link, #content h2 a:visited  { text-decoration: none; color: #B08A16; }
	#content h2 a:hover, #content h2 a:active  { text-decoration: underline; }
	
#content h3 {
	display: inline-block;
	*display: inline;	/* ie7 hack */
	hasLayout: on;  /* ie7 hack */
	zoom:1; /* ie7 hack */
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 26px;
	font-weight: normal;
	color: #2085C1;	
	padding: 0 38px 0 0;
	margin: 10px 0 10px 0;
	height: 30px;
	position: relative;
	}
	#content h3 a:link, #content h3 a:visited  { 
	text-decoration: none; color: #2085C1; }
	
	
	#content h3 a:hover, #content h3 a:active  { 
	text-decoration: underline; }

	/* specific to item types - eg: reduce space between news title and date */
	#content h3.news, #content h3.events { margin: 8px 0 0 0; }
	#content h3.items { margin: 15px 0 5px 0; }
	#content h3.links { margin: 30px 0 8px 0; }
	
	#content h3 a span { 
		display: block;
		font-family:Arial, Helvetica, Tahoma, sans-serif;
		font-size: 11px;
		color: #4379C5;
		width: 27px;
		height: 23px;
		padding: 4px 0 0 0;
		margin: 2px 0 0 15px;
		text-align: center;
		background-image: url(../newcastle/commentcount.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: help;
		position: absolute;
		right: 0;
		top: 0;
}
		
#content h4 {
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;	
	font-weight: normal;
	color: #000;
	padding: 3px 0 14px 0;
	margin: 0 0 0 0;
	}	

#content h5 {
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 20px;	
	font-weight: normal;
	color: #000;
	color: #444;
	padding: 5px 0 5px 0;
	margin: 24px 0 10px 0;
	border-bottom: 1px dotted #e1e1e1;	
	}	
	
#content h6 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.03em;
	color: #2085C1;
	margin: 12px 0 10px 0;
	padding: 0 0 0 0;
	text-transform: uppercase;	}	
	
	#content h6 a:link, #content h6 a:visited {
	color: #2291D2;
	background-image: none;
	}

 
/* BLOCK QUOTE */
#content blockquote {	
	font-style: italic;
	border-left: 2px solid #d2d2d2;
	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 {
	padding: 0;
	margin: 0 0 18px 5px;
	position: relative;}

#content ul li {
	list-style-type: none;
	background-image: url(../newcastle/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 1px 0 4px 17px;	
	margin: 2px 0 4px 5px;
	position: relative; }
	#content ul li a:link, #content ul li a:visited{}
	#content ul li a:hover, #content ul li a:active {}
	

#content ol {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	}
#content ol li {
	font-size: 12px;
	padding: 1px 0 4px 0;	
	margin: 2px 0 4px 26px;	
	}


/* TABLE, default style (eg: custom fields) */
#content table {
	width: auto;
	color: #e2e2e2;
	margin: 10px 0 0 0; }

#content table th {	
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	color: #bbb;
	padding: 10px 12px 0 0;
	vertical-align: top;
	width: 60px;
	white-space:nowrap;
	text-align: left;
 }

#content table td {	
	font-weight: normal;
	color: #777;
	padding: 10px 0 0 3px;
	vertical-align: top; }
	
	#content table td a:link, #content table td a:visited {	
	color: #444;
	text-decoration: none;
	}
	
	#content table td a:hover, #content table td a:active {	
	text-decoration: underline;
	}


.newsdate {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #aaa;	
	padding: 0 0 0 2px;
	margin: 0 0 12px 0;
	}


.eventdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #aaa;	
	padding: 0 0 0 6px;
	margin: 0 0 14px 0;
	}	


#content p.summary {
	font-size: 13px;
	line-height: 132%;
	padding: 0 3px 0 0;
	margin: 0 0 0.08em 0;	
}	
	
.textsmall {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 0 0 8px 0;	}
		
.errorhd, .errortxt {
	font-family: Arial, Tahoma, Helvetica, "Arial Narrow", sans-serif;
	color: #CC0000;
	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 { }


/*==============================*/

/*	BREADCRUMBS					*/

/*==============================*/	

div.breadcrumb {
	padding: 20px 0 15px 0;
	font-size: 11px;
	color: #aaa;
	}

	div.breadcrumb a:link, div.breadcrumb a:visited {
	text-decoration: none;
	color: #B08A16;
	} 
	div.breadcrumb a:hover, div.breadcrumb a:active { 
	color: #795F0F;
	}

div.readmore {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	padding: 12px 0 6px 0;
	color: #2085C1;
	}
	div.readmore a:link, div.readmore a:visited  { text-decoration: none; color: #2085C1; color: #000; }
	div.readmore a:hover,div.readmore a:active  { text-decoration: underline; }	
		
.goto {
	font-family: Courier, monospace;
	font-size: 9px;
	letter-spacing: -5px;
	color: #CCC;
	padding-right: 8px;
	font-style: normal;	
	text-decoration: none;	
	}

#content p a span.goto, #content p a:visited span.goto { 
	text-decoration: none;

	}


/*==================================*/

/*	PHOTO - ROUNDED BORDER			*/

/*==================================*/

a:link img.reflect, a:visited img.reflect { 
	border: none; 
	}

.reflexdiv { 
	float: right;
	margin: 16px 16px 5px 60px;
	clear: right;
	}
	
	
/* content images */
.pic_left {
	float: left;
	clear: left;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 20px;	}

.pic_right {
	float: right;
	clear: right;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 10px 20px 20px;	}

.pic_centre {
	border: 4px solid #ccc;
	padding: 2px;
	margin: 20px auto;
	clear: both;
	}

/* PRIMARY FOR ITEMS */
img.photo {
	padding: 0;
	border: none;
	margin: 10px 20px 0 56px;
	float: right;
	clear: right;
	border: 5px solid #E8E8E8;	
	}

/* item photos */
img.photos {
	padding: 2px;
	border: 10px solid #EDEAE4;
	margin: 0 12px 12px 0;
	}
	
/* news summary page */
img.listview {
	width: 160px;
	height: 120px;
	padding: 2px;
	border: 5px solid #E8E8E8;
	margin: 0 22px 12px 0;
	float: left;
	}

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: 2px;
	border: 2px solid #EDEAE4;
	margin: 0 14px 16px 0;
	}
	
img.feature {
	width: 70px;
	padding: 2px;
	border: 3px solid #EDEAE4;
	margin: 10px 0 7px 7px;
	float: right;
	}	
	

/*==============================*/

/*	HOME PAGE COLUMN - WSD		*/

/*==============================*/	

.website_hosting {
	width: 254px;	/* 326 */
	padding: 0 36px 0 36px; 
	float: left;
	overflow: visible;
	}
	#content .website_hosting p { font-size: 12px; }



/* FEATURED NEWS - home page */
.designers { padding-bottom: 5px;  }
.blog {
	border-top: 1px solid #E8E8E8;
	padding-top: 9px;	}

	/* home only */
	#content .designers h6 {
	margin: 3px 0 6px 0;
	padding: 0 0 0 0;	}
	#content h6 a:link, #content h6 a:visited {
	color: #888;
	background-image: none;
	}
	
	
	#content .designers p {
	line-height: 120%;
	font-size: 12px;
	text-align: left;
	}

/* block around content items */
.contentsub { 
	min-height:200px; 
	height:auto !important; 
	height:200px;
	border: 2px solid #e8e8e8;
	padding: 20px;
	margin: 10px 0 40px 0;
	position: relative;
	display: block;
	float: none; 
	clear: both;
	}

#content .contentsub p { 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #888;
}


#content .web_designers { 
	padding: 10px 10px 10px 10px;
	margin: 40px 50px 10px 50px;
	border-top: 2px solid #e8e8e8; }
	
#content .web_designers p { 	
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;	
	color: #666;
}

/*==================================*/

/*	FEATURES - link/more style		*/

/*==================================*/	

.link_more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 15px 0 0 0;
	color: #82755B; 
	text-align: left;
	display: block;
	width: 220px;
	height: 22px;
}
	.link_more a:link, .link_more a:visited  {
	color: #82755B; 
	text-decoration: none;
	}

	.link_more a:hover, .link_more a:active  {
	color: #B00B38; 
	text-decoration: underline;
	}	


/*================================*/

/*  WEB LINKS + events links 			*/

/*================================*/

a.itemlink:link, a.itemlink:visited {
	display: block;
	width: auto;
	color: #888;
	background-image:url(../newcastle/linkto.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	margin: 10px 0 10px 3px;
	text-decoration: none;
	font-size: 11px;
}

a.itemlink span.hd {
	font-weight: bold;
	font-size: 13px;
	color: #555;	}
	a.itemlink:hover span.hd { color: #5E95C1; }

	
	a.itemlink:hover, a.itemlink:active  { 
	color: #555;
	}


/*==========================================*/

/*	  PDF LINK - icon with link				*/

/*==========================================*/

/*  PDF DOCUMENT LINK	*/
a.pdf:link, a.pdf:visited { 
	display: block;
	height: 43px;
	min-width: 200px;
	width: auto;
	color: #888;
	background-image:url(../newcastle/pdf.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 45px;
	margin: 10px 0 16px 3px;
	text-decoration: none;
	font-size: 11px;
	}

a.pdf span.hd {
	font-weight: bold;
	font-size: 13px;
	color: #CF4845;	}
	a.pdf:hover span.hd { color: #F00000; }
	
	a.pdf:hover, a.pdf:active { 
	background-position: 0 -45px;
	color: #555;
	}


/*================================*/

/*  GOOGLE MAP						 	*/

/*================================*/

#mapdiv { 
	position: relative; 
	z-index:100;
	}

#map	{
	float: right;
	width: 590px;
	height: 196px;
	z-index: 4;
	margin: -30px 0 0 50px;
	border: 3px solid #ccc;
	padding: 2px;
	text-align: left;
	position: relative;
	z-index: 100;
	}


/*======================================*/

/*	FEEDBACK - notepad background		*/

/*======================================*/
		
/* holding div with photo bg */
div.feedback {
	text-align: left;
	width: 70%;
	margin: 10px auto 50px auto;
	padding: 40px 30px 20px 30px;
	overflow: visible;
	clear: both;
	position: relative;
	background-image:url(../newcastle/bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	border: 4px double #ccc;
}

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


/* testimonial pic */
div.testimonial_pic {
	position: relative;
	display: block;
	float: right;
	clear: right;
	width: 220px;
	height: 220px;
	margin: 30px 0 0 20px;
	padding: 0;	
	background-image: url(../newcastle/photo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	
/* pin */
div.paperclip{
	position: absolute;
	right: 10px;
	top: 86px;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;	
	background-image: url(../newcastle/paperclip.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

	img.testimonials {
	position: relative;
	float: right;
	border: 10px solid #EDEAE4;	
	padding: 1px;
	margin: 10px 0 10px 20px;
	}

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

	
#content div.feedback div.date {
	position: absolute;
	top: 0px;
	left: 40%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
	margin: 0 0 10px 0;
	width: 80px;
	height: auto;
	text-align: center;
	background-color: #ccc;
	}
	
#content div.feedback p {
	color: #555;
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	color: #5E95C1;
	color: #333;
	font-style: italic;
	font-size: 16px;
	line-height: 170%;
	padding: 7px 0 7px 0;
	margin: 0;
	text-align: left;
	z-index: 1;
	}	

#content div.feedback .fromname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 10px 0 4px 0;
	color: #993;
	}
	#content div.feedback .fromname a:link,
	#content div.feedback .fromname a:visited
	{
	color: #993;	
	}
	
#content div.feedback div.location {
	font-family: Arial, Helvetica, sans-serif;
	color: #5E95C1;
	font-size: 12px;
	letter-spacing: 0.05em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 0;
	}


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

/*  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: 840px; 
	text-align: left;
	background-color: #ECECEC;
	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;
}

/* container for each fieldset */
form fieldset {
	width: 380px;
	float: left;
	display: block;
	position: relative;
	padding: 10px 10px 20px 20px;   /* padding in fieldset support spotty in IE */
	margin: 10px 20px 10px 20px;
	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;	}	
	

/* 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: #8F8F8F;
	}

/* 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: 310px;
	height: 73px;
	margin: 15px 0 0 20px;	}	


/* SMALL TEXT FIELD */
form input.sml { width: 60px; height: 12px; }		

/* MED TEXT FIELD */
form input.med { width: 110px; }

form div.checkboxes {
	width: auto;
	height: auto;
	float: left;
	overflow: visible;
	margin: 14px 0 0 0;}

div.checkboxtext {
	width: auto;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #999;
	padding: 3px 0 4px 2px;
	float: left;
	clear: right;
}

form input.checkbox {
	border: 0;
	clear: left;
	width: 0;
	height: 0;
	float: left;
	margin: 3px 3px 4px 10px;	}
	
form select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 295px;
	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: 50px;	}
	form select.sml { width: 64px;	}
	form select.med { width: 90px;	}

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: 110px;
	height: 26px;
	position: relative;
	float: left; 
	border: none;
	margin: 0 0 0 10px;
	padding:0;
	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;
}

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 SECTION - below gallery	 	*/

/*================================*/	

/* FOOTER CONTAINER */
#newcastle_nsw {
	font-size: 11px;
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 4px 0;
	color: #8F8F8F;
	position: relative;
	clear: both;
	overflow: visible;
	}
	
	#newcastle_nsw a:link, #newcastle_nsw a:visited { color: #8F8F8F; text-decoration: none; }
	#newcastle_nsw a:hover, #newcastle_nsw a:active { color: #333;  }		
	
	/* Web Sharp Designs link */
	#web_site_design_newcastle {
	font-size: 11px;
	width: auto;
	margin: 0;
	float: right;
	text-align: right;
	padding: 0 0 20px 0;
	color: #ccc;
	position: relative;
	text-transform: uppercase;
	}	
	
	#web_site_design_newcastle a:link, #web_site_design_newcastle a:visited { color: #aaa; text-decoration: none; }
	#web_site_design_newcastle a:hover, #web_site_design_newcastle a:active { color: #777;  }	
	
	#web_site_links {
	width: 992px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 20px 0;
	color: #333333;		}

	#web_site_links a:link, #web_site_links a:visited {
	color: #555;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 1px 0 1px;
	}	
	
	#web_site_links a:hover, #web_site_links a:active {
	color: #FFCC00;
	color: #CCCC99;
	}