/* -------------------------------
 * DEEPEND SYDNEY
 * ------------------------------*/
/* -------RESETS-----------------------------------------------------------------*/
* 					{	margin: 0; padding: 0; }
a 					{	text-decoration: underline; color: #d5287f;}
a img				{ border: none;}
a:focus,
a:active 		{ outline: none; }
a:hover			{ text-decoration: none; }
ul li 			{	list-style-type: none; }
.cleardiv		{clear: both; height: 1px; line-height: 1px; font-size: 1px;}

/* -------END-RESETS-------------------------------------------------------------*/

/* -------GLOBAL---------------------------------------------------------------*/
body {
	background-color: #000;
	color: #a0a0a0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2em;
}

p { color: #a0a0a0; }

#pagecontent hr {
	background-color: #383838;
	border: none;
	color: #383838;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 0 0 26px 0;
	outline: none;
}

.specialclear {background: url(../images/specialBreak.gif) no-repeat left top; clear: both; height: 1px; line-height: 1px; font-size: 1px;}
.featureLinkClear {clear: both; height: 1px; line-height: 1px; font-size: 1px; border: 1px dashed orange;}

/* -------PAGE LAYOUT AND HEADER ITEMS------------------------------------------------*/
  
#pagewrapper {
	margin: 0 auto;
	position: relative;
	width: 969px;
}

#header {
	border-bottom: 1px solid #383838;
	padding: 30px 0 20px 0;
}

#header h1 {
	background: url(../images/headingLogo.gif) no-repeat left top;
	height: 102px;
	width: 604px;
	text-indent: -100000px;
}
/* -------END PAGE LAYOUT AND HEADER ITEMS------------------------------------------------*/

/* -------NAVIGATION------------------------------------------------*/

#navigation {
	height: 27px;
	padding: 19px 0;  
}

#navigation  li {
	display: inline;
	float: left;
}

#navigation  li a {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline;
	height: 27px;
	float: left;
	text-indent: -100000px;
}

#navigation  li a:hover		{background-position: 0 -29px;}
#navigation  li a:focus		{background-position: 0 -87px;}
#navigation  li a:active	{background-position: 0 -58px;}
#navigation  li a.current {background-position: 0 -87px;}

#navHome 				{background-image: url(../images/navHome.gif); width: 63px;}
#navAbout				{background-image: url(../images/navAbout.gif); width: 71px;}
#navInvitation 	{background-image: url(../images/navInvitation.gif); width: 94px;}
#navSites 			{background-image: url(../images/navSites.gif); width: 54px;}
#navContact 		{background-image: url(../images/navContact.gif); width: 88px;}
#navProjects		{background-image: url(../images/navProjects.gif); width: 88px;}

/* nav current states */
body#home #navHome,
body#about #navAbout,
body.invitationPage #navInvitation,
body.sitesPage #navSites,
body#contact #navContact,
body.projectsPage #navProjects,
body.viewproject #navProjects {background-position: 0 -87px;}

/* -------END NAVIGATION------------------------------------------------*/

/* -------PAGE FEATURES------------------------------------------------*/
#feature {
	background: url(../images/logo-sydneyCityCouncil.gif) no-repeat right top;
	border-bottom: 1px solid #383838;
	border-top: 1px solid #383838;
	margin: 0 0 38px 0;
}

#featuretile {
	height: 161px;
	padding: 26px 0 0 0;
	position: relative;
	width: 928px;
}

#featuretile h2 {
	margin: 0 0 24px 0;
}

#featuretile h2.shortTitle {
	position: absolute;
	top: 69px;
}

#home #featuretile {background: url(../images/featureImg-home.jpg) no-repeat left top;}
#about #featuretile	{background: url(../images/featureImg-about.jpg) no-repeat left top;}
.invitationPage #featuretile, #thanks #featuretile {background: url(../images/featureImg-invitation.jpg) no-repeat left top;}
.sitesPage #featuretile, .projectsPage #featuretile	{background: url(../images/featureImg-sites.jpg) no-repeat left top;}
#contact #featuretile	{background: url(../images/featureImg-contact.jpg) no-repeat left top;}




