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

Stylesheet for Point Break Realty web site
www.pointbreakrealty.com.au

Don't know who built the original, but it is being gradually revised and
improved by Chris McIntosh Design.
www.chrismcintoshdesign.com

Cleanup objectives:

- Better naming conventions
- Use more tag definitions in place of custom classes
- Reduce / elliminate unnecessary duplication 

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

/* STANDARD TAG REDEFINITIONS --------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-attachment: scroll;
	background-image: url(images/back.gif);
	background-repeat: repeat;
	background-position: left top;
}
H1 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #003399;
}
H2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
/*
a {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:active {
	color: #FFCC00;
}
a:hover {
	color: #FFFFFF;
}
*/

/* CUSTOM CLASSES --------------------------------------------------------- */

/* NEW... These are some new ones. Older ones follow further down... */

.featureTable {
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;

}
.featureTable th {
	background-color: #000066;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0.3em;
	padding-right: 0.7em;
	padding-bottom: 0.3em;
	padding-left: 0.7em;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;

}
.featureTable  td {
	background-color: #DDDDFF;
	padding-top: 0.3em;
	padding-right: 0.7em;
	padding-bottom: 0.3em;
	padding-left: 0.7em;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;

}
.featureTable  .altColour1 {
	background-color: #CECEFF;

}


/*
	These are some of the better ones. The dodgiest are in a separate
	section below ("DODGY CLASSES"), and will eventually be phased out.
*/

.text { /* Applied inconsistently */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	line-height: 18px;
	font-weight: normal;
	
	
}

.pageContent { /* Applied to the table (on SOME pages) that contains the main page content */

}

.pageContent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	
	line-height: 18px;
	font-weight: bold;
	
	
	color: #0000CC;
	text-decoration: none;
	border: none;
}
.pageContent a:link {
	color: #0000CC;
}
.pageContent a:visited {
	color: #cc00CC;
}
.pageContent a:active {
	color: #ff0000;
}
.pageContent a:hover {
	color: #ff0000;
}

.navPanel { /* Applied to table that contains the main navigation elements */

}
.navPanel TH {
	background-color: #000099;
	border: 1px solid #3366FF;
	padding: 1px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFF00;
	line-height: 15px;
}
.navPanel TD {
	background-color: #000099;
	border: 1px solid #3366FF;
	padding: 1px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 15px;
}
.navPanel A {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;
}
.navPanel A:link {
	color: #FFFFFF;
}
.navPanel A:visited {
	color: #FFFFFF;
}
.navPanel A:active {
	color: #FFCC00;
}
.navPanel A:hover {
	color: #FFCC00;
	background-color: #000099;
}

.footer { /* Applied to table cell containing copyright notice and webmaster link */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #6666FF;*/
	color: #808080;
	padding-top: 1em;
	padding-bottom: 0.5em;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}
.footer A {
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 11px;
	line-height: none;
	text-decoration: none;
}
.footer A:link{
	color: #808080;
}
.footer A:visited {
	color: #808080;
}
.footer A:active {
	color: #808080;
}
.footer A:hover {
	color: #FF9900;
}

/* Used on pages for individual sale properties... */

.saleTable {
	background-color: #FFFF99;
	border: 1px solid #FFCC66;
	padding: 15px;
}
.saleTable TD {
	padding: 15px;
}
.saleHeading {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	color: #0066FF;
}

/* Used on the index page with the thumbnails... */

.saleThumb {
	border-bottom: solid 2px #3399FF;
	text-align: left;
	vertical-align: top;

}
.saleDesc {
	border-bottom: solid 2px #3399FF;
	text-align: left;
	vertical-align: top;

}
.salePrice {
	font-weight: bold;
	text-align: center;
	vertical-align: top;

	
}
.saleLink {
	border-bottom: solid 2px #3399FF;
	text-align: center;
	vertical-align: bottom;

}


/* DODGY CLASSES ---------------------------------------------------------- */

/*
	Dodgy for various reasons, including the flawed convention of naming
	the class by it's appearance instead of it's purpose or structural
	meaning (e.g. "TitleBlue", "TitleBlack" etc. instead of H1, H2...
*/

.titlewhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	line-height: 18px;
	font-weight: bold;
	
	
	color: #FFFFFF;

}
.titleblack {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	line-height: 18px;
	font-weight: bold;
	
	
	color: #000000;
}
.titleblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	line-height: 18px;
	font-weight: bold;
	
	
	color: #003399;
}


.bordertavle {                        /* Huh ??? */
	border: 1px solid #FFFFFF;
}
.whtdot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	line-height: normal;
	font-weight: bold;
	
	
	color: #3399FF;
}
.textsml {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	
	line-height: 18px;
	font-weight: normal;
	
	
}
.btmline {
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #3399FF;
}
.boright {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #000000;
}
.topline {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3399FF;
	
	/*border-right-style: none;
	border-right-color: #3399FF;
	border-left-style: none;
	border-left-color: #3399FF;*/
	
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;*/
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	line-height: 18px;
	font-weight: bold;
	
	
	color: #003399;


}
.rightline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #3399FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	line-height: normal;
	font-weight: normal;
	
	
	color: #000000;

}
.yellowbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	
	
	color: #FFCC00;
}
.titleblackCopy {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	
	line-height: 18px;
	font-weight: bold;
	
	
	color: #006699;
}

.bottomBlue {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #3366FF;
	border-right-color: #3366FF;
	border-bottom-color: #3366FF;
	border-left-color: #3366FF;
}
h3 {
	font-size: 12px;
	color: #000000;
}
.hrSpaceMain {
	margin-top: 15px;
	margin-bottom: 15px;
}
.hrSideStyle {
	vertical-align: bottom;
}
.hrSpaceSide {
	margin-left: 5px;
}