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

/*	GLOBAL PAGE SETUP - BODY, FONTS	*/

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

body {
	font-family: Helvetica, Arial,Verdana,Sans-Serif;
	font-size: 14px;
	color: #55636D;
	margin: 0; 
    padding:0;
	position: relative;
	background-image: url(../newcastle/webpage.jpg);
	background-repeat:repeat-x;
	background-position: center top;
	background-color: #fff;
	height: 100%;		
	}	

html, body{
	height:100%;
	margin:0;
	border:0;
}

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

table, tr, td {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #5A5F60;	
	}


table, tr, td {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #5A5F60;	
	}	

a:link, a:visited { color: #4A92DB; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a img { border: none; }

div.clearer {
	width: 98%;
	height: 1px;
	font-size: 1px;
	clear: both;
	}
	
div.linespace {
	width: 98%;
	height: 1px;	
	margin: 16px 0 16px 0;
	clear: both;
	}	

.line {
	margin: 30px 0 20px 0;
	border-top: 2px dotted #e3e3e3;
	height: 1px;
	width: 98%;
	clear: both; }
	

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

/* 	HIDE - for print css only     */

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

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


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

/*	PAGE CONTAINER + CLOUDS			*/

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

/* DON'T apply png fix */
div.web_design_newcastle {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url(../newcastle/web_design.gif);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	}	


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

/*	PAGE WRAPPER + STICKY FOOTER	*/

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

div.website_design {
	background-image: url(../newcastle/design.png); 
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -480px; /* the bottom margin is the negative value of the footer's height */
}

.restaurant_website, .web_site_design_newcastle {
	height: 40px; /* .push must be the same height as .footer */
	margin: 0 auto;
	text-align: center;
	padding-top: 18px;
	z-index: 0;	
}

.web_site_design_newcastle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	}
	
	.web_site_design_newcastle a:link, .web_site_design_newcastle a:visited { 
		color: #8795A1; text-decoration: none; font-size: 10px; 
		}
	.web_site_design_newcastle a:hover, .web_site_design_newcastle a:active { color: #287FD7;  }
		
		
/*==================================*/

/*	TOP AREA + 'DEMO WEBSITE'		*/

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

div.content_management_system {
	width: 940px;
	height: 36px;
	margin: 0 auto;
	padding: 22px 0 0 0; 
	text-align: center;
	position: relative;
	clear: both;
	z-index: 2;
	overflow: visible;
	}

div.content_management_system a:link, div.content_management_system a:visited {
	font-size: 13px;
	text-decoration: none;
	color: #A2CDEE;
	float: left;
	display: block;
	width: 610px;
	height: 20px;
	padding: 16px 0 0 20px;
	position: relative;
	z-index: 4;
}	

div.content_management_system img {
	float: left;
	border: none;
	padding-right: 20px;
	position: relative;
	z-index: 5;
}


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

/*	MAIN CONTENT AREA				*/

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

#web_designer {
	width: 980px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: visible;
	background-color: #FFFFFF;
	position: relative;
	clear: both;
	z-index: 3;
	}

/* TOP WHITE BG CURVES */
div.website_design_australia,
div.web_design {
	width: 13px;
	height: 13px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 0;
	z-index: 2;
	}
	
	div.website_design_australia { 
	left: 0; background-image:url(../newcastle/web_development.png);	}
	
	div.web_design { 				
	right: 0; background-image:url(../newcastle/website.png); }
	

/* BOTTOM WHITE BG CURVE */
div.newcastle_web_designers {
	width: 980px;
	height: 10px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(../newcastle/webpage_design.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 3;
	}


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

/*	LOGO + FEATURES	BLOCK			*/

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

div.website_developer {
	width: 980px;
	height: 140px;
	margin: 0;
	background-image: url(../newcastle/website_developer.png);
	background-position: 290px 10px;
	background-repeat: no-repeat;
	text-align: left;
	z-index: 3;
	}

	div.website_developer a:link, div.website_developer a:visited {
	z-index: 5;
		} 
	
/* logo */	
div.website_developer img.cms {
	float: left;
	margin: 10px 0 0 17px;
	border: none;
	position: relative;
}
	
/* lime feature */
#portfolio {
	/* w=480, h=130 */
	float: left;
	position: relative;
	width: 460px;
	height: 120px;
	margin: 10px 0 0 8px;
	padding: 5px 10px 5px 10px;
	}
	
	/* feature - text container */
	.website_portfolio {
	width: 285px;
	height: 120px;
	overflow: hidden;
	position: relative;
	float: left;
	}
	
	.website_portfolio h1 {
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Sans-serif;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;	
	font-weight: normal;
	line-height: 95%;
	letter-spacing: -1px;
	color: #8DA336;
	padding: 10px 0 0 0;
	margin: 0;
	}
	
	.website_portfolio p {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 125%;
	padding: 8px 8px 6px 1px;
	margin: 0;
	}
	
	.website_portfolio a:link, .website_portfolio a:visited {
	color: #FFFF99;
	text-decoration: none;
	font-size: 11px;
	} 
	
	
	img.sydney_website_design {
	display: inline;
	border: none;
	}