.featureImg-TheMeetingPlace
{
	background: url(../images/viewprojects/featureImg-TheMeetingPlace.jpg) no-repeat left top;
}
.featureImg-ForgottenSongs
{
	background: url(../images/viewprojects/featureImg-ForgottenSongs.jpg) no-repeat left top;
}
.featureImg-InfinityForest
{
	background: url(../images/viewprojects/featureImg-InfinityForest.jpg) no-repeat left top;
}
.featureImg--PS
{
	background: url(../images/viewprojects/featureImg--PS.jpg) no-repeat left top;
}
.featureImg--SevenMetre
{
	background: url(../images/viewprojects/featureImg--SevenMetre.jpg) no-repeat left top;
}
.featureImg--UrbanBarcode
{
	background: url(../images/viewprojects/featureImg--UrbanBarcode.jpg) no-repeat left top;
}
.featureImg--Dwell
{
	background: url(../images/viewprojects/featureImg--Dwell.jpg) no-repeat left top;
}

.featureImg--Chill
{
	background: url(../images/viewprojects/featureImg--ChillTrailer.jpg) no-repeat left top;
}



/* -------END PAGE FEATURES------------------------------------------------*/

/* -------FLASH FEATURE AND CENTRAL PAGE ROW--------------------------------*/

#pagecontent {
	display: inline;
	float: left;
}

#media {
	background: #000;
	display: inline;
	float: left;
	height: 370px;
	margin: 0 19px 0 0;
	width: 475px;
}

#invitation {
	display: inline;
	float: left;
/*	height: 303px; */
	width: 475px;
}

#invitation h2 {
	margin: 0 0 1.2em 0;
}

#invitation h3 {
	margin: 0 0 1.6em 0;
}

#invitation h4 {
	color: #d5287f;
	margin: 0 0 1.3em 0;
	text-transform: uppercase;
}

#invitation p {
	line-height: 1.4em;
	margin: 0 0 1.2em 0;
}

#invitation p span {
	color: #fff;
}

#invitation p.submission {
	margin: 3em 0 8.6em 0;
}

.contentMoreLink a {
	background-image: url(../images/btnFindOutMore.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline;
	float: left;
	height: 27px;
	outline: none;
	text-indent: -10000px;
	width: 114px;
}

.contentMoreLink a:hover {
	background-position: 0 -29px;
}

.contentMoreLink a:active{ background-position: 0 -29px; }
.contentMoreLink a:focus {	background-position: 0 -58px; }

.projectview-download .contentMoreLink .supportLink a {
	background-image: url(../images/btnPdf.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline;
	float: left;
	height: 27px;
	outline: none;
	text-indent: -10000px;
	width: 154px;
}

.wgLink a {
	background-image: url(../images/btn_walking-guide.gif);
	width: 193px;
}

.specialLink a {
	background-image: url(../images/btn_chill-programme.gif);
	width: 264px;
}

.supportLink a {
	background-image: url(../images/btnSupportInfo.gif);
	width: 288px;
}

.downloadWord a {
	background-image: url(../images/btnDownloadWord.gif);
	width: 254px;
}

.requestLink a {
	background-image: url(../images/btnRequestForm.gif);
	width: 279px;
}

.featureLinks p {
	display: inline;
	float: left;
	height: 27px;
	margin: 0 0 8px 0 !important;
	width: 470px;
}

.featureLinks a {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline;
	float: left;
	height: 27px;
	outline: none;
	text-indent: -10000px;
}

.featureLinks a:hover {	background-position: 0 -29px;}
.featureLinks a:active{ background-position: 0 -29px; }
.featureLinks a:focus {	background-position: 0 -58px; }

/* -------END FLASH FEATURE AND CENTRAL PAGE ROW--------------------------*/

/* -------PROJECT LIST ROW------------------------------------------------*/

#projects {
	padding: 0;
	margin: 30px 0 0 0;
}

.project {
	border-bottom: 1px solid #383838;
	border-top: 1px solid #383838;
	color: #fff;
	display: inline;
	float: left;
	height: 429px;
	margin: 0 24px 0 0;
	padding: 30px 0 15px 0;
	position: relative;
	width: 224px;
}

.project h4, .project p, img.projectDiagram {
	margin: 0 0 2em 0;
}

.project .contentMoreLink a {
	bottom: 26px;
	position: absolute !important;
}


/* -------END PROJECT LIST ROW-------------------------------------------*/

/* -------SITES PAGE LIST------------------------------------------------*/

.sitesPage #feature {
	margin: 0 0 20px;
}

.site {
	border-bottom: 1px solid #383838;
	color: #fff;
	display: inline;
	float: left;
	margin: 0 20px 15px 0;
	height: 296px;
	padding: 0 0 20px 0;
	position: relative;
	width: 224px;
}

.site h4, .site p, img.siteImage {
	margin: 0 0 20px 0;
}

