/* Novak Agency Sitewide Stylesheet */

/*GLOBAL STYLES
---------------------------------------------*/
* { /*global reset*/
	margin: 0;
	padding: 0;
	}

html,
body {
	height: 100%;
	}	

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.4em;
	color: #666;
	background: #828282 url(../img/bg_footer.gif) 50% 0 repeat-y;
	text-align: center; /*IE 5*/
	min-width: 780px;
	min-height: 600px;
	}

hr {
	display: none;
	}

a img  {
	border: none;
	}	

.break {
	clear: both;
	}		

/*LAYOUT STYLES
---------------------------------------------*/

#wrap {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	}	

#header {
	height: 90px;
	width: 100%;
	background: #010101;
	}

#menu {
	width: 100%;
	height: 25px;
	background: #333;
	border-bottom: 5px solid #FFF;
	}	

#menu-container {
	width: 768px;
	text-align: left;
	margin: 0 auto;
	}					

#content {
	width: 100%;
	background: #D1D1D1 url(../img/bg_body.gif) 50% 0 repeat-y;
	clear: both;
	}

#content-container,
#custom-container {
	width: 768px;
	padding: 0 0 2em 0;
	background: #FFF url(../img/watermark.gif) 100% 100% repeat-y;
	text-align: left;
	margin: 0 auto;
	overflow: auto;
	}

* html #content-container,
* html #custom-container {
	overflow:hidden;
	}
		
/*privacy page only*/
body#privacy #content-container {
	padding: 2em 0;
	}	

#footer {
	width: 100%;
	margin: 0 0 2em 0;
	clear: both;
	background: url(../img/footer-strip.gif) no-repeat top center;
	}
	
#header-container,
#footer-container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	}
	
#header-container,		
#footer-container {
	padding: 0.625em;
	}

* html #header-container,
* html #footer-container {
	width: 768px; /*IE 5*/
	w\idth: 751px;
	}	

#footer-container {
	padding-top:30px;
	}	
	
#footer-container p{
	border-top:1px solid #333;
	}	



/*HEADER STYLES
---------------------------------------------*/	

#header #logo {
	float: left;
	background: #FFF url(../img/logo.gif) 0 0 no-repeat;
	width: 191px;
	height: 69px;
	}	

#header #logo span {
	display: none;
	}

				
/*MENU STYLES
---------------------------------------------*/	

#nav ul {
	list-style-type: none;
	}

#nav li {
	float: left;
	display: block;
	position: relative;
	z-index: 99999;
	min-height: 25px;
	}	

* html #nav li {
	height: 25px;
	}	

#nav span {
	display: none;
	}	

#nav a:hover {
	background-position: 50% -25px;
	}	

/*grouped elements from main buttons*/
#mm_home,
#mm_sales,
#mm_rentals,
#mm_exploreNovak,
#mm_media,
#mm_moneyStuff,
#mm_careers,
#mm_contactUs {
	display: block;
	height: 25px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: #000;
	border-right: 1px solid #858585;
	}	

/*main menu buttons*/
#mm_home {
	background-image: url(../img/mm_home.gif);
	width: 70px;
	}

#mm_sales {
	background-image: url(../img/mm_sales.gif);
	width: 60px;
	}

#mm_rentals {
	background-image: url(../img/mm_rentals.gif);
	width: 70px;
	}
	
#mm_exploreNovak {
	background-image: url(../img/mm_exploreNovak.gif);
	width: 115px;
	}

#mm_media {
	background-image: url(../img/mm_media.gif);
	width: 70px;
	}

#mm_moneyStuff {
	background-image: url(../img/mm_moneyStuff.gif);
	width: 90px;
	}

#mm_careers {
	background-image: url(../img/mm_careers.gif);
	width: 120px;
	}

#mm_contactUs {
	background-image: url(../img/mm_contactUs.gif);
	width: 110px;
	}

/* second-level lists */		
#nav li ul { 
	position: absolute; 
	text-transform: lowercase;
	padding:0; 
	margin:0;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#nav ul li { /* all list items */
	width: 10em; /* width needed or else Opera goes nuts */	
	}

#nav ul li a {
	display: block; 
	width: 150px; 
	padding: 4px;
 	border: 1px solid #FFF;
  	border-right-color: #CECECE;
  	border-bottom-color: #CECECE;
 	background: #DDD;
	color: #666;
 	font: normal 80%/120% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	min-height: 15px;
	-moz-opacity:.9;
    filter:alpha(opacity=90);	
	}

