/* Global Styles */

body { background: transparent url(/images/site/bg-branding.png) repeat-x left top; 
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
		
#container { position: relative; width: 897px; margin: 20px auto; 	 }
#branding { height: 160px; margin-bottom: 30px; background: transparent url(/images/site/bg-container.png) no-repeat left 15px; }
#branding a { position: absolute; top: 18px; width: 226px; height: 140px;  text-indent: -9999px;  }
#siteinfo { font-size: 1em; padding-top: 15px; margin: 20px 0 0 25px; border-top: 1px solid #000; }

#content { overflow: hidden; }
#content-main { width: 450px; float: left; margin-left: 195px; margin-top: -5px; min-height: 730px; }
#searchcode { position: absolute; height: 60px; width: 76px; top: 27px; right: 260px; text-indent: -9999px; }
#hipcode { position: absolute; height: 60px; width: 68px; top: 27px; right: 185px; text-indent: -9999px; }
#searchcode a { display: block; height: 60px; width: 76px; }
#hipcode a {  display: block; height: 60px; width: 76px; }
#byline { font-size: 38px; margin: 0;  }
#content-main #byline h2 { font-weight: normal; color: #136584; font-size: 44px; text-transform: none; width: 500px; line-height: 1.1; }

#content-supp { position: absolute; margin-left: 5px; width: 220px;  top: 191px; right:-10px; width: 200px;  }
#content-supp img { padding-bottom: 100px; }

#content-supp #quotes { margin-bottom: 1em ; }
#content-supp #quotes ul { margin: 0; }
#content-supp #quotes li { list-style: none; }
#content-supp #quotes .quote { display: block ; margin-bottom: 0 ; padding: 8px 0 0 8px ; font-size: 1.1em ; font-style: italic ; background: transparent url(/images/site/quotes.png) no-repeat left top ; }
#content-supp #quotes .name { display: block; font-size: 12px; font-weight: bold; margin-top: 7px; }
#content-supp p#testimonials a { font-weight: normal ; color: #136584 ; }

#login { background: transparent url(/images/site/bg-login.png) no-repeat left top;
		position: absolute; height: 108px; width: 173px; top: 18px; right:-10px; color: #fff; }
#login form { margin: 6px 0 0 5px; }
	
#login label { margin-left: 5px; padding-top: 7px; float: left; width: 60px;}	
#login input { font-size: 10px; width: 76px; margin-top: 3px; height: 11px; }
#login a { color: #72c242; font-weight: bold; }
#login #hipviewlogo { text-indent: -9999px; display: block; width: 73px; height: 21px; margin-top: 13px; }
#login #btnSub { background: transparent url(/images/site/btnSub.png) no-repeat left top;
				position: absolute; top: 73px; left: 98px; width:52px; height: 20px; text-indent: -9999px; border:none; cursor: pointer; }
#login label#agreelbl { margin-left: 38px; width: 70px;  }
#login #agree { float: left; width: auto; margin-top: 4px; }

/* Navigation: Main */

#navmain { background: #A6C5FC url(/images/site/bg-navmain.jpg) no-repeat 0 210px; position: absolute; 
			top:180px; left:26px;  width: 138px; min-height: 712px; }
#navmain #home { margin-top: 10px; }
#navmain li { font-size: 13px; background-color: #A6C5FC; }
#navmain li.active { background: #d1e0fd ; }
#navmain li.active a { color: #DA4E21;}
#navmain a { display: block; color: #1F73B0; font-weight: bold; line-height: 1.4; padding: 5px 0 5px 10px;}
#navmain a:hover { background: #d1e0fd; text-decoration: none; }

/* General Typography */

#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5 { text-transform: lowercase; margin-bottom: 0.5em; line-height: 1.3; }

#content-main h1 { font-size: 3.4em; color: #136584 }
#content-main h2 { font-size: 2.6em; color: #1F73B0; line-height: 1.5; }
#content-main h3 { font-size: 1.8em; }
#content-main h4 { font-size: 1.6em; }
#content-main h5 { font-size: 1.4em; }