.site  p {
	line-height: 1.4em;
}

.site .contentMoreLink a {
	background-image: url(../images/btnPdf.gif);
	bottom: 20px;
	position: absolute !important;
	width: 122px;
}

/* -------END SITES PAGE LIST------------------------------------------------*/

/* -------2 COLUMN PAGE STYLE -----------------------------------------------*/

.doubleCol {
	display: inline;
	float: left;
	position: relative;
}

.doubleCol.colLeft {
	margin: 0 20px 0 0;
	width: 474px;
}

.doubleCol.colRight {
	padding: 0 0 15px 0;
	width: 473px;
}

h3, h3.spanHeader {
	color: #d5287f;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 24px 0;
}

.doubleCol h3 img {
	margin: 0 0 20px 0;
}

.doubleCol p, .singleCol p {
	line-height: 1.3em;
	margin: 0 0 20px 0;
}

.doubleCol em {
	font-size: 90%;
}

.doubleCol.colLeft .profileHero {
	display: block;
	margin: 0 0 40px 0;
}

.floatingInfo {
	border-top: 1px solid #383838;
	padding: 20px 0 50px 0;
	position: relative;
}

.floatingInfo a {
	color: #d5287f;
	display: block;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.floatingInfo a:hover {
	color: #787878;
	display: block;
	margin: 0 0 20px 0;
}

.doubleCol.colLeft.intro, .doubleCol.colRight.intro {
	border-bottom: none;
	border-top: 1px solid #383838;
	height: 216px;
	margin-bottom: 0 !important;
}

.doubleCol.colLeft.intro {
	padding: 1.6em 0 0 0;
}

.doubleCol.colRight.intro {
	padding: 4.7em 0 0 0;
}

#profileLogos {
	position: absolute;
	right: 0;
	top: 25px;
}

#profileLogos li {
	border-right: 1px solid #1a1a1a;
	display: inline;
	float: left;
	height: 90px;
	padding: 0 20px;
}

#profileLogos li.last {
	border-right: none;
}



/* -------END 2 COLUMN PAGE STYLE ------------------------------------------------*/

/* ------ 'VIEW PROJECT' PAGE TEMPLATE -------------------------------------------*/

#flashnav {
	height:412px;
}

.viewproject .doubleCol h3 img {
	margin: 0;
}

blockquote {
	color: #b70d64;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.teammembers ul {
	margin: 0 0 12px 0;
}

.teammembers h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 12px 0 0;
}

.teammembers h6 {
	font-size: 11px;
	font-weight: normal;
}

#projectlogo {
	float: left;
	margin-bottom: 12px;
}

#projectlogo li {
	float: left;
	margin-right: 12px;
}

#projectlogo li.clear {
	clear:left
}


/* ------ END 'VIEW PROJECT' PAGE TEMPLATE ----------------------------------------*/

/* ------ SINGLE COLUMN PAGE STYLE ------------------------------------------------*/

#pagecontent h1 {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 1.3em 0;
}

#pagecontent h1 span {
	color: #d5287f;
}

#contact #pagecontent {
	float: none;
}

#about .doubleCol {
	/*margin-bottom: 3em;*/
}

.singleCol {
	border-bottom: 1px solid #383838;
	padding: 0 0 30px 0;
}

.singleCol h3 {
	color: #d5287f;
	font-size: 100%;
	margin: 0 0 1.3em 0;
}

.singleCol dl,.singleCol dt {
	margin: 0 0 1.3em 0;
}

/* -------END SINGLE COLUMN PAGE STYLE ------------------------------------------------*/

/* -------FOOTER-----------------------------------------------*/
#footer {
	display: inline;
	float: left;
	margin: 0 0 40px 0;
}

#footerlinks {
	border-bottom: 1px solid #383838;
	
	display: inline;
	float: left;
	padding: 30px 0;
	width: 969px;
}

#footer  ul li {
	display: inline;
	float: left;
	height: 90px;
	border-right: 1px solid #1a1a1a;
}

ul#footerlinks li {
	height: 14px;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
}

#footer li a, #footer li a:visited {
	color: #787878;
	text-decoration: none;
}

#footer li a:hover, #footer li a:active {
	color: #d30f73;
}

#logolist {
	margin: 0 auto;
	padding: 30px 0;
	width: 660px;
}

#logolist li {
	padding: 21px 0 0 66px;
	width: 170px;
}