* html #nav ul li a {
	height: 15px;
	}
		
#nav ul li a:hover {
	background: #EEE;
	color: #666;
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.9em 0 0 141px;
	}

* html #nav li ul ul {/* For IE5*/
	margin: -1.9em 0 0 141px;
	}

#nav  li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}	
	
/*Activates main button*/
body#home #mm_home,
body#sales #mm_sales,
body#rentals #mm_rentals,
body#exploreNovak #mm_exploreNovak,
body#media #mm_media,
body#moneyStuff #mm_moneyStuff,
body#careers #mm_careers,
body#contactUs #mm_contactUs {
	background-position: 50% -25px;
	}	

/*FOOTER STYLES
---------------------------------------------*/		

/*contact details*/
#footer p {
	width: auto;
	clear: both;
	margin: 0 0 0.325em 0;
	t//ext-indent: -5000px;
	font-size: 80%;
	}

#footer p a#address:link,
#footer p a#address:visited,
#footer p a#address:hover,
#footer p a#address:active {
	float: left;
	background: url(../img/footer_contactDetails.gif) 0 0 no-repeat;
	text-indent: -5000px;
	width: 312px;
	height: 10px;
		}

/*email*/
#footer p a#email:link,
#footer p a#email:visited,
#footer p a#email:hover,
#footer p a#email:active {
	float: left;
	background: url(../img/footer_email.gif) 0 0 no-repeat;
	width: 131px;
	height: 10px;
	text-indent: -5000px;
	}				

/*web address*/
#footer p a#web:link,
#footer p a#web:visited,
#footer p a#web:hover,
#footer p a#web:active {
	float: right;
	width: 154px;
	height: 14px;
	background: url(../img/footer_novakagency_com.gif) 0 0 no-repeat;
	text-indent: -5000px;
	}	

#footer a {
	color: #6E6E6E;
	text-decoration: none;
	}		

#footer a:hover {
	color: #6E6E6E;
	text-decoration: underline;
	}
	
/*SECTION BANNERS
---------------------------------------------*/	

body#sales #section,
body#rentals #section,
body#exploreNovak #section,
body#media #section,
body#moneyStuff #section,
body#careers #section,
body#contactUs #section {
width: auto;
	height: 130px;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 0 1em 0;
	clear: both;
	}	
	
* html body#sales #section,	
* html body#rentals #section,
* html body#exploreNovak #section,	
* html body#media #section,	
* html body#moneyStuff #section,		
* html body#careers #section,
* html body#contactUs #section { /*center aligns the banner image for IE*/
width: auto;
	ma//rgin-left: 2px;
	}

body#sales_propertyEnquiry,
body#sales_emailFriend,
body#sales #section {
	background: #FFF url(../img/section_sales.jpg);
	}
	
body#rentals_propertyEnquiry,
body#rentals_emailFriend,
body#rentals #section {
	background: #FFF url(../img/section_rentals.jpg);
	}	

body#exploreNovak #section {
	background: #FFF url(../img/section_exploreNovak.jpg);
	}

body#media #section {
	background: #FFF url(../img/section_media.jpg);
	}	

body#moneyStuff #section {
	background: #FFF url(../img/section_moneyStuff.jpg);
	}	

body#careers #section {
	background: #FFF url(../img/section_careers.jpg);
	}	

body#contactUs #section {
	background: #FFF url(../img/section_contactUs.jpg);
	}	


/*TEXT STYLES
---------------------------------------------*/
a:link,
a:visited {
	color: #BD9851;
	text-decoration: none;
	}

a:hover,
a:active {
	color: #CCC;
	text-decoration: underline;
	}
		
h1 { /*reserved the header logo*/
	font-size: 1.6em;
	}

h2 { /*headings*/
	font-size: 1.4em;
	height: 17px;
	text-indent: -5000px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 0.3em 0.625em;
	}

h3 {
	font-size: 1.1em;
	}

#content-container img {
	border: 1px solid #CCC;
	}	

#content-container ul {
	width: 500px;
	margin: 0 0 0.625em 0;
	}

#content-container li {
	list-style-image:url(../img/bullet.gif);
	list-style-position: inside;
	margin: 0 0 0 0.625em;
	padding: 0 0 0 0.625em;
	}	

