/* COMMON
------------------------------------*/

	*{}
	body,html{
		/*height:100%;*/
	}
	body,td,th,input,select,textarea {
		font-family:SegoeUILight, serif;
		font-weight:normal !important;
		font-size: 14px;
		word-wrap: break-word;
	}
	body {
		margin: 0px;
		background:#d8b0b9 url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/diag.gif) fixed;
	}
	h1,h2,h3,h4,h5,h6,p{
		margin:0 0 10px 0;
		padding:0;
	}
	h1{
		font-size:30px;
		/*color:#777777;*/
		font-weight:normal !important;
		text-transform: lowercase;
		/*font-family:BrandonGrotesqueRegular, sans-serif;
		letter-spacing: 2px;*/
		line-height: 30px;
	}
	h2{
		font-size:24px;
		/*color:#777777;*/
		font-weight:normal !important;
		text-transform: lowercase;
		/*font-family:BrandonGrotesqueRegular, sans-serif;
		letter-spacing: 2px;*/
	}
	h3{
		font-family:BrandonGrotesqueBold, sans-serif;
		font-weight:normal !important;
		color: #aa223f;
		text-transform: uppercase;
		font-size:16px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	h4,h5,h6{
		font-weight:normal !important;
		font-family:BrandonGrotesqueRegular;
		text-transform: uppercase;
		font-size:16px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	h3{
		margin-top: 20px;
	}
	h3:first-child{
		margin-top: 0;
	}
	p{
		line-height:20px;
	}

	a:link, a:visited{
		color: #aa223f;
		text-decoration:none;
		border-bottom:1px dotted #aa223f;
	}
	a:hover{
		color:#ccc;
	}
	a img{
		border:none;
	}
	table{
		margin-bottom:10px;
	}
	ul,ol{
		padding: 0 0 0 10px;
		margin: 0 0 10px 10px;
		line-height:20px;
	}
	ul{
		list-style-type:square;
	}
	ol li,
	ul li{
		padding:0 0 5px 0;
	}
	strong{
		/*color:white;*/
	}
	hr{
		height:1px;
		border:none;
		border-top:1px dotted #ccc;
		padding:0;
		margin:15px 0 10px;
		/*#margin:0 0 -6px 0;*/
	}
	label{
		cursor:pointer;
	}
	blockquote{
		background-color:#f5f5f5;
		padding: 20px 20px 10px 20px;
		margin: 0 0 10px 0;
		font-size: 13px;
		font-family: SegoeUICursiva;
		line-height: normal;
	}
	blockquote p{
		margin-bottom: 10px;
		line-height: normal;
	}
	iframe{
		border:1px solid #D9D9D9;
		margin:0 0 10px;
		padding:10px;
	}

/* EXTAS
------------------------------------*/

	.clear{clear:both;}
	.off{display:none;}
	.on{}
	.f-left{float:left;}
	.f-right{float:right;}
	:focus{outline:none;}
	.white{color:white;}

/* TABLES
------------------------------------*/

	.table{}

/* CUSTOM
------------------------------------*/

	.large{
		font-size: 17px;
	}
	.fineprint{
		font-size:9px;
		line-height:13px;
	}
	.no-margin-top{
		margin-top: 0
	}



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

	.margin{
		width:940px;
		margin:0 auto;
	}
	#wrap{
		background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/wrap-bg.png) repeat-y center
	}
	#container{
		width:940px;
		margin:0 auto;
	}

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

	#header{
		height:170px;
		position: relative;
	}
	#header a{
		border: none;
	}
	#header h1{
		position:absolute;
		z-index:10;
		top:26px;
		left:0px;
		margin: 0;
		padding: 0;
	}
	#header h1 a{
		color:white;
		font-weight:normal;
		display: block;
		text-indent: -10000px;
		width:275px;
		height: 81px;
		background:url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/nmf_logo.png);
	}
	#header ul{
		position:absolute;
		z-index:20;
		top:125px;
		left:0px;
		width:100%;
		margin:0;
		padding:0 0 8px 0;
		list-style:none;
		text-align: center;
		/*border-bottom: 1px solid #D9D9D9;
		border-top: 0px solid #D9D9D9;*/
		background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/menu-bg.png) 0 -2px no-repeat;
	}
	#header ul li{
		display: inline-block;
		margin:0;
		padding: 0;
		#float:left;
	}
	#header ul li a{
		display: inline-block;
		text-decoration:none;
		font-family:BrandonGrotesqueRegular, sans-serif;
		font-weight:normal !important;
		text-transform: uppercase;
		color:black;
		letter-spacing: 2px;
		font-size: 11px;
		height: 32px;
		padding: 0 18px;
		line-height: 32px;
		min-width: 80px;
		#float:left;
	}
	#header ul li a:hover,
	#header ul li.selected a{
		background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/menu-bg-on.png) center no-repeat;
		color: #aa223f;
	}
	#tree{
		position: absolute;
		z-index: 10;
		right:0;
		top: 21px;
		width: 107px;
		height: 131px;
		background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/tree.png) no-repeat;
	}
	#intro{
		background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/border.png) bottom no-repeat;
		/*border-bottom: 1px solid #D9D9D9;*/
		margin: 0px 0 20px 0;
		padding: 0 0 15px 0;
	}
	#intro p{
		font-size: 17px;
	}

