/* @override http://www.bonsaibranding.com/cygnia/wp-content/themes/cygnia/style.css */

/* @override http://www.bonsaibranding.com/cygnia/wp-content/themes/cygnia/style.css */

/*   
Theme Name: Cygnia Cove
Theme URI: http://www.cygniacove.com.au
Description: Cygnia Cove Website.
Author: Lars Dahlberg

Version: 1.0


/*------------------------------------------------------------------
[Table of contents]

1. Body / Header
2. Left Column
3. Right Column / Banner Advert / Enewsletter
4. Main Content / Mid Coulmn
5. News
6. Footer
7. Navigation

-------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
	
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

img, div { 
behavior: url(iepngfix.htc)
}


body {
	background-color: #002d4c;

}

.mainbgcontainer {
	width: 970px;
	margin: 0 auto;
	background: url(images/mainbg.png) repeat-y;
	padding-bottom: 0;
}


.innerbgcontainer {
	width: 900px;

	margin: 0 auto;
	background-color: #fff;
}
.mainbgcontainer_intro {
	width: 970px;
	
	margin: 0 auto;
	background: url(images/mainbg.png) repeat-y;
height: 900px;
}


.innerbgcontainer_intro {
	width: 900px;
	
	margin: 0 auto;
	
}

.hiddenpic {display:none;}


/*--------------Font------------ */

h1, h2, h3, h4, h5,  p,  a {
	font-family: times, georgia;
}

h1 {
	font-size: 1.8em;
	font-weight: 200;
	padding-top: 10px;
}
h2 {
	font-size: 1.6em;
	font-weight: 100;
	padding-top: 8px;
}
h3 {
	font-size: 1.4em;
	font-weight: 100;
	padding-top: 6px;
}
h4 {
	font-size: 1.2em;
	font-weight: 100;
	padding-top: 4px;
}
h5 {
	font-size: 1em;
	font-weight: 100;
	padding-top: 2px;
}

p {
	padding-bottom: 5px;
	padding-top: 5px;
	font: 300 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a{
	
	color: #002d4c;
}

/*--------------Header------------ */

.headercontainer {
	width: 900px;
	height: 160px;
	background: url(images/banner_bg.gif) repeat-x;
}
.enviro{
	height: 97px;
	width: 117px;
	float: right;
	margin-right: 12px;
	margin-top: 7px;
}
.cygnialogo{
	width: 173px;
	height: 103px;
	float: left;
	padding-left: 22px;
}
#mainnav{
	float:right;
}

#mainnav, #mainnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5em;
	z-index: 300;

	background: #fff;

}
#mainnav li {
	display: block;
	width:130px;
	

}
#mainnav a {
	display: block;
	color: #002d4c;
	border-right: 1px solid #ebebeb;
	text-decoration: none;
	
	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 14px;
}

#mainnav a:hover{

	background-color: #002d4c;
	color: white;
}




#mainnav li.current_page_item li a:hover, #mainnav li.page_item li a:hover{
background-color: #cfd8e7;
	color: #002d4c;
}

#mainnav li.current_page_item li a, #mainnav li.page_item li a, #mainnav li.page_ancestor li a{
	background-color: #f1f4fe;
	color: #002d4c;
}



#mainnav li.current_page_item a {
	
background-color: #002d4c;
	color: white;
	
}
#mainnav li.current_page_parent a {
	
background-color: #002d4c;
	color: white;
	
}





#mainnav li.current_page_ancestor li a {
	background-color: #fff;
	color: #002d4c;
	
}
#mainnav li.current_page_ancestor li a:hover {
background-color: #cfd8e7;
	color: #002d4c;
	
	
}
#mainnav li.current_page_ancestor li a{
	background-color: #f1f4fe;
	color: #002d4c;
	
	
}







#mainnav li {
	float: left;
	position: relative;
}



#mainnav ul {
	position: absolute;
	display: none;

}


#mainnav ul a {
	border-right: 1px solid #fff;

}

#mainnav li ul {
	border-top: 1px solid #fff;
	position: absolute;
	
		float: left;
	
	
}

#mainnav ul li a {
	


	height: auto;
	
	border-bottom: 1px solid #fff;
	font-size: 0.8em;
}

