@import url(/assets/css/reset.css);
@import url(/assets/css/typography.css);
@import url(/assets/css/color.css);
/* set page div widths */
body {
	line-height: 1.3;
}
/*

div {
	border: 1px solid yellow;
	
}*/

body, superWrapper {
	min-width: 990px;
}

#wrapper, 
div#flashBanner, 
div#branding, 
#utilityNav, 
#utilityNav ul, 
#nav, 
#nav ul, 
#footerInner {
	width: 990px;
}

#sectionNavHeader, #sectionNav, #sectionNav ul li a {
	width: 260px;
}


#mainContent,#mainContentFooter  {
	width: 710px;
}

#feature {
	width: 366px;
}

.alert {
	width: 220px;
}
/* END set page div widths */

html, body {
	min-height:101%
}

body {
	text-align: center;
	background: url("/assets/img/bgBodyMain.jpg") center top;
	font-size: small;
}

#superWrapper {
	background: url("/assets/img/bgBody.jpg") repeat-x center top;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
}

#flashBanner {
	height: 100px;
	background: url("/assets/img/Header.jpg") no-repeat center top;
}

#branding {
	height: 35px;
	background: url("/assets/img/headerLogo.gif") no-repeat center top;
}

#branding a {
	width: 0.1em; /* Hack to set the whole area in the tab as 'clickable' in IE6 */
	display: block;
	margin: 0px;
	height: auto;
}
#branding a#logo {
	width: 0.1em; /* Hack to set the whole area in the tab as 'clickable' in IE6 */
	display: block;
	width: 300px;
	margin: 0px;
	height: 35px;
}

#utilityNav {
	height: 35px;
	background: url("/assets/img/bgUtilityNav.gif") no-repeat top center;
	font-size: 90%;
}

#utilityNav ul {
	margin: 0 auto;
	width: 950px;
}

#utilityNav ul li {
	float: left;
	margin: 10px 0 0 0;
}

#utilityNav a {
	padding: 10px;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
}

div#utilityNav ul a:hover {
	text-decoration: underline;
}

form#cse-search-box {
	float: right;
	white-space: nowrap;
	margin-top: 5px;
}

















#nav {
	font-size: 90%;
	font-weight: bold;
	background: url("/assets/img/bgNavLG.gif") bottom center;
}

#nav ul {
	width: 950px;
	margin: 0 auto;
	height: 30px;
	padding: 0;
	background: url("/assets/img/bgNav.gif") bottom center;
} 

#nav ul li {
	float: left;
}

#nav a {
	width: 0.1em; /* Hack to set the whole area in the tab as 'clickable' in IE6 */
	display: block;
	padding: 7px 10px;
	text-decoration: none;
	white-space: nowrap;
/*	background: url("/assets/img/bgNavLG.gif") bottom center;*/
}

#nav > ul a {
	width:auto;
}

/* Reset with for browsers other than IE6 (IE6 doesn't understand > child selector */
#nav ul a:hover {

}

















#sectionNav {
	padding-top: 24px;
	background: #ffffff url("/assets/img/bgSectionNavTop.gif") no-repeat center top;
}

#sectionNavFooter {
	padding-bottom: 34px;
	background: #ffffff url("/assets/img/bgSectionNavBottom.gif") no-repeat center bottom;
}


#sectionNavHeader {
	font-size: 120%;
	padding: 10px;
}

#sectionNav {
	clear: both;
	float: left;
	margin: 0;
	margin-top: 20px;
	padding-bottom: 0;
	font-size: 110%;
}
#sectionNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#sectionNav ul li a {
	display: block;
	padding: 3px 0;
	text-decoration: none;
	text-indent: 20px;
}


/******************* indent lower nav elements **************************/

#sectionNav ul.About a, 
#sectionNav ul.Pouwhenua a, 
#sectionNav ul.Retail a, 
#sectionNav ul.Residential a, 
#sectionNav ul.Showroom a, 
#sectionNav ul.Investment a, 
#sectionNav ul.Projects a,
#sectionNav ul.JointVentures a {
	text-indent: 25px;
	font-size: 80%;
}

#sectionNav ul.Residential ul.LindenGrove a,
#sectionNav ul.Residential ul.IveaghBay a {
	text-indent: 35px;
}


/******************* hide lower sectionNav elements *************************/

.about ul.Retail, 
.about ul.Pouwhenua, 
.about ul.Residential, 
.about ul.Showroom, 
.about ul.Investment, 
.about ul.Projects,
.about ul.JointVentures,

.contact ul.About, 
.contact ul.Pouwhenua,
.contact ul.Retail, 
.contact ul.Residential, 
.contact ul.Showroom, 
.contact ul.Investment, 
.contact ul.Projects,
.contact ul.JointVentures,

