body 						{ /* sets global font style */ font: normal 8pt/15pt Geneva, Arial, Helvetica, sans-serif; color: #545454; margin: 0px; padding: 0px; background: #339999 url(../img/bg.jpg) no-repeat top center; }

/* hyperlink - anchor tag styles */
a:link, a:visited 			{ color: #749696; text-decoration: none; }
a:hover 					{ text-decoration: underline; }

/* Image Divs */
.feaImage 					{ width: 190px; height: 140px; border: 5px solid #C7D4D4; }
.transImage-5 				{ width: 1px; height: 5px; border: 0px; }
.transImage-10 				{ width: 1px; height: 5px; border: 0px; }
.transImage-19 				{ width: 1px; height: 19px; border: 0px; }

/* font styles */
h3							{ font: bold 150%/19px Arial, Helvetica, sans-serif; color: #666666; margin: 10px;}
.text-lg2					{ font: bold 150%/19px Arial, Helvetica, sans-serif; color: #666666;}
.text-lg1					{ font: normal 130%/19px Arial, Helvetica, sans-serif; color: #666666;}
.text-mid 					{ font: bold 110%/16px Arial, Helvetica, sans-serif; color: #749696; display: block; padding-bottom: 5px; border-bottom: 1px solid #749696; margin-bottom: 5px; }
.text-col	 				{ color: #9090AC; }

/* form stuff */
.button						{ background-color: #F8F8F8; border: 1px solid #A7A7C1; height: 20px; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt;color: #333333; text-align: center;cursor: hand; vertical-align: middle;margin: 2px;}
.input-box 					{ background-color: #F8F8F8; border: 1px solid #A7A7C1; height: 100px; width: 98%; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt;color: #666666; text-align: left;vertical-align: middle;overflow: hidden;}
.input  					{ background-color: #F8F8F8; border: 1px solid #A7A7C1; height: 18px; width: 98%; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt;color: #666666; text-align: left; vertical-align: middle;}
.input-fixed 				{ background-color: #F8F8F8; border: 1px solid #A7A7C1; height: 18px; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt;color: #666666; text-align: left; vertical-align: middle;}

/* globalNav styles */
#globalNav 					{ font-weight: bold; color: #5E8A8A; border-left: 1px solid #A8BABA; border-right: 1px solid #AA8BABA; /* don't touch after this point */ position:relative; width:99.9%; min-width:760px; height:30px; padding:0px; margin:0px; background-image:url(../img/nav-bg.gif); }
#gnl 						{ position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; }
#gnr 						{ position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px; }
#globalLink 				{
	border-left: 1px solid #90ABAB;
	position: absolute;
	left: 18px;
	height: 23px;
	top:7px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	visibility: visible;
}
a.glink, a.glink:visited 	{ color: #5E8A8A; border-right: 1px solid #90ABAB; /* don't touch after this point */ font-size: 8pt; margin: 0px; padding: 4px 10px 4px 10px; }
a.glink:hover 				{ height: 18px; background-image: url(../img/nav-rollover.gif); text-decoration: none; }
.skipLinks 					{ display: none; }

/* subglobalNav styles */
.subglobalNav 				{
	color: #FFFFFF;
	position: absolute;
	top: 135px;
	left: 0px;
	width: 100%;
	height: 26px;
	padding: 4px 0px 0px 18px;
	visibility: visible;
}
.subglobalNav a:link, .subglobalNav a:visited { color: #FFFFFF; font-size: 8pt; }
.subglobalNav a:hover 		{ color: #288585; background-color: #B1C7C7; padding: 2px; text-decoration: none; }

/* Layout Divs */
#pageTop 					{
	position: absolute;
	top: 10px;
	left: 2%;
	right: 2%;
	width:95.6%;
	height: 130px;
	border: 1px solid #A1C2C2;
	background-color: #B5C9C9;
	visibility: visible;
}
#page	 					{ position: absolute; top: 180px; left: 2%; right: 2%; width:95.6%; }

#siteHeader 				{
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0px;
	padding: 0px;
	left: 0px;
}
#pageBody 					{ /* content bg */ background-color: #FFFFFF; border: 1px solid #A1C2C2; /* don't touch after this point */ position: relative; width: 99.8%; height: 100%; padding: 0px; margin: 0px; }

#content 					{ padding: 0px; margin: 10px 10px 10px 10px; text-align: justify; }
#photo-lhs				{ float: left; width: 175px; height: 100%; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
#photo-rhs				{ float: right; width: 225px; height: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.line						{ border-right: 1px solid #90ABAB; height: 100%; }
.footer 					{ border-top: 1px solid #90ABAB; width: 100%; }

.lhs {float: left; width: 50%; clear: left;}
.rhs {float: right; width: 50%; clear: right;}
#staff {
float:right;
	width: 120px;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #EBF2F2;
	border: 1px solid #C2CFCF;

}
.Image 				{ width: 90px; border: 1px solid #749696; display:block; margin: 0 15px; }


.main-row {clear: both; margin-bottom: 10px; text-align: center; width: 100%;}


/* Custom Lists */
 /** banner **/
#banner {
	margin: 10px;
	padding: 0px;
	width:630px;
	height: 83px;
	background: #FFFFFF url("http://www.johnkennedyrealestate.com.au/img/jkre-bnnr.jpg") no-repeat right;
	border: 1px solid #CCCCCC;
}

/** Open for Inspection title **/
#head {
	width: 623px;
	margin-bottom: 10px; color:#FFFFFF; padding-left:10px;
}
/** footer **/
#footer {
	margin: 0px;
	width:613px;
	font: normal 11px/14px Arial, Helvetica, sans-serif; color:#999999;
	padding-left: 10px;
	padding-right: 10px;
	clear:both;
	background-color: #F7F8FA;
	border: 1px solid #D0DAD9;
}
#footer a:link {color:#3B665F; text-decoration:none;}
#footer a:visited {color:#3B665F; text-decoration:none;}
#footer a:hover {color:#3B665F; text-decoration:underline;}


/** property info**/
#prop_container{
margin: 0 10px;
	width: 623px;
	height: 115px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 5px 0px 5px 10px;
}
#prop_container #image{
	float:left;
	width: 152px;
	height:115px;
	border: 1px solid #D0DAD9;	padding: 0px;
}
#prop_container #text{
	width: 461px;
	height:115px;
	margin-left: 156px;
	border: 1px solid #D0DAD9;
	background-color: #F7F8FA;
	padding: 0px;
}
#prop_container #text #description{
	padding: 10px;
	font-size:11px;
}
/** icons styles**/
#icons{
	background-color: #329998; padding: 2px 0px 2px 0px; font: bold 12px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; height: 19px;
}
#icons a:link {
	color:#FFFFFF; font-size:11px;
}
#icons a:visited {
	color:#FFFFFF; font-size:11px;
}
#icons a:hover {
	color:#FFFFFF; font-size:11px;
}
/** text styles **/
.text-1 {  font-size:13px; font-weight:bold;  color: #749696; margin-bottom: 0px;}
.text-2 {  font-size:11px; font-weight:bold;  color: #003328; margin-bottom: 0px;}
.text-3 {  font-size:12px; font-weight:bold; }
.text-4 {  font-size:13px; font-weight:bold;  color: #FFFFFF; margin-bottom: 0px;}

.white {  color: #FFFFFF;}





/* Forms */
/*buyers wishlist */
    .formContainer {
      padding: 0px; margin: 15px 15px 15px 15px; text-align: justify; width: 650px;
    }

    .formContainer fieldset {
     padding: 5px 5px 15px 5px;
	 border: 1px solid #9CBABA;
    }

    .formContainer fieldset legend {
	 text-align: center;
	 height: 20px;
	 padding: 2px;
	 margin-left: 0px; margin-right: 0px;
	 margin-bottom: 10px;
     color: #9CBABA;
	 font-weight: bold;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9pt;
    }

    .formContainer input, .formContainer textarea, .formContainer select {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
    }

    .formContainer input, .formContainer textarea {
      width: 250px;
    }

    .formContainer input.small {
      width: 100px;
    }
	
	.formContainer input.x-sma {
      width: 50px;
    }

    .break {
      clear: both;
    }

    .formContainer div.row {
      clear: both;
      padding-top: 5px;
    }

    .formContainer div.row span.label {
      float: left;
      width: 250px;
      text-align: right;
     line-height: 110%;
     padding-top: 2px;
    }

    .formContainer div.row span.field {
      float: right;
      width: 375px;
      text-align: left;
    }

    .formContainer .required {
      color: #D71920;
     font-weight: bold;
	 font-style: normal;
    }

    .formContainer .buttonRow {
      text-align: right;
     padding: 5px;
    clear: both;
    }

    .formContainer .buttonRow input {
     width: auto;
	 padding: 0 5px;
     background-color: #339999;
     color: white;
     border: 1px solid #ABABAB;
    }
	
	 /* ========== CALCULATORS ========== */
 
 /*stamp duty calculator*/
  .formContainer div.row span.header {
     float: left;
     width: 100%;
     text-align: left;
     line-height: 110%;
     padding-top: 2px;
	 padding-bottom: 2px; 
    }
	
	.formContainer input.calc-small {
      width: 50px;
    }
	
	.formContainer div.row span.calc-field {
      float: left;
      width: 100px;
      text-align: center;
    }
	
	.formContainer div.row span.calc-label {
	float: left;
	width: 100px;
	text-align: center;
	line-height: 110%;
	padding-top: 2px;
    }
	
	.formContainer div.row span.calc-state {
	float: left;
	width: 50px;
	text-align: right;
	line-height: 110%;
	padding-top: 2px;
    }

 /* investment calculator*/
 
.formContainer .buttonRow_mid1 {
   float: left;
   width: 158px;
   text-align: right;
    padding-top: 2px;
	padding-bottom: 5px;
 }

 .formContainer .buttonRow_mid1 input {
   width: auto;
   background-color: #999999;
   color: #FFFFFF;
   border: 1px groove #00023A;
   padding: 0 5px 0 5px;
 }
 
 .formContainer .buttonRow_mid2 {
   float: right;
   width: 320px;
   text-align: left;
   padding-top: 2px;
   padding-bottom: 5px;
 }

 .formContainer .buttonRow_mid2 input {
   width: auto;
   background-color: #999999;
   color: #FFFFFF;
   border: 1px groove #00023A;
   padding: 0 5px 0 5px;
 }
 
 /* mortgage calculators */
 
   .formContainer div.row span.label-mortgage {
	float:right;
	width: 525px;
	text-align: left;
	line-height: 110%;
    }
     .formContainer div.row span.field-mortgage{
	float: left;
	width: 75px;
	text-align: right;
    }
	
 .formContainer .buttonRow_left {
   text-align: left;
   padding-left: 15px;
   float: left;
   width: 75px;
 }
 
 .formContainer .buttonRow_left input {
     width: auto;
	 padding: 0 5px;
     background-color: #339999;
     color: white;
     border: 1px solid #ABABAB;
 }