/* CONTENT
------------------------------------*/

	#content{
		clear:both;
		margin: 0 0 30px 0;
	}

	/*#content .margin{
		z-index:20;
	}*/
	#content.fullwidth .sidebar-left,
	#content.fullwidth .sidebar-right,
	#content.noleft .sidebar-left,
	#content.noright .sidebar-right
	{
		display:none;
	}

	/* sidebar */

		.sidebar{
			float:left;
			width:300px;
			margin:0;
			overflow: hidden;
		}
		.sidebar-right{
			margin:0;
		}
		.sidebar h1{
			font-size:26px;
		}
		.sidebar h2{
			font-size:22px;
		}
		.sidebar h3{
			font-size:14px;
		}
		.sidebar p{
			font-size: 13px;
			line-height: normal;
		}
		.sidebar ul{
			line-height: normal;
		}
		.casestudies{
			height:225px;
			overflow: hidden;
			position: relative;
		}
		.casestudies ul,.casestudies ul li{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.casestudies ul.images li{
			position: absolute;
			z-index: 10;
			left: 0;
			top: 0;
			/*display: none;*/
		}
		.casestudies ul.indicators{
			text-align: center;
			position: absolute;
			z-index: 10;
			bottom: 0px;
			width: 300px;
			background: white;
		}
		.casestudies ul.indicators li{
			display:inline-block;
			#float: left;
			#margin:0 5px 0 0;
		}
		.casestudies ul.indicators li a{
			display: block;
			width: 8px;
			height: 8px;
			text-decoration: none;
			background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/dots.png);
			border: none;
		}
		.casestudies a.dot.selected,
		.casestudies a.dot:hover{
			background-position: 100% 0;
		}
		.casestudies h3 a{
			border: none;
		}
		.news{
			height: auto;
		}
		/*.news ul.images li{
			position: relative;
		}
		.news ul.indicators{
			position: relative;
			top: auto;
		}*/
		
	#content.noleft #components,
	#content.noright #components{
		width:720px;
	}
	#content.noright #components{
		margin-right:0px;
	}
	#content.fullwidth #components{
		width:940px;
		margin: 0;
	}

	#components{
		width:610px;
		float:left;
		margin:0 30px 0 0;
	}
	#components h3:first-child{
		margin-top: 0;
	}

	/* projects component */

		a.project{
			width:300px;
			height: 200px;
			position: relative;
			display: block;
			text-decoration: none;
			border: none;
		}
		a.project span{
			display: block;
			position: absolute;
			z-index: 10;
			bottom:0;
			left: 0;
			right:0;
			padding: 10px;
			color: white;
			background:url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/b70.png);
			margin: 0;
			line-height: 13px;
			font-size: 12px;
			font-family: BrandonGrotesqueRegular;
			/*display: none;*/
		}