#mainnav ul{
	width: 130px;
	}

#mainnav ul li {
	
	display: block;
	width:130px;
}

#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li:hover ul ul ul ul {
	
}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li li li li:hover ul {
	display: block;
}

/*--------------Maincontent------------ */

.maincontentcontainer {
	width: 900px;
	height: 568px;
	background-image: url(images/mainvisual.jpg);
	position: relative;
}
.maincontentcontainercygnia-location {
	width: 900px;
	height: 315px;
	background-image: url(images/location.jpg);
	position: relative;
}
.maincontentcontainercygnia-estateplan {
	width: 900px;
	height: 523px;
	background-image: url(images/estateplan.jpg);
	position: relative;
}

.maincontentcontainersecond {
	width: 900px;
	min-height: 336px;
    position: relative;



}
.imagecontainer{
	
	
	left: 74px;
	top: 51px;
	position: absolute;
	display: block;
	width: 1px;
	height: 279px;
}

.imagestrip {
	
	width: 900px;
	height: 153px;
}

.swirl {
	width: 900px;
	height: 71px;
	background-image: url(images/swirl.jpg);
}

.maincontent {
	position: relative;
	float: right;
	width: 394px;
	color: #fff;
	height: auto;
	margin-top: 115px;
	margin-right: 90px;
	padding-bottom: 10px;
}

.maincontentsecond {
	float: right;
	width: 394px;
	color: #707070;
	height: auto;
	margin-right: 50px;
	padding-bottom: 10px;
}

.maincontentsecond .salesenq-btn {
  background-repeat:no-repeat;
  padding-left:30px;
}

ul.proposeddisplay{
	float:right;
	padding-top: 21px;
	padding-right: 63px;
}
ul.proposeddisplay li{
	background: url(images/red_dot.png) no-repeat;
	padding-left: 21px;
	color: #002d4c;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.maincontentsecond li a{
	margin:0px;
	padding: 0px;
}
.maincontentsecond li{
	padding-top: 10px;
	font: 400 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.titlearea {
	position: relative;
	color: #002d4c;
	width: 256px;
	margin-left: 74px;
	
}

.maincontent p {
	line-height: 20px;
}
.maincontent li:hover {
color: #e64715;
	padding-left: 5px;
	
}
.maincontentsecond li:hover {
color: #e64715;
	padding-left: 5px;
}


.downloadsectioncontainer {
	width: 223px;
	background: url(images/downloads_bg.png) repeat-y;
	position: absolute;
	left: 21px;
	bottom: 41px;
	color: #fff;
}

.downloadcont {
	padding: 17px 23px 25px;
	text-align: center;
}

ul.download li a {
	text-decoration: none;
	font-size: 0.9em;
	line-height: 22px;
	color: white;
}

ul.download li a:hover {
	color: #e64715;
}

.salesenq-btn {
	margin-top: 10px;
	background-image: url(images/sales_btn.png);
	width: 175px;
	height: 31px;
	padding-top: 12px;
}

.salesenq-btn a {
	color: white;
	text-decoration: none;
}

.logostripcontainer {
	width: 900px;
	height: 80px;

	
}
.logos{
	
	padding-top: 0px;
	margin: 0 auto;
	
}
img.padding {
	padding-left: 140px;
}

/*--------------contact page and form--------*/

.contact_container{
	width: 400px;
	float: left;
	border-bottom: 1px dotted #e64715;
	margin-bottom: 15px;
}
.contact_inner{
	float: left;
	width: 200px;
}

/*--------------Footer------------ */
.intro_footer{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
	font: 0.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7fa5c6;
}
.intro_footer a
{
	text-decoration: none;
	color: #7fa5c6;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}
.right{
	position: absolute;
	right: 0;
	top: 5px;
}

.footercontainer {
	position: relative;
	height: 70px;
	width: 900px;
	background: url(images/footershadow.jpg) no-repeat 0 top;
}
.footerbgcontainer {
	
	width: 970px;
	height: 50px;
	margin: 0 auto;
	background: url(images/footerbg1.png) no-repeat 0;
	
}

.logocontainer {
	position: absolute;
	width: 200px;
	height: 70px;



	right: 16px;
	top: 19px;
}
.blackboxlink{
	
	text-align: right;
	padding-right: 35px;
	padding-top: 23px;
	color: #7fa5c6;
}
.blackboxlink a{
	
	text-decoration: none;
	color: #7fa5c6;
	font: 0.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a.pdf {color:white; text-decoration:underline;display:block;padding-bottom:2px;}


/* =stage
---------------------------------------- */
div#stage {
  color: #707070;
  padding:20px;
  width:860px;
}

table#stagelist {
  width: 95%;
  margin-top:18px;
  margin-bottom: 18px;
  padding: 0;
  border-collapse: separate;
  font-size: 13px;
}
  
table#stagelist th, table#stagelist td {
  padding: 10px 10px 9px;
  line-height: 13.5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #DDD;
}