.links ul.About, 
.links ul.Pouwhenua, 
.links ul.Retail, 
.links ul.Residential, 
.links ul.Showroom, 
.links ul.Investment, 
.links ul.Projects,
.links ul.JointVentures,

.news ul.About, 
.news ul.Retail, 
.news ul.Pouwhenua, 
.news ul.Residential, 
.news ul.Showroom, 
.news ul.Investment, 
.news ul.Projects,
.news ul.JointVentures,

.pouwhenua ul.About, 
.pouwhenua ul.Retail, 
.pouwhenua ul.Residential, 
.pouwhenua ul.Showroom, 
.pouwhenua ul.Investment, 
.pouwhenua ul.Projects,
.pouwhenua ul.JointVentures,

.pop ul.About,
.pop ul.Residential,
.pop ul.Retail, 
.pop ul.Investment, 
.pop ul.Projects, 
.pop ul.Showroom,
.pop ul.JointVentures,

.retail ul.About,
.retail ul.Pouwhenua, 
.retail ul.Residential, 
.retail ul.Showroom, 
.retail ul.Investment, 
.retail ul.Projects,
.retail ul.JointVentures,

.residential ul.About, 
.residential ul.Pouwhenua, 
.residential ul.Retail, 
.residential ul.Showroom, 
.residential ul.Investment, 
.residential ul.Projects, 
.residential ul.JointVentures, 
.residential ul.Residential ul.LindenGrove, 
.residential ul.Residential ul.IveaghBay, 

.linden ul.About, 
.linden ul.Pouwhenua, 
.linden ul.Residential ul.IveaghBay,
.linden ul.Retail, 
.linden ul.Investment, 
.linden ul.Projects, 
.linden ul.Showroom,
.linden ul.JointVentures, 

.iveagh ul.About, 
.iveagh ul.Pouwhenua, 
.iveagh ul.Residential ul.LindenGrove,
.iveagh ul.Retail, 
.iveagh ul.Investment, 
.iveagh ul.Projects, 
.iveagh ul.Showroom, 
.iveagh ul.JointVentures, 

.showroom ul.About, 
.showroom ul.Pouwhenua, 
.showroom ul.Retail, 
.showroom ul.Residential, 
.showroom ul.Investment, 
.showroom ul.Projects, 
.showroom ul.JointVentures,

.investment ul.About, 
.investment ul.Pouwhenua, 
.investment ul.Retail, 
.investment ul.Residential, 
.investment ul.Showroom, 
.investment ul.Projects, 
.investment ul.JointVentures,

.projects ul.About,
.projects ul.Retail,
.projects ul.Pouwhenua, 
.projects ul.Residential, 
.projects ul.Showroom, 
.projects ul.Investment,
.projects ul.JointVentures,

.jointVentures ul.About, 
.jointVentures ul.Pouwhenua, 
.jointVentures ul.Retail, 
.jointVentures ul.Residential, 
.jointVentures ul.Showroom, 
.jointVentures ul.Investment,
.jointVentures ul.Projects,

.notFound ul.About, 
.notFound ul.Pouwhenua, 
.notFound ul.Retail, 
.notFound ul.Residential, 
.notFound ul.Showroom, 
.notFound ul.Investment,
.notFound ul.Projects,
.notFound ul.JointVentures { 
	display: none;
}

#sectionNavNews h2 {
	margin-left: 20px;
}

#sectionNavNews ul li {
	font-size: 80%;
}

#content {/* Necessary to allow the 'secondary content' to have a left margin without needing to implement box model hack*/
	margin-right: 0;/* background: url("/assets/img/bgRightBorder.jpg") repeat-y right top; make background image with divider on it. */
}

li#sectionNavFooter {
	padding-bottom: 30px;/*	background: url("/assets/img/bgSe ctionNavBtm.jpg") no-repeat bottom right;*/
}
 
#mainContent {
	margin: 20px  0 0 20px;
	float: right;
	background: #ffffff url("/assets/img/bgMainTop.gif") no-repeat center top;
}

#mainContentFooter {
	height: 14px;
	background: #ffffff url("/assets/img/bgMainBottom.gif") no-repeat center bottom;	
}

#mainContent h1, 
#mainContent h2, 
#mainContent h3, 
#mainContent p,
#mainContent table,
#mainContent div.TabbedPanels#tp1 {
	margin-right: 20px;
	margin-left: 20px;
	/*text-align: justify;*/
}

#breadcrumbs {
	margin-top: 10px;
}

#breadcrumbs p {
	float: right;
	font-size: 80%;
}

ul {
	padding-right: 20px;
	padding-left: 20px;
}

h1, h2, h3 {
	font-weight: normal;
}

h1 {
	font-size: 200%;
	margin-bottom: 10px;
	margin-top: 20px;
}
h2 {
	font-size: 160%;
	margin-bottom: 5px;
	margin-top: 40px;
}
h3 {
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 5px;
}
p {
	margin-bottom: 20px;
	font-size: 110%;
}