#content-main p,
#content-main ul,
#content-main ol { font-size: 1.3em; line-height: 1.4; margin-bottom: 1em; }

#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol { font-size: 1em; }

#content-main ul li { padding-bottom: 11px; }

#content-main ul,
#content-main ol,
#content-main blockquote { margin-left: 20px; }

#content-main ul,
#content-main ol { list-style: disc; }

#content-main a { text-decoration: none; font-weight: bold; color: #000; }
#content-main a:hover { text-decoration: underline; }

#content-supp h2,
#content-supp h3,
#content-supp h4,
#content-supp h5 { margin-bottom: 0.5em; line-height: 1.3; color: #1F73B0; text-transform: lowercase;}

#content-supp h2 { font-size: 1.8em; }
#content-supp h3 { font-size: 1.4em; }
#content-supp h4 { font-size: 1.3em; }
#content-supp h5 { font-size: 1.2em; }

#content-supp p,
#content-supp ul,
#content-supp ol { font-size: 1.1em; line-height: 1.6; margin-bottom: 1em; }

#content-supp ul ul,
#content-supp ul ol,
#content-supp ol ul,
#content-supp ol ol { font-size: 1em; }

#content-supp ul,
#content-supp ol,
#content-supp blockquote { margin-left: 20px; }

#content-supp ul,
#content-supp ol { list-style: disc; }

#content-supp a { text-decoration: none; font-weight: bold; color: #000; }
#content-supp a:hover { text-decoration: underline; }


/* Form Styles */

#content-main form fieldset { margin-bottom: 1em; padding: 20px; background: #d1e0fd; }

#content-main form label { float: left; width: 160px; font-size: 1.2em; line-height: 1.3; margin-top: 3px; }
#content-main form .select label { margin-top: 4px; }

#content-main form .text,
#content-main form .select,
#content-main form .multitext,
#content-main form .datetime,
#content-main form .checkbox { overflow: hidden; margin-bottom: 1em; }

#content-main form .button { overflow: hidden; margin-bottom: 1em; padding: 20px; background: #d1e0fd; }

#content-main form .text input,
#content-main form .select select,
#content-main form .multitext textarea { float: left; width: 240px; padding: 2px 4px; border: 1px solid #2076a1;}

#content-main form .select select { width: 310px; padding: 2px 2px; }
#content-main form .button input { float: right; border: 1px solid #000; background: #DA4E21; height: 27px; font-size: 1.5em; color: #fff; font-weight: bold; }
#content-main form .checkbox input { float: left; margin: 3px 0 0; }

#content-main form .text input,
#content-main form .select select,
#content-main form .multitext textarea,
#content-main form .datetime .day,
#content-main form .datetime .month,
#content-main form .datetime .year,
#content-main form .datetime .hour,
#content-main form .datetime .minute,
#content-main form .datetime .ampm,
#content-main form .button input { font-size: 1.2em; line-height: 1.3; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }


/* Page Specific */
#home #picbox { position: absolute; top: 160px; right:-10px; width: 200px;  }
#home #content-main h1 { display: none;}
#contact #frmEnquiries h3 { padding-top: 15px; }
#propertyframe { margin-top: 10px; }
#properties #picbox { visibility: hidden;}
#properties #content-main { width: 600px; }

/* Page Specific :: Testimonials */
#testimonials #content-main { width: 600px; }
#content-main .testimonial { float: left; overflow: hidden; width: 250px; height: 200px; padding: 10px 15px; margin: 0 15px 15px 0; 
							  border-top: 1px solid #136584; background: transparent url(/images/site/bg-testimonial.png) repeat-x left top ; color: #000; }
#content-main .testimonial h2 { font-weight: bold; color: #136584; margin-bottom: 7px; line-height: 1.4;
									color: #136584; font-size: 1.4em;}