/**********************
 OVERALL LAYOUT
***********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body.red { background: #fee; }
body.purple { background: #ddf; }
body.yellow { background: #ffe; }
body.orange { background: #fed; }
body.pink { background: #fef; }
body.white { background: #fff; }
body.green { background: #eff; }
body.blue { background: #eef; }

#skiptomain {
	display: none;
}

#wrapper {
	width: 780px;
	height: 530px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -390px;
	margin-top: -265px;
	font-size: 0.85em;
	text-align: center;
}

#topnav {
	text-align: center;
	padding: 0px 0px 10px 0px;
	width: 780px;
	height: 20px;

}

#pagecontainer {
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 780px;
	text-align: center;
	background: #fff url(images/pageback.gif) no-repeat center right;

}

	#mainpage {
		text-align: left;
		padding: 0px 0px 0px 0px;
		width: 780px;

	}

		#pageleft {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: left;
			width: 300px;
		}


		#pagemiddle {
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 20px;
			float: left;
			text-align: left;
			width: 160px;
		}

		#pageright {
			margin: 0px 0px 0px 0px;
			padding: 190px 20px 0px 20px;
			float: right;
			text-align:left;
			width: 260px;
			}

			div.colourblocks {
				position: absolute;
				width: 240px;
				height: 30px;
				bottom: 50px;
				right: 20px;
			}
			
		#pagefullright{
			margin: 0px 0px 0px 0px;
			padding: 10px 20px 0px 20px;
			float: left;
			text-align: left;
			width: 440px;
		}


		#pagefullwidth{
			margin: 0px 0px 0px 0px;
			padding: 10px 20px 0px 20px;
			text-align: left;
			width: 740px;
		}

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 782px;
	text-align: center;
}

#footertext {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;
}


/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}


/**********************
BODY FONT HACK FOR IE
 **********************/

* html body, * html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/*****************
 FONTS
 *****************/

#topnav { font-size: 0.9em; color: #555; }
#mainpage { font-size: 0.8em; color: #555; line-height: 1.7em; }
#footer { font-size: 0.8em; color: #999;  }


/*****************
 HEADINGS
 *****************/

h1 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.4em; display:block; margin: 10px 0px 10px 0px; color: #333; font-weight: normal;}
h2 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.4em; display:block; margin: 10px 0px 5px 0px;color: #555; font-weight: normal;}
h3 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #777; display: block; margin: 10px 0px 10px 0px; padding: 15px 0px 5px 0px;}



/*****************
 LINKS
 *****************/
 
#pageright p a:link{ color: #669; text-decoration: none }
#pageright p a:visited{ color: #669; text-decoration: none }
#pageright p a:hover{ color: #c93; text-decoration: underline }

#pagefullright p a:link{ color: #669; text-decoration: none }
#pagefullright p a:visited{ color: #669; text-decoration: none }
#pagefullright p a:hover{ color: #c93; text-decoration: underline }

#footer a:link{ color: #999; text-decoration: none }
#footer a:visited{ color: #999; text-decoration: none }
#footer a:hover{ color: #c93; text-decoration: underline }


/*****************
 UL TOP NAV
 *****************/


#topnav ul.topnavlist{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 780px;
}

#topnav  ul.topnavlist li{
	display: inline;
	margin: 0px 14px 0px 14px;
}

#topnav ul.topnavlist a:link, #topnav ul.topnavlist a:visited{
	padding: 0px 0px 0px 0px;
	color: #666;
	text-decoration: none;
}

#topnav ul.topnavlist a:hover, #topnav ul.topnavlist a:active{
	color: #c93;
	text-decoration: none;
}

/*****************
 UL TOP RIGHT NAV
 *****************/


#pageright ul.topnavlist{
	margin: 10px 0px 50px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 200px;
}

#pageright ul.topnavlist li{
	display: block;
	margin: 0px 0px 0px 0px;
	line-height:1.4em;
}

	#pageright ul.topnavlist li.homelink{
		padding: 1px 0px 1px 0px;	
	}
	
	#pageright ul.topnavlist li.gallerylink1{
		padding: 1px 0px 1px 15px;	
	}
	
	#pageright ul.topnavlist li.gallerylink2{
		padding: 1px 0px 1px 30px;	
	}
	
	#pageright ul.topnavlist li.testimonialslink{
		padding: 1px 0px 1px 45px;	
	}
	
	#pageright ul.topnavlist li.abouttlink{
		padding: 1px 0px 1px 60px;	
	}
	
	#pageright ul.topnavlist li.contactlink{
		padding: 1px 0px 1px 75px;	
	}
	
	#pageright ul.topnavlist li.bloglink{
		padding: 1px 0px 1px 90px;	
	}
	/* -- */

#pageright ul.topnavlist a:link, #pageright ul.topnavlist a:visited{
	padding: 0px 0px 0px 0px;
	color: #333;
	text-decoration: none;
}

#pageright ul.topnavlist a:hover, #pageright ul.topnavlist a:active{
	color: #c93;
	text-decoration: none;
}


/*****************
 BREAKS
 *****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 PARAGRAPHS
 *****************/

p { margin-top: 10px; }
p.bordered { padding: 10px; border: 1px solid #ccc; }
p.intro { font-size: 1.1em; }
p.justify { text-align: justify; }

/*****************
 IMAGES
 *****************/

img.noborder { border: none; }

img.bordered { border: 1px solid #666; }


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*****************
 GALLERY ITEMS
*****************/

div.galleryitem {
 	width: 22px;
 	height: 22px;
 	background: #fff;
	margin: 10px 5px 10px 0px;
	padding: 0px 0px 0px 0px;
 	float: left;
 }


div.galleryitemend { margin: 10px 0px 10px 0px; }

div.galleryitem a:link, div.galleryitem a:visited, div.galleryitem a:hover {
	display: block;
	width: 22px;
	height: 22px;
}

/*****************
 BROKERAGE ITEMS
*****************/

div.brokitem {
 	width: 50px;
 	height: 50px;
 	background: #fff;
 	border: none;
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
 	float: left;
 }


div.brokitemend { margin: 10px 0px 10px 0px; }

div.brokitem a:link, div.brokitem a:visited, div.brokitem a:hover {
	display: block;
	width: 50px;
	height: 50px;
}

/*****************
 COMMON COLOURS FOR ITEMS
*****************/

#Red { background: #D2375F; }
#Purple { background: #5B2E8B; }
#Yellow { background: #F9FC0D; }
#Orange { background: #F37946; }
#Pink { background: #E799C1; }
#White { background: #EFEAD7; }
#Green { background: #A7C64E; }
#Blue { background: #4967AA; }

/*****************
 TRANSITIONS
*****************/

/* default opacity for IE */
img {
	filter: alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position: absolute;
	z-index: 30000;
	visibility: hidden;
	}
	
	
/**********************
 FLASH ANIMBLOCK
***********************/

#flashanim {
	position: relative;
}

#flashanim.mainimage {
	background: transparent;
	width: 300px;
	height: 480px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}

#flashanim img.noanim {
	display: block;
}