#content-container ul ul li {
	margin: 0 0 0 0.625em;
	padding: 0 0 0 0.625em;
	list-style-image: none;
	list-style-type: none;
	}	

* html #content-container ul ul li {
	text-indent: -1.3em;
	}

#content-container em {
	font-size: 90%;
	display: block;
	}	
		

/*HEADINGS
---------------------------------------------*/

/*sales headings*/

h2#hd_sales {
	background-image: url(../img/hd_sales.gif);
	}

h2#hd_salesContracts {
	background-image: url(../img/hd_saleContract.gif);
	}

h2#hd_sold {
	background-image: url(../img/hd_sold.gif);
	}	

h2#hd_buyersWishlist {
	background-image: url(../img/hd_buyersWishlist.gif);
	}		

h2#hd_marketAppraisal {
	background-image: url(../img/hd_marketAppraisal.gif);
	}		

/*rentals headings*/

h2#hd_rentals {
	background-image: url(../img/hd_rentals.gif);
	}

h2#hd_propertyManagement {
	background-image: url(../img/hd_propertyManagement.gif);
	}	

h2#hd_maintenanceRequest {
	background-image: url(../img/hd_maintenanceRequest.gif);
	}	

h2#hd_tenancyApplication {
	background-image: url(../img/hd_tenancyApplication.gif);
	}	

h2#hd_vacatingNotice {
	background-image: url(../img/hd_vacatingNotice.gif);
	}	

h2#hd_tenancyWishlist {
	background-image: url(../img/hd_tenancyWishlist.gif);
	}		

/*explore novak*/
	
h2#hd_aboutNovak {
	background-image: url(../img/hd_aboutNovak.gif);
	}	

h2#hd_ourPeople {
	background-image: url(../img/hd_ourPeople.gif);
	}	

h2#hd_salesPresentation {
	background-image: url(../img/hd_salesPresentation.gif);
	}		

h2#hd_rentalsPresentation {
	background-image: url(../img/hd_rentalsPresentation.gif);
	}		

h2#hd_privacy {
	background-image: url(../img/hd_privacy.gif);
	}	

/*media*/			

h2#hd_theGoss {
	background-image: url(../img/hd_theGoss.gif);
	}

h2#hd_associatedLinks {
	background-image: url(../img/hd_associatedLinks.gif);
	}

/*money stuff*/

h2#hd_calcStampDuty {
	background-image: url(../img/hd_calcStampDuty.gif);
	}

h2#hd_calcLoanRepayment {
	background-image: url(../img/hd_calcLoanRepayment.gif);
	}	

h2#hd_calcBorrow {
	background-image: url(../img/hd_calcBorrow.gif);
	}	

h2#hd_calcAfford {
	background-image: url(../img/hd_calcAfford.gif);
	}	

h2#hd_calcPrincipal {
	background-image: url(../img/hd_calcPrincipal.gif);
	}	

h2#hd_calcLease {
	background-image: url(../img/hd_calcLease.gif);
	}	
	
h2#hd_calcIncome {
	background-image: url(../img/hd_calcIncome.gif);
	}					

h2#hd_calcSplitLoan {
	background-image: url(../img/hd_calcSplitLoan.gif);
	}

h2#hd_calcExtraRepayments {
	background-image: url(../img/hd_calcExtraRepayments.gif);
	}	
	
h2#hd_calcLumpSum {
	background-image: url(../img/hd_calcLumpSum.gif);
	}	

h2#hd_calcCompare {
	background-image: url(../img/hd_calcCompare.gif);
	}	
	
h2#hd_calcComparisonRate {
	background-image: url(../img/hd_calcComparisonRate.gif);
	}		

h2#hd_calcSavingsPlan {
	background-image: url(../img/hd_calcSavingsPlan.gif);
	}

h2#hd_calcCompound {
	background-image: url(../img/hd_calcCompound.gif);
	}	

h2#hd_calcBudget {
	background-image: url(../img/hd_calcBudget.gif);
	}				

/*careers@novak*/

h2#hd_careers {
	background-image: url(../img/hd_careers.gif);
	}		

/*contact us*/			

h2#hd_contactUs {
	background-image: url(../img/hd_contactUs.gif);
	}	

/*integrated search*/	

h2#hd_propertyEnquiry {
	background-image: url(../img/hd_propertyEnquiry.gif);
	margin-top: 1em;
	}	

h2#hd_emailFriend {
	background-image: url(../img/hd_emailFriend.gif);
	margin-top: 1em;
	}	