#logolist li.first { padding: 32px 0 0 0;}
.last		{	margin-right: 0 !important;}
.error	{ display: none; color: #fff;}
#footer ul li.credit {float: right; border: none; margin: 0; padding: 0;}
#logolist li.last {	border: none; }

a.Facebook {
	display:block;
	width: 161px;
	height: 14px;
	background-image:url(../images/btn_Facebook_sprite.jpg);
	background-position:0 0;
	text-indent:-5000px;
	margin-left: 90px;
}

a.Facebook:hover {
	background-position:0 -14px;}
	
/* -------CONTACT FORM-----------------------------------------------*/

fieldset {
  border: none;
  display: block;
  margin: 0 0 0.6em 0;
  position: relative;
  width: 325px;
}

fieldset legend {
  display: none;
}

fieldset label {
 display: block;
 float: left;
 height: 8px;
 padding: 6px 0 10px 0;
 width: 98px;
}

fieldset .formBox {
	background-color: #000;
	border: 1px solid #383838;
	display: inline;
	float: left;
	color: #A0A0A0;
	height: 21px;
	margin: 0 0 4px 0;
	padding: 4px 0 0 4px;
	width: 216px;
}

.btnFormSubmit input {
	background-image: url(../images/btnSubmit.gif);
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	height: 27px !important;
	margin: 20px 0 26px 98px;
	outline: none;
	text-indent: -1000000px;
	width: 65px;
}

.btnFormSubmit input:hover  {	background-position: 0 -29px; }
.btnFormSubmit input:active	{	background-position: 0 -29px; }
.btnFormSubmit input:focus	{	background-position: 0 -58px; }

.invitationPage .colLeft, .invitationPage .colRight {
	border-bottom: 1px solid #383838;
	border-top: 1px solid #383838;
	padding: 20px 0 20px 0;
}

.invitationPage .colRight {
	border-bottom: none;
}

.registrationConfirm {
	line-height: 1.6em;
}

.registrationConfirm span {
	display: block;
	margin: 0 0 1.3em 0;
}

.registrationConfirm a {
	margin: 2px 0 6px;
}

.error {
	color: #d5287f;
	font-size: 90%;
	right: -79px;
	position: absolute;
}

#fNameError {top: 6px;}
#lNameError {top: 36px;}
#emailError {top: 66px;}
#emailFormatError {top: 66px; right: -99px;}

/* -------END CONTACT FORM-----------------------------------------------*/

/* -------REGISTRANTS OUTPUT-----------------------------------------------*/

#registrants #pagecontent {
	margin: 60px auto;
	width: 960px;
	display: block;
	float: none;
}

.registrant-output {
	margin: 0 0 0 16px;
}

.registrant-output td {
	border-bottom: 1px solid #2d2d2d;
	height: 23px;
	margin: 0 14px 0 0;
}

.registrant-output .regoFname { width: 190px; }
.registrant-output .regoLname { width: 200px; }
.registrant-output .regoEmail { width: 300px; }
.registrant-output .regoPhone {	margin: 0; width: 190px; }

#registrants ul li {
	font-weight: bold;
}

#registrants h3 {
	border-bottom: 1px solid #2d2d2d;
	font-size: 18px;
	margin: 0 0 26px 23px;
	padding: 0 0 13px 0;
	width: 910px;
}

/* -------SUBMISSIONS LIST -----------------------------------------------*/


.submission {
	border-bottom: 1px solid #383838;
	color: #fff;
	display: inline;
	float: left;
	margin: 0 20px 15px 0;
	height: 500px;
	padding: 0 0 20px 0;
	position: relative;
	width: 224px;
}

.submission h3 {
	height: 30px;
	margin: 0 0 9px 0;
	text-transform: uppercase;
}

.submission h4, .submission p, img.siteImage {
	font-weight: normal;
	margin: 0 0 10px 0;
}

.submission h4 {
	font-size: 11px;
	height: 60px;
	margin: 0;
}

.submission h4 span {
	font-weight: bold;
}

.submission p {
	line-height: 1.4em;
}

.submission .contentMoreLink a {
	background-image: url(../images/btnFindOutMore.gif);
	bottom: 20px;
	position: absolute !important;
	width: 122px;
}

/* ------- HOME PAGE EVENTS ADDITIONS (21.10.09)-----------------------------------------------*/

.eventslist {
	margin: 0 0 18px;
}

.eventslist li {
	list-style-type: square;
	margin: 0 0 8px 16px;
}

/* ------- OTHER ADDITIONS -----------------------------------------------*/

.theteam-upper {
	min-height: 411px;
}