hr {
	width: 670px;	
}
.clear {
	clear: both;
}
#mainContent a {
	text-decoration: none;
}

#mainContent p.smallText {
	font-size: 85%;
	margin-left: 40px;
	margin-right: 40px;
}
#mainContent ul, 
#mainContent ol {
	margin-left: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	font-size: 110%;
}
#mainContent p.introText {
	font-size: 130%;
}
#mainContent img.imgRight {
	float: right;
	margin: 0 0 0px 10px;
}
#mainContent img.imgLeft {
	float: left;
	margin: 0 10px 0px 0;
}
#mainContent div.imgCaptionRight {
	float: right;
	clear: both;
	margin: 0 10px 0 10px;
}

#mainContent div.imgCaptionLeft {
	float: left;
	clear: both;
	margin: 0 10px 0 10px;
}

#mainContent div.imgCaptionRight p, 
#mainContent div.imgCaptionLeft p {
	clear: both;
	margin: 0;
	font-size: 90%;
	padding: 5px;
}


.videoRight {
	float: right;
	margin: 0 20px 10px 20px;
}

#mainContent .column1 {
	float: left;
	margin-left: 20px;
	width: 314px;
}

#mainContent .column2 {
	float: right;
	margin-right: 20px;
	width: 314px;
}

#mainContent .column1 h3, 
#mainContent .column1 p {
	width: 314px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}

#mainContent .column2 h3, 
#mainContent .column2 p {
	margin-right: 0px;
	margin-left: 0px;
	width: 314px;
	float: right;
}
.alert {
	float: right;
	margin: 0 10px 10px 10px;
}

div.box {
	clear: both;
	display: block;	
	margin: 10px 40px 10px 40px;
}

img.imgCentered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.photo {
	border: 7px solid #e8ebe4;
	margin: 0 0 10px 0;
}

blockquote {
	display: block;
	margin: 20px 25px 20px 45px;
	font-size: 95%;
	font-style: italic;
}

img.logo {
	margin: 0 0 20px 0;
}

ul.level0 {
	list-style-type: disc;
}
ul.level1 {
	list-style-type: lower-alpha;
}
ul.level2 {
	list-style-type: lower-roman;
}
#feature {
	float: right;
	margin-top: 20px;
}
#feature h2, #feature h3, #feature ul, #feature p {
	padding-right: 0px;
	padding-left: 0px;
}
#feature img.imgRight {
	margin: 0 0 10px 10px;
}
#feature img.imgLeft {
	margin: 0 10px 10px 0;
}
#feature h2 {
	clear: both;
	font-size: 130%;
	font-weight: normal;
	margin-top: 0;
}
#feature h2.top {
	/*margin-top: 20px;*/
	margin-top: 40px;
}
#feature h3 {
	font-size: 110%;
	margin-top: 20px;
}
#feature ul {
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 10px;
}
#feature ul.TabbedPanelsTabGroup {
	padding-right: 0px;
	padding-left: 0px;
}
#feature a {
	text-decoration: none;
}
#feature .sectionTop, #feature .ContentColSingleIndex2 {
	height: 13px;
	background: url("/assets/img/corners-single-top.gif") top center;
}
#feature .section {
	background: url("/assets/img/corners-single-bot.gif") bottom center no-repeat;
	padding: 0 13px 13px 13px;
	margin-bottom: 20px;
}

#feature .section a:hover {
	border: 0;
	text-decoration: none;
}
#feature .TabbedPanels {
	background: url("/assets/img/corners-single-bot.gif") bottom center no-repeat;
	padding: 0 10px;
	margin-bottom: 20px;
}
#baseline {
	clear: both;
}
#footer {
	clear: both;
	display: block;
	margin: 60px auto;
	text-align: left;
	width: 100%;
	height: 200px;
}
#footerInner {
	clear: both;
	margin: 0 auto;
	padding: 15px 0 0 0;
	color: #ffffff;
	font-size: 11px;
}

#footerInner p {
	padding: 15px 0 0 0;

}

#footerInner a {
	color: #ffffff;
	text-decoration: none;
}

#footer #footerInner #divisionOne {
	float: left;
	width: 240px;
}

#footer #footerInner #divisionTwo {
	float: left;
	width: 240px;

}

#footer #footerInner #divisionThree {
	float: right;
	width: 240px;

}

#footer #footerInner #divisionFour {
	float: right;
	width: 240px;
}

#footerInner p {
	text-align: center;
	clear: both;
}
#footer #footerInner #divisionOne ul li,
#footer #footerInner #divisionTwo ul li, 
#footer #footerInner #divisionThree ul li, 
#footer #footerInner #divisionFour ul li {
	color: #ffffff;
	margin-bottom: 5px;

}