/*ADDITIONAL STYLES
---------------------------------------------*/

/*PDF/Acrobat Links*/	
#pdf, 
#pdf li {
	list-style-type: none;
	list-style-image: none;
	width: 500px;
	}		

#pdf li {
	margin: 0 0 2px 0;
	}

#pdf li a {
	background: url(../img/icon_pdf.gif) 0 0 no-repeat;
	padding: 5px 5px 5px 40px;
	height: 30px;
	width: 200px;
	display: block;
	color: #333;
	}	

.getAcrobat a:link, 
.getAcrobat a:visited {
	width: 500px;
	display: block;
	height: 51px;
	margin: 0 0.625em;
	background: url(../img/icon_acrobat.gif) 0 1em no-repeat; 
	padding: 12px 0 0 98px;
	border-top: 1px solid #999;
	font-size: 90%; 
	color: #999; 
	text-decoration: none;
	}	

/*privacy styles*/
body#privacy p {
	width: 500px;
	margin: 0 0 0.625em 0.625em;
	}

body#privacy h3 {
	margin-left: 0.625em;
	}	

/*the goss and careers*/

#content-container a#blog img {
	float:right;
	margin:0 20px 0 0;
	border:none;
	}

.article {
	padding: 0.625em 0 0 0;
	margin: 0 0.625em;
	border-bottom: 1px solid #CCC;
	width: 660px;
	overflow: auto;
	}

* html .article {
	width: 680px; /*IE 5*/
	w\idth: 660px;
	}

body.view .article {
	border: none;
	padding: 0;
	}	

/*the goss and careers - images*/
.article img.right {
	float: right;
	margin: 0 0 0.625em 0.625em;
	}

.article img.left {
	float: left;
	margin: 0 0.625em 0.625em 0;
	}	

.article img.none{
	margin: 0.625em 0 0.625em 0;
	}		
	
body.summary img {
	}

body.view img {
	}

	
	
/*the goss and careers - text styles*/
.article p {
	margin: 0 0 0.625em 0; /*reset*/
	}

.article h3 {
	margin: 0 0 0.625em 0; /*reset*/
	}	

.authorDate {
	color: #AAA;
	}


/*Staff Profiles*/			
body.ourPeople dl {
	float: left;
	width: 320px;
	margin: 0.625em;
	}

body.ourPeople dl dt {
	float: left;
	}	

body.ourPeople dl dt img {
	float: none;
	margin: 0;
	padding: 0;
	width: 78px;
	height: 110px;
	}	
	
body.ourPeople dl dd {
	margin: 0 0 0 90px;
	width: 210px;
	}	

body.ourPeople dl dd.name {
	font-weight: bold;
	}

body.ourPeople dl dd.position {
	}

body.ourPeople dl dd.email {
	margin-bottom: 0.6em;
	}	

body.ourPeople dl dd.phone {
	}

body.ourPeople dl dd.description a {
	display: block;
	}	

/*view page*/
body.ourPeople img {
	float: right;
	width: 156px;
	margin: 0 0 1em 1em;
	}			

/*Contact Us*/

body#contactUs dl {
	width: 350px;
	margin: 0 0 1em 0.625em;
	display: block;
	}	

body#contactUs dl dt {
	float: left;
	font-weight: bold;
	padding: 2px;
	width: 100px;
	}	

body#contactUs p {
	width: auto;
	}			

body#contactUs dl dd {
	margin-left: 110px;
	width: 230px;
	padding: 2px 0;
	}	

body#contactUs .article {
	border: none;	
	}
	
body#contactUs img {
	float: right;
	width: 250px;
	height: 200px;
	margin: 0 0 10px 10px;
	border: 1px solid #CCC;
	}		

/*Sales Presentation*/
p.salesP//res {
	padding: 0.5em 0;
	
	text-transform: uppercase;
	}
	
a.presentation:link,
a.presentation:visited {
	float: left;
	margin: 0 0.9em 0.625em 0;
	padding: 3px;
	background: #E6E6E6;
	text-align: center;
	text-transform: uppercase;
	}

a.presentation:hover,
a.presentation:active {
	padding: 3px;
	background: #999;
	}	
	
/*Contact Us Image */


/*Money Stuff*/
body#moneyStuff .article { 	width: 670px; padding: 0; border: none; margin: -1em 0 0.625em 0.625em; clear: both; overflow:visible; }