/*	orange feature */
#graphic_design {
	float: left;
	position: relative;
	width: 190px;
	height: 130px;
	margin: 10px 0 0 10px;
	z-index: 3;
	}
	
	.news_ticker {
	width: 164px;
	height: 110px;
	z-index: 4;
	margin: 10px 14px 22px 14px;
	overflow: hidden;
	}
	.news_ticker h1 {
	font-weight: normal;
	text-transform: lowercase;
	font-size: 16px;
	height: 18px;
	color: #C65806;
	text-align: left; 
	padding: 1px 0 6px 0;
	margin: 0 0 0 0;
	z-index: 4;	
	}
	.news_ticker h1 a:link, .news_ticker h1 a:visited  {	
	color: #C65806;
	text-decoration: none;	
	}
	.news_ticker h1 a:hover, .news_ticker h1 a:active  {	
	color: #974B00;
	text-decoration: underline;	
	}
	
	.news_ticker p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	margin: 0 0 6px 0;
	color: #FFE6D1;
	text-align: left;
	z-index: 4;	
	width: auto;
	height: 62px;
	overflow: hidden;
	}


	a.ticker:link, a.ticker:visited {
	display: block;
	width: 120px;
	height: 26px;
	font-size: 11px;
	color: #FFDD77;
	text-decoration: none;
	padding: 0;
	text-decoration: none;
	z-index: 4;	
	}	

	a.ticker:hover, a.ticker:active {
	text-decoration: underline;
	}

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

/*	MID SECTION						*/

/*==================================*/	
	
	
div.hosting {
	width: 960px;
	min-height:550px; 
	height:auto !important; 
	height:550px; 
	margin: 10px 10px 0 10px;
	padding: 0 0 0 0;
	background-image: url(../newcastle/hosting.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	overflow: visible;
	z-index: 2;
}	


/* CONTENT FOOTER w fushia bg - h160px */
#designer {
	width: 960px;
	height: 139px;
	margin: 0 auto;
	padding-top: 21px;
	background-image: url(../newcastle/designer.png);
	background-repeat: no-repeat;
	clear: both;
}

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

/*	CONTENT CONTAINER				*/

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

 	
	#content {
	/* w668px */
	width: 608px;
	min-height:400px; 
	height:auto !important; 
	height:400px; 	
	margin: 12px 0 10px 14px;
	padding: 18px 30px 30px 30px;
	text-align: left;
	float: left;
	background-color:#FFFFFF;
	position: relative;
	z-index: 5;
	}

	div.content_tl, div.content_tr, div.content_bl, div.content_br {
	position: absolute;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	z-index: 5;
	}
	div.content_tl { left: 0; top: 0; background-image: url(../newcastle/content_tl.gif); }
	div.content_tr { right: 0; top: 0; background-image: url(../newcastle/content_tr.gif); }
	div.content_bl { left: 0; bottom: 0; background-image: url(../newcastle/content_bl.gif);}
	div.content_br { right: 0; bottom: 0; background-image: url(../newcastle/content_br.gif);}			



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

/*	CONTENT - DEFAULT STYLES		*/

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

#content p	{
	line-height: 182%;
	text-align: left;
	padding: 0 3px 0 0;
	margin: 0 0 1em 0;
	text-align: left;
	line-height: 170%;	}	
	#content p strong { font-weight: bold; }
	
#content p a:link, #content p a:visited { 	color: #4A92DB; text-decoration: none; }
#content p a:hover, #content p a:active {	color: #4A92DB; text-decoration: underline; }


#content small, #content p small { 	
	font-size: 11px;
	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: #4A92DB; 
	text-decoration: none;
}


