/* John Greig CSS
--------------------------------------------------------------------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer
				
------------------------------------------------------------------------------------------------------------*/


/* Global Imports
------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "forms.css";
@import "searchresults.css";

/* PNG Fix
------------------------------------------------------------------------------------------------------------*/
#ie-only-logo  { display: none; }

/* Global CSS and Master Reset
------------------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 0px;
	background-color: #8ad4df;
	color: #0069aa;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.container {
	/*margin: 0 auto;*/
}

.container-outer {
	/*margin: 0 auto;*/
	background-image: url(../images/template/repeat-bg2.jpg);
	background-position: 15px 0; background-repeat: no-repeat;
	background-color: #ACE0E8;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
}

:link, :visited { text-decoration: none; }

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

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }


/* Typography
------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; margin-bottom: -5px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

p { font-size: 11px; line-height: 1.5em; }

.sub-heading { color: #8ad3df; font-size: 14px; }
h3.sub-heading { color: #8ad3df; font-weight: normal; }

/* Links
------------------------------------------------------------------------------------------------------------*/
a { color: #0069aa; text-decoration: none; outline: none; }
a:active { color: #0069aa; outline: none; }
a:visited { color: #0069aa; outline: none; }
a:hover { color: #0069aa; outline: none; text-decoration: underline; }
a.selected { color: #0069aa; text-decoration: underline; font-weight: bold; outline: none; }

.footer-home a { color: white; text-decoration: none; outline: none; }
.footer-home a:active { color: white; outline: none; }
.footer-home a:visited { color: white; outline: none; }
.footer-home a:hover { color: white; outline: none; text-decoration: underline; }

.footer-link-container a { color: white; text-decoration: none; outline: none; }
.footer-link-container a:active { color: white; outline: none; }
.footer-link-container a:visited { color: white; outline: none; }
.footer-link-container a:hover { color: white; outline: none; text-decoration: underline; }

.footer-text a { color: white; text-decoration: none; outline: none; }
.footer-text a:active { color: white; outline: none; }
.footer-text a:visited { color: white; outline: none; }
.footer-text a:hover { color: white; outline: none; text-decoration: underline; }

.footer a { color: white; text-decoration: none; outline: none; }
.footer a:active { color: white; outline: none; }
.footer a:visited { color: white; outline: none; }
.footer a:hover { color: white; outline: none; text-decoration: underline; }

.right-col-links a { 
	color: #0069ab; background-image: url(../images/template/link-bg-col.jpg);
	width: 265px; height: 22px; text-align: center; background-position: bottom left;
	background-repeat: no-repeat; display: block; line-height: 2.3em;
	font-size: 10px;
}

.right-col-links a { 
	color: #0069ab; background-image: url(../images/template/link-bg-col.jpg);
	width: 265px; height: 22px; text-align: center; background-position: bottom left;
	background-repeat: no-repeat; display: block; line-height: 2.3em;
	font-size: 10px;
}

.link-left { float: left; }
.link-right { float: right; margin-right: 20px; }
.top-text-menu { margin-top: 20px; }


/* Lists
------------------------------------------------------------------------------------------------------------*/
.right-col-text ul li { height: 35px; }
.right-col ul li { height: 35px; }

.right-col ul { margin-left: 0; }
.right-col-text ul { margin-left: 0; }

.content ul li { list-style: disc; margin-left: 10px; font-size: 11px; line-height: 1.5em; }
.menu ul li { list-style: none; margin-left: 0; font-size: 12px; }


/* Header CSS
------------------------------------------------------------------------------------------------------------*/
.header { 
	
}
.header-content {
	background-image: url(../images/template/header-bg.png);
	height: 134px; font-size: 12px; position: relative; z-index: 999;
	width: 1023px;
}
.header-logo { float: right; margin-right: 115px; margin-top: 20px; }
#header-logo { display: none; }


/* Content CSS
------------------------------------------------------------------------------------------------------------*/
.content {
	float: left; position: relative; z-index: 1;
	top: -80px; width: 1023px; background-color: white;
}

.content-prop-details {
	float: left; position: relative; z-index: 1;
	top: -95px; width: 1023px; background-color: white;
}

.content-text {
	float: left; position: relative; z-index: 3;
	top: -80px; width: 1023px; background-color: white;
}

.menu { float: right; font-size: 20px; position: relative; width: 351px; }
.menu-col { 
	width: 341px; background-image: url(../images/template/menu-col-bg.jpg); 
	background-repeat: repeat-y; height: 200px; padding-left: 10px;
}
.menu-col-bottom { 
	background-image: url(../images/template/menu-col-bottom.jpg); 
	background-repeat: no-repeat; clear: right;
}

.left-col { width: 572px; float: left; margin-left: 50px; margin-right: 50px; }
.left-col-details { width: 622px; float: left; margin-left: 50px; }
.left-col-text { width: 572px; float: left; margin-left: 50px; margin-right: 50px; margin-top: 50px; }
.left-col-results { width: 577px; float: left; margin-left: 50px; margin-right: 10px; margin-top: 50px; }
.left-col-results-sold { width: 577px; float: left; margin-left: 50px; margin-right: 10px; }
.left-col-home { width: 672px; float: left; margin-bottom: -418px; }
.right-col { float: right; width: 311px; margin-left: 40px; padding-top: 80px; }
.right-col-text { float: right; width: 311px; margin-top: 80px; margin-left: 40px; }
.property-search { width: 311px; }

#s3slider {  position: absolute; top: 50px; left: 40px; z-index: 999; }
#s3slider ul li span { display: none; }
#s3slider ul li { list-style: none; }
.heading-bg-img { width: 672px; float: left; margin-left: -50px; position: relative; z-index: 9; }

.body-text { margin-left: 50px; width: 622px; }
.text-col-1 { width: 280px; float: left; margin-right: 10px; }
.text-col-2 { width: 280px; float: right; }

.small-col-1 { float: left; width: 290px; }
.small-col-2 { float: right; width: 180px; }

.img-padding-right { margin-right: 15px; }


/* Footer CSS
------------------------------------------------------------------------------------------------------------*/
.footer {
	font-size: 10px; color: white; z-index: 998;
	height: 134px; position: relative; top: -80px;
	background-image: url(../images/template/footer-repeat-bg.jpg);
	background-repeat: no-repeat;
}

.footer-link-container { 
	width: 1023px; font-size: 10px; color: white; position: relative;
	top: -78px; height: 25px;
}

.footer-prop-details {
	font-size: 10px; color: white; z-index: 998;
	height: 134px; position: relative; top: -95px;
	background-image: url(../images/template/footer-repeat-bg.jpg);
	background-repeat: no-repeat;
}

.footer-home {
	font-size: 10px; color: white; z-index: 998;
	height: 134px; position: relative; background-image: url(../images/template/footer-repeat-bg.png);
	background-repeat: no-repeat; background-position: 672px 0;
}

.footer-text {
	font-size: 10px; color: white; z-index: 998;
	height: 134px; position: relative; top: -80px;
	background-image: url(../images/template/footer-repeat-bg.jpg);
	background-repeat: no-repeat;
}

.tcc-tag { float: right; margin-right: 20px; margin-top: 110px; }

.footer-content { 
	width: 1023px; background-image: url(../images/template/footer-bg.jpg); 
	background-repeat: no-repeat; height: 134px; background-color: white;
}

.footer-content-home { 
	width: 1023px; background-image: url(../images/template/footer-bg.png); 
	background-repeat: no-repeat; height: 134px;
}


/* Accordion CSS
------------------------------------------------------------------------------------------------------------*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #555555;
	outline: none;
}


/* Nasty Little Safari CSS Hack :(
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menu { float: right; font-size: 20px; position: relative; width: 351px; margin-left: -40px; }
}