/* Site Layout Styles
 * Updated:  6 Aug 2008 @ 9.20am
 * Author: Matthew Holmse <www.ivt.com.au>
 * ---------------------------------------------*/


	@import "thickbox.css";

	/* -- core 
 	 ---------------------------------------------*/
	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, 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: inherit; 
		font-family: inherit; 
		vertical-align: baseline;
		list-style: none;
		}

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body { 
		height: 100%;
		color: #000;
		font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
	
	/* -- links */
	a {
		color: #000;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}

	
	/* -- layout
 	 ---------------------------------------------*/
 	 #home_container {
 		position: fixed;
 		top: 0;
 		left: 0;
 		background: #55a51c;
 		width: 100%;
 		height: 100%;
 		z-index: 100;
 		}
 		
 	* html #home_container {
 		position: absolute;
     	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 		}
 		
 	#home_inner_body {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		min-height: 132px;
		margin-top: -66px;
		text-align: center;
		}
	
	 #home_inner_container {
		width: 606px;
		height: 132px;
		margin: 0 auto;
		text-align: left;
		}
		
		
	#container {
		width: 900px;
		margin: 0 auto;
		}
		
		/* -- header */
		#header {
			position: relative;
			height: 120px;
			}
			
			/* logo */
			#header h1 {
				float: right;
				line-height: 0;
				}
				
			/* navigation */
			#header ul {
				padding: 57px 0 0;
				}
			#header ul li {
				float: left;
				}
			#header ul li a {
				display: block;
				padding: 5px 24px;
				font-size: 1.2em;
				text-transform: lowercase;
				}
			#header li ul {
				position: absolute;
				left: -999em;
				margin: 0;
				padding: 0 0 5px;
				width: 200px;
				background: #55a51c;
				z-index: 99;
				}
			#header li li {
				float: none;
				width: 200px;
				}
			#header li li a {
				height: auto;
				padding: 3px 24px;
				color: #fff;
				font-size: 1.1em;
				text-decoration: none;
				line-height: 1.2;
				}
			#header li:hover ul ul,
			#header li.hover ul ul {
				left: -999em;
				}
			#header li:hover ul,
			#header li.hover ul {
				left: auto;
				}
			#header li:hover a.drop,
			#header li.hover a.drop {
				background: #55a51c;
				color: #fff;
				text-decoration: none;
				}
			#header li a.on {
				font-weight: bold;
				text-decoration: underline;
				}
				
				
				
		/* -- content */
		#content {
			min-height: 500px;
			}
		* html #content {
			height: 500px;
			}
			
			/* left content */
			#leftbar {
				float: left;
				width: 578px;
				padding: 160px 0 0;
				text-align: right;
				}
			#leftbar h2 {
				margin: 0 0 20px;
				}
			#leftbar h3 {
				margin: 0 0 35px;
				}
				
			/* right content */
			#rightbar {
				float: right;
				width: 220px;
				}
			#rightbar ul li a {
				font-size: 1.5em;
				text-transform: lowercase;
				}
				
			/* inner content */
			#inner_content {
				float: left;
				width: 554px;
				padding-left: 24px;
				font-size: 1.1em;
				}
			#inner_content h2#content_title {
				margin: 0 0 10px;
				color: #55a51c;
				font-size: 1.8em;
				text-transform: lowercase;
				}
			#inner_content a {
				color: #55a51c;
				text-decoration: underline;
				}
			#inner_content a:hover {
				text-decoration: none;
				}
			#inner_content p {
				padding: 5px 0;
				}
			#inner_content .noshow {
				display: none;
				}
			#inner_content ul.files_list li {
				padding: 5px 0;
				}
			#inner_content ul.files_list li img {
				margin-right: 5px;
				vertical-align: middle;
				}
			span.green { color: #55a51c; }
	
				
			#galleries { position: relative; margin: 45px 0; }
			#galleries #scroller { width: 220px; height: 200px; }
			#galleries #scroller_container {  width: 220px; height: 200px; overflow: hidden; }
			
			#galleries #fade_top { position: absolute; top: 0; left: 0; width: 220px; height: 23px; background: url(../images/fade-top.png) top left repeat-x; }
			#galleries #fade_bottom { position: absolute; bottom: 0; left: 0; width: 220px; height: 23px; background: url(../images/fade.png) bottom left repeat-x; }
			
			#galleries h4 { color: #55a51c; font-size: 1.1em; text-transform: uppercase; }
			#galleries ul li { padding: 3px 0; }
			#galleries ul li a { font-size: 1.1em; text-transform: none; }
			
			
			* html #galleries #fade_top {
				azimuth: expression(
				this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('#galleries #fade_top')>-1?(this.runtimeStyle.backgroundImage = "none",
				this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
				this.src = "/style/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
				this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
				this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
				);
			}
			
			* html #galleries #fade_bottom {
				azimuth: expression(
				this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('#galleries #fade_bottom')>-1?(this.runtimeStyle.backgroundImage = "none",
				this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
				this.src = "/style/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
				this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
				this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
				);
			}
				
				
		/* -- footer */
		#footer {
			width: 578px;
			padding: 55px 0 15px;
			text-align: right;
			color: #999;
			font-size: 1.1em;
			text-transform: lowercase;
			}
		#footer a {
			color: #999;
			}
			
			
		/* member login */
		#TB_window div div { position: relative; width: 430px; height: 288px; background: url(../images/bg-login.jpg) no-repeat; }
		#TB_window div div form { position: absolute; top: 120px; left: 20px; }
		#TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; }
		#TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; font-size: 1.1em; text-align: right; }
		#TB_window div div form input { width: 180px; border: 1px solid #ddd; padding: 1px 0; }
		#TB_window div div form button { width: 140px; margin: 10px 0 0 80px; border: 0; background: none; cursor: pointer; }
		#TB_window div div a { position: absolute; top: 256px; left: 0; width: 146px; height: 32px; margin: 0; padding: 0; display: block; text-indent: -999em; }
		
		
		#account { position: absolute; top: 0; left: 24px; padding: 5px 10px; font-size: 1.1em; background: #55a51c; }
		#account a { color: #fff; }