#content h1 {
	font-family: Georgia, Times New Roman, times-roman, Book Antiqua, serif;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #000;
	padding: 0 38px 0 0;
	margin: 0 0 20px 0;
	color: #CC3366;
	color: #2B73B9;
}
#content h1.items,
#content h1.news,
#content h1.events {
	display: inline-block;
	*display: inline;	/* ie7 hack */
	hasLayout: on;  /* ie7 hack */
	zoom:1; /* ie7 hack */	
}
#content h1.news,
#content h1.events {
	padding: 0 38px 0 0;
	margin: 0 0 8px 0;
	
}
/* content sub-header, category header */
#content h2 {
	font-family: Times New Roman, times-roman, georgia, Book Antiqua, serif;
	font-size: 23px;
	font-weight: normal;
	letter-spacing: -0.03em;
	color: #6C86A2;
	padding: 0 0 0 0;
	margin: 22px 0 8px 0;
	}
	#content h2 a:link, #content h2 a:visited  { text-decoration: none; color: #000; }
	#content h2 a:hover, #content h2 a:active  { text-decoration: underline; }
	
/* item header */	
#content h3 {
	display: inline-block;
	*display: inline;	/* ie7 hack */
	hasLayout: on;  /* ie7 hack */
	zoom:1; /* ie7 hack */	
	font-family: Times New Roman, times-roman, georgia, Book Antiqua, serif;
	font-size: 22px;
	font-weight: normal;
	color: #BE962C;
	padding: 2px 38px 0 0;
	margin: 6px 0 4px 0; }

	#content h3 a:link, #content h3 a:visited  { margin: 0; text-decoration: none; color: #BE962C; }
	#content h3 a:hover, #content h3 a:active  { text-decoration: underline; }

	#content h3.news, #content h3.events { margin: 0 0 0 0; }
	#content h3.items { margin: 0 0 5px 0; }
	#content h3.links { margin: 30px 0 8px 0; }
	
	#content h1 span,
	#content h3 a span { 
	/* for comments */
		display: block;
		font-family:Arial, Helvetica, Tahoma, sans-serif;
		font-size: 11px;
		color: #BE962C;
		width: 27px;
		height: 20px;
		padding: 3px 0 0 0;
		margin: 2px 0 0 15px;
		text-align: center;
		background-image: url(../newcastle/commentcount.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
	}
		#content h1 span { top: 5px; }
	
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #99B963;	
	padding: 0 0 0 0;
	margin: 0 0 14px 0;
	}	

/* dotted top bottom, grey - custom field hd  */
#content h5 {
	font-size: 11px;
	font-weight: normal;
	color: #9D9D9D;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 5px 0 5px 6px;
	border-top: 1px dotted #BFBFBF;
	border-bottom: 1px dotted #BFBFBF;
	background-color: #F6F6F5;	
	}	

#content h6 {
	font-size: 18px;
	color: #287FD7;
	font-weight: normal;
	padding: 20px 0 12px 0;
	margin: 0;
	}		


/* BLOCK QUOTE */
#content blockquote {	
	font-style: italic;
	border-left: 2px solid #d2d2d2;
	margin-left: 8px;
	padding-left: 14px;
	margin-bottom: .8em;
	font-family: "Palatino", Georgia, "Times New Roman", serif;
	font-size: 120%;
	font-style: italic;
	line-height: 1.3;
	}

#content ul {
	padding: 0;
	margin: 0 0 8px 1px;
	list-style-type: none;
	position: relative;
	overflow: hidden;	/* UL - to avoid overlap of image floated right of list */
	}

#content ul li {
	font-size: 95%;
	background-image: url(../newcastle/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 1px 0 4px 25px;	
	margin: 2px 0 5px 0;
	line-height: 130%;
	}
	
	#content ul li a:link, #content ul li a:visited{
		text-decoration: none; color: #555;}
	#content ul li a:hover, #content ul li a:active {
		text-decoration: underline; color: #993300; font-weight: bold; }	

#content ol {
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	overflow: hidden;	}
	
#content ol li {
	font-size: 95%;
	padding: 1px 0 4px 0;	
	margin: 2px 0 5px 20px;
	line-height: 130%;
	position: relative;
	}



.textsmall {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 4px 0 4px 0;	}
	
		
.errorhd, .errortxt {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #CC3366;
	margin: 0 0 0 0;
	padding: 10px 0 3px 0;}

.errorhd {
	font-weight: bold;
	margin: 10px 0 0 0;}	


.edatesummary, .ndatesummary { 
	/* DATE on SUMMARY/LIST PAGES */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #aaa;	
	padding: 0;
	margin: 0 0 5px 0;
	}