table#stagelist th {
  padding-top: 9px;
  font-weight: bold;
  border-bottom-width: 2px;
}

table#stagelist a {text-decoration:underline;line-height:16px;display:block;}
table#stagelist a:hover {text-decoration:none;}

.zebra-striped tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td {
  background-color: #f5f5f5;
}
.zebra-striped .header {
  cursor: pointer;
}
.zebra-striped .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
.zebra-striped .headerSortUp, .zebra-striped .headerSortDown {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.zebra-striped .header:hover:after {
  visibility: visible;
}
.zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.zebra-striped .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

#envirolink {
  font-size: 13px;
  left: 10px;
  position: absolute;
  top: 30px;
}

/* =popover
---------------------------------------- */
ul#builders {
  margin:20px 0;;
}

ul#builders li {
  box-shadow:0 0 2px #ccc;
  display:inline;
  float:left;
  height: 160px;
  line-height: 160px;
  margin:5px;
  padding:0 6px;
  text-align:center;
  width:150px;
}


ul#builders div.img {
  display: table-cell;
  height: 160px;
  line-height: 160px;
  vertical-align: middle;
  width: 160px;
  
}

ul#builders div.img img {
  display:inline-block;
  vertical-align:middle;
  max-width: 100%;
}

.popover-wrapper {
  position:relative;
  text-align:center;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 5px;
  display: none;
  text-align:left;
}

.popover h4.title {
  font-size:14px;
  padding:3px;
  text-align:center;
}

.popover.below {
  top:50px;
  left:-10px;
}

.popover.above .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.popover.below .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #002c4e;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover .inner {
  background-color: #002c4e;
  padding: 3px;
  overflow: hidden;
  width: 180px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
  background-color: #f5f5f5;
  padding: 9px 15px;
  line-height: 1;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #eee;
}
.popover .content {
  background-color: #ffffff;
  padding: 14px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover .content p, .popover .content ul, .popover .content ol {
  margin-bottom: 0;
}

#imgMap {
  background:url('images/stage1.jpg') no-repeat;
  height:520px;
  position:relative;
  width:900px;
}

#imgMap .hotSpot {
  position:absolute;
}

.hotSpot a {
  background:url('images/info.png') no-repeat;
  display:block;
  height:30px;
  text-indent:-999em;
  width:30px;
}

#lot116 {left: 573px;top: 179px;}
#popup-lot116 {left: 489px;top: 33px;}

#lot115 {left: 575px;top: 221px;}
#popup-lot115 {left: 492px;top: 70px;}

#lot114 {left: 564px;top: 263px;}
#popup-lot114 {left: 480px;top: 129px;}

#lot126 {left: 726px;top: 197px;}
#popup-lot126 {left: 642px;
top: 65px;}

#lot127 {left: 716px;top: 232px;}
#popup-lot127 {left: 633px;
top: 58px;}

#lot128 {left: 703px;top: 266px;}
#popup-lot128 {left: 620px;
top: 95px;}

#lot129 {left: 686px;top: 299px;}
#popup-lot129 {left: 603px;
top: 66px;}

#office {left: 411px;top: 404px;}
#popup-office {left: 328px;top: 270px;font-size:13px;}

#stage1 .popover {text-align:center;}
#stage1 .popover span {font-size:12px;}
#stage1 .popover img {margin-top:5px;}