/* MODULES
------------------------------------*/		

	.galleryblock{
		margin: 0 0 10px 0
	}
	.galleryblock a{
		border: none;
		display: block;
		width:150px;
		height:100px;
	}
	.galleryblock ul,
	.galleryblock ul li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.galleryblock ul li{
		float:left;
	}
	#gallery{display:none}
	.credit{
		font-size: 11px;
		text-transform: uppercase;
		line-height: normal;
	}
	.readmore{
		text-align: right;
	}

	/* projects */

		.projects{
			/*height:470px;*/
			position: relative;
			margin: 20px 0 30px 0;
			padding: 420px 0 0 0;
		}
		.projects ul,.projects ul li{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.projects ul.images li{
			position: absolute;
			z-index: 10;
			left: 0;
			top: 0;
			width: 610px;
			height: 400px;
			/*overflow: hidden;*/
			/*display: none;*/
		}
		.projects ul.images li p.image{
			width: 610px;
			height: 400px;
			overflow: hidden;
		}
		.projects ul.images li .thumbs{
			position: absolute;
			z-index: 10;
			bottom: 5px;
			left: 5px;
		}
		.projects ul.images li a.thumb{
			width:75px;
			height: 50px;
			display: block;
			border: none;
			float: left;
		}
		.projects ul.images li .text{
			position:absolute;
			z-index: 10;
			top: 0;
			width: 320px;
			left: 640px;
			height: 400px;
			overflow: auto;
		}
		.projects ul.images li .text div{
			padding: 0 20px 0 0;
		}
		.projects ul.images li .text p{
			font-size: 13px;
			line-height: 16px;
		}

		.projects ul.indicators{
			
		}
		.projects ul.indicators li{
			float:left;
		}
		.projects ul.indicators li a{
			display: block;
			width: 82px;
			height: 82px;
			text-decoration: none;
			border: none;
			background-position: center;
			border: 2px solid white;
			background-repeat: no-repeat;
			margin: 0 5px 5px 0;
		}
		.projects ul.indicators li a.selected,
		.projects ul.indicators li a:hover{
			border:2px solid #aa223f;
		}

		.sponsors,
		.sponsors ul,
		.sponsors li{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.sponsors{
			margin-bottom: 15px;
		}
		.sponsors li.sponsor{
			list-style: none;
			margin: 0 30px 50px 0;
			padding: 0;
			float: left;
			width: 212px;
		}
		.sponsors li.last{
			margin-right: 0;
		}
		.sponsors ul{
			line-height: normal;
		}
		.sponsors ul li{
			font-size: 13px;
		}
		.sponsors a{
			border: none;
		}

/* SIDEBAR
------------------------------------*/

	.submenu ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.submenu a{
		font-weight:normal;
		text-decoration:none;
	}
	.submenu li.level2_selected a{
		font-weight:bold;
	}

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

	#footer{
		font-family:BrandonGrotesqueBold, sans-serif;
		font-weight:normal !important;
		text-transform: uppercase;
		font-size:9px;
		color: #777777;
		letter-spacing:2px;
		/*border-top:1px solid #D9D9D9;*/
		padding: 15px 0;
		background: url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/border2.png) top no-repeat;
	}
	.cyberdesign{
		font-size: 7px;
		text-align: right;
		letter-spacing: normal;
	}/* FORMS
------------------------------------*/

	.form{
		margin:0 0 10px 0;
	}
	.form dl{
		margin:0;
		padding:0;
	}
	.form dt{
		margin:0;
		padding:0 0 5px 0;
		font-size:10px;
		text-transform:uppercase;
		clear:both;
		font-weight:bold;
	}
	.form dd{
		margin:0;
		padding:0 0 10px 0;
	}
	.form input,
	.form textarea,
	.form select{
		border:1px solid #ccc;
		padding:5px;
	}
	.form input:focus,
	.form textarea:focus{
		border:1px solid black;
	}
	.form input.w50,
	.form select.w50,
	.form textarea.w50{
		width:50%;
	}
	.form input.w100,
	.form select.w100,
	.form textarea.w100{
		width:90%;
	}
	.form input.hidden{
		border:none;
	}
	.form input.button,
	.form input.submit{
		background:#DC6D1D;
		padding: 6px 8px;
		font-weight: bold;
		cursor: pointer;
		border:none;
		color: white;
	}
	.form input.button:hover,
	.form input.submit:hover{
		background:black;
	}
	.form dd span{
		float:left;
		width:200px;
	}
	.form dd span.full{
		width:100%;
		margin: 0;
	}
	.form dd span input{
		width:90%;
	}
	.form label{
		display:block;
		padding:1px 0 5px 0;
		color:#666;
		font-size:10px;
	}
	.form dd.checkbox-radio input{
		float:left;
		clear:both;
	}
	.form dd.checkbox-radio label{
		font-size:12px;
	}
	.form .errors-wrap{
		color:red;
		padding:0 0 10px 0;
		font-size:10px;
		text-transform:uppercase;
	}
	.form .errors-wrap p{
		padding:0;
		margin:0;
	}
	.form .reset{
		text-align:right;
	}
	.form .reset a{
		text-decoration:none;
		text-transform:uppercase;
		font-size:10px;
	}
	.form-answers ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	.form-answers ul li label{
		display:inline;
		font-size:12px;
	}
	.form span.required{
		font-weight:bold;
		color:red;
	}


	.form-question{

	}
	.form-answers ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	/* groups */

	.form .group{
		margin:0 0 20px 0;
	}
	.form .group dl{
		border:1px solid #ccc;
		padding:10px 10px 0 10px;
		margin:0 0 0px 0;
		display:none;
	}
	.form .group h2{
		margin:0;
		padding:0;
		font-family:Arial;
	}
	.form .group h2 a{
		display:block;
		padding:7px 10px 7px 25px;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		border:1px solid #ccc;
		/*border-bottom:none;*/
		margin:0 0 20px 0;
		/*background-color:#485977;
		color:white;*/
		background:url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/icons/add.png) #EEF4FA no-repeat 5px 50%
	}
	.form dl.group-on{
		display:block;
	}
	.form .group a.group-button-on{
		border-bottom:none;
		margin:0;
		background:url(http://www.nelsonmeersfoundation.org.au/site/assets/template/images/icons/delete.png) #EEF4FA no-repeat 5px 50%
	}/* COLUMNS
------------------------------------*/

	#components .columns{
		margin:0 0 10px 0;
	}
	#components .columns .col{
		float:left;
		margin:0 10px 0 0;
		overflow: hidden;
	}

	/* 4 columns */

		#components .columns-4col{}
		#components.noleft .columns-4col .col,#components.noright .columns-4col .col{ width:166px; }
		#components.fullwidth .columns-4col .col{ width:228px; }

	/* 3 columns */

		#components .columns-3col .col{ width:300px; margin-right:20px }
		#components.noleft .columns-3col .col, #components.noright .columns-3col .col{ width:228px; }
		#components.fullwidth .columns-3col .col{ width:310px; }

	/* 2 columns */

		#components .columns-2col .col{ width:300px; }
		#components.noleft .columns-2col .col,#components.noright .columns-2col .col{ width:351px; }
		#components.fullwidth .columns-2col .col{ width:474px; }

		#content.fullwidth #components .columns-2col .col.col1{ margin-right: 30px }
		#content.fullwidth #components .columns-2col .col.col2{ width:610px; }

	/* 1 columns */

		#components .columns-1col .col{ width:auto; }

	/* 3 columns with iframe */

		#components .columns-3col-iframe{}
		#components.noleft .columns-3col-iframe .col1,#components.noright .columns-3col-iframe .col1{ width:350px; }
		#components.noleft .columns-3col-iframe .col2,#components.noright .columns-3col-iframe .col2{ width:145px; }
		#components.noleft .columns-3col-iframe .col3,#components.noright .columns-3col-iframe .col3{ width:189px; }
		#components.fullwidth .columns-3col-iframe .col1{ width:474px; }
		#components.fullwidth .columns-3col-iframe .col2{ width:145px; }
		#components.fullwidth .columns-3col-iframe .col3{ width:310px; }

		#components .columns-3col-iframe .col2 iframe{width:100%;}

	/* 3 columns middle span */

		#components.noleft .columns-3col-middlespan .col1,#components.noright .columns-3col-middlespan .col1{ width: 166px }
		#components.noleft .columns-3col-middlespan .col2,#components.noright .columns-3col-middlespan .col2{ width: 350px }
		#components.noleft .columns-3col-middlespan .col3,#components.noright .columns-3col-middlespan .col3{ width: 166px }
		#components.fullwidth .columns-3col-middlespan .col1{ width: 228px }
		#components.fullwidth .columns-3col-middlespan .col2{ width: 474px }
		#components.fullwidth .columns-3col-middlespan .col3{ width: 228px }

	/* 2 columns left or right spans */

		#components.noleft .columns-2col-rightspan .col1,#components.noright .columns-2col-rightspan .col1{ width:538px }
		#components.noleft .columns-2col-rightspan .col2,#components.noright .columns-2col-rightspan .col2{ width:166px }
		#components.fullwidth .columns-2col-rightspan .col1{ width:228px }
		#components.fullwidth .columns-2col-rightspan .col2{ width:720px }

		#components.noleft .columns-2col-leftspan .col1,#components.noright .columns-2col-leftspan .col1{ width:538px }
		#components.noleft .columns-2col-leftspan .col2,#components.noright .columns-2col-leftspan .col2{ width:166px }
		#components.fullwidth .columns-2col-leftspan .col1{ width:720px }
		#components.fullwidth .columns-2col-leftspan .col2{ width:228px }

	/* displays */

		#components .columns-1col .col2,
		#components .columns-1col .col3,
		#components .columns-1col .col4,
		#components .columns-2col .col3,
		#components .columns-2col .col4,
		#components .columns-2col-rightspan .col3,
		#components .columns-2col-rightspan .col4,
		#components .columns-2col-leftspan .col3,
		#components .columns-2col-leftspan .col4,
		#components .columns-3col .col4,
		#components .columns-3col-iframe .col4
		{
			display: none;
		}

	/* margins */

		#components .columns-4col .col4,
		#components .columns-3col .col3,
		#components .columns-3col-iframe .col3,
		#components .columns-3col-middlespan .col3,
		#components .columns-2col .col2,
		#components .columns-1col .col1,
		#components .columns-2col-rightspan .col2,
		#components .columns-2col-leftspan .col2
		{
			margin:0;
		}

	#components .call_rates{
		margin:0 0 10px 0;
	}