.edate, .ndate { 
	/* DATE on FULL DETAILS pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #aaa;	
	padding: 0;
	margin: 0 0 20px 0;
	}


#content p.summary {
	font-size: 13px;
	line-height: 132%;
	padding: 0 3px 0 0;
	margin: 0 0 3px 0;	
}

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

/*	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: 6px 0 6px 0;
	color: #BE962C;		/* blue */
	}
	div.readmore a:link, div.readmore a:visited  { text-decoration: none; color: #BE962C; }
	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;
	}

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


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

/*  TABLE - default style		 */

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

#content table {
	width: auto;
	overflow: hidden;
	color: #e2e2e2;	}

#content table th {	
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #777;
	padding: 3px 12px 5px 0;
	vertical-align: top;
	width: 80px;
	white-space:nowrap; }

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

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

/*  CONTACT INFO, BRANCH DETAILS  */

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

#content table.profiles, #content table.locations {
	width: auto;
	overflow: hidden;
	font-size: 11px;
	padding: 0;
}

#content table.profiles {
	margin: 2px 0 2px 0;
	padding: 0;
}

#content table.locations {
	margin: 12px 0 2px 0;
	padding: 0;
}

#content table.profiles th, #content table.locations th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #aaa;
	width: 90px;
	padding: 7px 5px 4px 0;
	white-space: nowrap;
	vertical-align: top;
	text-transform: uppercase;
	}

#content table.profiles td, #content table.locations td {
	font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	padding: 5px 0 5px 0;
	width: auto;
	vertical-align: top;
	}	

	#content table.profiles td p, #content table.locations td p { padding: 0 0 5px 0; margin: 0; }

	#content table.profiles a:link, #content table.profiles a:visited, 
	#content table.locations a:link, #content table.locations a:visited {
	text-decoration: none;
	color: #777;
	}

	#content table.profiles a:hover, #content table.profiles a:active, 
	#content table.locations a:hover, #content table.locations a:active {
	text-decoration: underline;
	}


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

/*	  WEB LINK - with bullet icon		*/

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

a.itemlink:link, a.itemlink:visited {
	display: inline-block;
	*display: inline;	/* ie7 hack */
	hasLayout: on;  /* ie7 hack */
	zoom:1; /* ie7 hack */		
	font-size: 11px;
	text-decoration: none;
	height: 15px;
	color: #888;
	padding: 2px 0 0 13px;
	margin: 10px 0 4px 0px;
	background-image:url(../newcastle/link.gif);
	background-position: 2px 7px;
	background-repeat: no-repeat;	
}

