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

	Contents:	Unwanted Elements
				
------------------------------------------------------------------------------------------------------------*/


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


/* 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; }
.gallery-header h1 {
	font-weight: normal; font-size: 14px; line-height: 3em;
	text-transform: capitalize; color: white; padding-left: 10px;
	color: #0069AA;
}

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

.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-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; }


/* 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 { display: none; }
#header-logo { margin-left: 510px; display: block; }


/* 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: 612px; float: left; margin-left: 50px; margin-right: 10px; }
.left-col-details { width: 622px; float: left; margin-left: 50px; margin-top: -130px; }
.left-col-text { width: 612px; float: left; margin-left: 50px; margin-right: 10px; 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; }

.home-text-gallery {  position: absolute; top: 50px; left: 40px; z-index: 10; }
.heading-bg-img { width: 672px; float: left; margin-left: -50px; }

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

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

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

.gallery-nav-holder { position: relative; z-index: 990; margin-top: 0px; }
.property-agent-details { margin-left: -50px; }
.agent-contact-col-right { margin-left: -50px; }
.content-prop-details { position: relative; top: 0; }


/* Prop Details
------------------------------------------------------------------------------------------------------------*/
#gallery-header { 
	background-color: #0069AA; display: inline-table; width: 672px; height: 47px;
}



/* Unwanted Elements
------------------------------------------------------------------------------------------------------------*/
.right-col { display: none; }
/*.header { display: block; }*/
.footer-prop-details { display: none; }