a.itemlink span.hd {
	font-weight: bold;
	font-size: 12px;
	color: #BE962C;	}
	a.itemlink:hover span.hd { color: #9D7C24; }
	
	a.itemlink:hover, a.itemlink:active { 
	background-position: 2px -16px;
	color: #555;
	}



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

/*	  PDF LINK - icon with link			*/

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

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

a.pdf span.hd {
	font-weight: bold;
	font-size: 12px;
	color: #FF5555;	}
	a.pdf:hover span.hd { color: #FF2424; }
	
	a.pdf:hover, a.pdf:active { 
	background-position: 0 -56px;
	color: #555;
	}


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

/*	CONTENT PIC - rounded corners			 */

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

div.designer_websites {
	text-align: center;
	padding: 0;
	border: none;
	position: relative;
	overflow: hidden;
	z-index: 4;	 }

/* specific to item pic - summary page only */
.itempic { 
	width: 118px;
	height: 118px;
	float: left; 
	margin: -4px 20px 20px 0;
	clear: left;}


/* set for LINKS and ITEMS */
img.website_designs {
	float: right;
	padding: 2px;
	margin: 40px 10px 10px 20px;
	position: relative;
	border: none;
	z-index: 5;	}

/* override above for all but LINKS */
div.designer_websites img.website_designs {
	float: none;
	padding: 2px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #E2E3E7;
	z-index: 5;	}



.itempic img.website_designs {
	width: 110px;
	height: 110px;
}

div.frame_TL,
div.frame_TR,
div.frame_BL,
div.frame_BR  {
	position: absolute;
	width: 18px;
	height: 18px;
	z-index: 100;
	border: none;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;	}

div.frame_TL {
	background-image: url(../newcastle/cornerTL.png);
	left: 0;
	top: 0;		}	

div.frame_TR {
	background-image: url(../newcastle/cornerTR.png);
	right: 0;
	top: 0; 	}

div.frame_BL {
	background-image: url(../newcastle/cornerBL.png);
	left: 0;
	bottom: 0;	}

div.frame_BR {
	background-image: url(../newcastle/cornerBR.png);
	right: 0;
	bottom: 0;	}


/* CONTENT STYLES */
.pic_right { float: right; margin: 6px 0 0 14px; clear: right; }	
.pic_left { float: left; margin: 0 20px 10px 0;	clear: left; }
.photopics { border: 3px solid #f2f2f2;	}


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

/*  CATEGORY HEADER / SUMMARY PAGE LAYOUT  	*/

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


div.categories {
	/* wrap around all cats on summary page */
	}
	div.categories:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.categories { height:1px;	}	

/* CATEGORY LIST - option 1 */
a.catlink { 
	width: 150px;
	min-height: 140px;
	height: auto;
	float: left;
	margin: 0 auto;
	text-align: center;
}

a.catlink img.cat, a.catlink img.cat_noimage {
	float: none; 
	margin: 0 10px 3px 10px;	
	clear: both; }


/* CATEGORY LIST - option 2 */
a.catlist {
	display: block;
	width: 99%;
	float: none;
	clear: both;
	color: #666;
	text-decoration: none;
	margin: 10px 0 10px 0;
	padding: 0;}
	
	a.catlist:after {
	content:"";
	display:block;
	clear:both; 	}
	* html a.catlist { height:1px;	}
	
a.catlist img.cat, a.catlist img.cat_noimage {
	float: left; 
	margin: 0 15px 3px 0;	
	clear: left; }

#content a.catlist h2 {
	padding: 6px 0 0 0;
	margin: 0;
}


#content a.catlist p,
#content a.catlist:link p,
#content a.catlist:visited p { 
	color: #666;
	text-decoration: none;
	}

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

/*  FEATURED PIC TOP - rounded corners	  	*/

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

div.web_site_developer {
	width: 114px;
	height: 114px;
	margin: 3px 14px 0 0;
	text-align: center;
	padding: 0;
	border: none;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 4;	 
}

img.professional_website_design {
	width: 110px;
	padding: 0;
	margin: 0;
	border: 2px solid #D3E8A4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

div.newcastle_nsw,
div.hunter_nsw,
div.central_coast_nsw,
div.sydney_nsw {
	position: absolute;
	width: 17px;
	height: 17px;
	z-index: 100;
	border: none;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

div.newcastle_nsw {
	background-image: url(../newcastle/newcastle_nsw.png);
	left: 0;
	top: 0;		}

div.hunter_nsw {
	background-image: url(../newcastle/hunter_nsw.png);
	right: 0;
	top: 0; 	}

div.central_coast_nsw {
	background-image: url(../newcastle/central_coast_nsw.png);
	left: 0;
	bottom: 0;	}

div.sydney_nsw {
	background-image: url(../newcastle/sydney_nsw.png);
	right: 0;
	bottom: 0; 	}


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

/*	ITEM/PHOTO GALLERY - square corners		 */

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

/* group container */
div.itemgallery {
	clear: left;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.gallery { 
	width: 75px;
	height: 75px;
	margin: 0 10px 10px 0; 
	padding: 1px;
	border: 2px solid #e2e2e2;
	float: left;  }


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

/*	FEATURED GALLERY - round corners		 */

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

div.web_site {
	width: 114px;
	height: 114px;
	margin: 0 10px 0 10px;
	text-align: center;
	padding: 0;
	border: none;
	position: relative;
	z-index: 4;	 }

img.professional {
	width: 110px;
	height: 110px;			
	padding: 0;
	margin: 0;
	border: 2px solid #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;	}

div.newcastle,
div.hunter,
div.central_coast,
div.sydney {
	position: absolute;
	width: 17px;
	height: 17px;
	z-index: 100;
	border: none;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;	}

div.newcastle {
	background-image: url(../newcastle/newcastle.png);
	left: 0;
	top: 0;		}

div.hunter {
	background-image: url(../newcastle/hunter.png);
	right: 0;
	top: 0; 	}

div.central_coast {
	background-image: url(../newcastle/central_coast.png);
	left: 0;
	bottom: 0;	}

div.sydney {
	background-image: url(../newcastle/sydney.png);
	right: 0;
	bottom: 0;	}

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

/*  SMOOTH SCROLL GALLERY - content  	*/

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

/* gallery container */
#photo_gallery {
	width: 564px;
	height: 114px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	z-index: 2;
	}
	
/* Styles for scrolling layers  
Specify width and height in hold and wn, and in clip for wn */

div#hold	{ 
	position:relative; overflow:hidden;
	width:536px; height:134px; z-index:100; float: left;
	margin: 0 auto; text-align: center;	}
	
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:536px; height:134px; 
	clip:rect(0px, 536px, 134px, 0px); 
	overflow:hidden;	
	z-index:1; 	}
	
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 	}

img.pics {
	width: 110px;
	height: 110px;
	margin: 0 10px 0 10px;
	padding: 0;
	border: 2px solid #fff;	}


/* BACK & NEXT icons */
#photo_gallery img.back { float: left; border: 0; padding: 52px 5px 0 0;}
#photo_gallery img.next { float: left; border: 0; padding: 52px 0 0 5px;}	


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

/*  GOOGLE MAP						 	*/

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

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

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

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

/*	USER POLL								 */

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

.pollanswer {
	color: #757575;
	padding: 8px 0 1px 0;	
}


.polldata {
	color: #287FD7;
	font-size: 11px;
}


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

/*	FEEDBACK - notepad background		*/

/*======================================*/
		
/* holding div with photo bg */
div.feedback {
	text-align: left;
	width: 70%;
	margin: 30px auto 20px 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 #ddd;
}

	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		 	*/

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

form * {margin:0;padding:0;} /* Standard margin and padding reset, normally done on the body */

div.formkey {
	width:98%;
	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-repeat: no-repeat;
	background-position: 0 -8px; 
	padding: 1px 10px 1px 11px;
	color: #ccc;}
	div.formkey div.req { background-image:url(../newcastle/req.gif); }
	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: 22px 0 40px 0;
	width: 84%; 
	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: 96%;
	display: block;
	position: relative;
	background-color: white;
	clear: both;      
	margin: 0 0 26px 10px;
	padding: 0 0 20px 0;    
	border: 1px solid #C1C1C1;
	border-bottom: 3px solid #C1C1C1;
	border-right: 3px solid #C1C1C1;
	z-index: 0;

}

/* Legend for each fieldset */
form legend {
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: -2px 0 0 0;
	padding: 2px 6px 2px 6px;
	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: 288px;
	border: 1px solid #ccc;
	margin: 13px 0 5px 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: 394px;
	height: 73px;
	margin: 16px 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: 300px;
	height: auto;
	float: left;
	overflow: visible;
	margin: 13px 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: none;
	clear: left;
	width: auto;
	height: auto;
	float: left;
	margin: 4px 3px 4px 0;
	padding: 2px 3px;}
	
form select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 295px;
	border: 1px solid #ccc;
	margin: 14px 4px 0 0;
	padding: 2px 2px 2px 3px;
	background-color: #fff;
	float: left;
	background-image:url(../newcastle/formBG.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;	
	}
	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 */
	height: 1px;
	margin: 0;
	padding: 0;
}
	
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: 70%;
	color: #aeaeae;	}


form .text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #888;
	float: left;
	padding: 0 0 5px 0; 
	margin: 0 0 0 20px;
	}
	form .text a { color: #999; }
	
form input#submit {
	position: absolute;
	bottom: 10px;
	left: 22px;
	width: 108px;
	height: 34px;
	float: left; 
	border: none;
	margin:0 0 5px 5px;
	padding:0;
	background-color: transparent;
	}

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				*/

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


/* COPYRIGHT ETC */
#clientfooter {
	width: 980px;
	border-top: 1px solid #444;
	margin: 0 auto;
	padding: 15px 0 5px 0;
	text-align: center;
	color: #C3CAD1;
	position: relative;
	height: auto;
	bottom: 0;
	clear: both;	}	

#clientfooter a:link, #clientfooter a:visited { color: #8795A1; text-decoration: none; }
#clientfooter a:hover, #clientfooter a:active { color: #CC3333;  }	

	
	/* Web Sharp Designs link */
	#web_site_design_newcastle {
	width: 980px;
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 5px 0 20px 0;
	color: #444;
	position: relative;
	height: auto;
	bottom: 0;
	clear: both;	}	
	
	#web_site_design_newcastle a:link, #web_site_design_newcastle a:visited { color: #8795A1; text-decoration: none; }
	#web_site_design_newcastle a:hover, #web_site_design_newcastle a:active { color: #CC3333;  }