/* Site Layout Styles
 * Updated:  12 May 2008 @ 1.17pm
 * Author: Matthew Holmes <www.ivt.com.au>
 ---------------------------------------------*/

/* -- reset css [http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/] */
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%; }

		body {
			background: #c9bfad;
			color: #555;
 			font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif;
			}

		/* -- links */
		a { 
			color: #115b73;
			font-weight: bold;
			text-decoration: none;
			}

		/* -- structure
		---------------------------------------------*/
		#container {
			width: 1035px;
			margin: 30px auto 0;
			background: #fff url(../webimage/bg-container.gif) repeat-y;
			}

			/* -- header */
			#header {
				margin: 0 0 0 2px;
				height: 131px;
				background: url(../webimage/bg.gif) 0 0 no-repeat;
				}
			
				/* logo */
				#header h1 {
					float: left;
					padding: 2px 0 0 0;
					line-height: 0;
					}
					
				/* conference button */
				#header p {
					float: right;
					padding: 2px 9px 0 0;
					line-height: 0;
					}

			/* -- banner */
			#banner {
				margin: 0 9px 0 2px;
				height: 270px;
				background: #f65f00 url(../webimage/bg.gif) 0 -131px no-repeat;
				}
				
				/* main navigation */
				div#nav {
					float: left;
					width: 266px;
					height: 235px;
					padding: 14px 0 0;
					}
					
					#nav li {
						display: block;
						margin: 0;
						padding: 3px 25px;
						}
					#nav li.projects {
						margin: 0 0 1px;
						background: #fcb040;
						}
					#nav li a {
						display: block;
						padding: 3px 0 3px 23px;
						color: #fff;
						font-family: Helvetica;
						font-size: 1.4em;
						font-weight: normal;
						text-decoration: none;
						text-transform: lowercase;
						background: url(../webimage/icon-arrow.gif) 0 10px no-repeat;
						}
					#nav li a:hover, #nav li a.on { background: url(../webimage/icon-arrow-pink.gif) 0 10px no-repeat; }
					#nav li a span { font-size: .8em; }

				/* picture */
				div#picture {
					float: right;
					width: 756px;
					height: 270px;
					background: url(../webimage/bg-banner.jpg) no-repeat;
					}
					
					
			/* -- main body */
			#main_body {
				position: relative;
				margin: 0 9px 0 2px;
				min-height: 364px;
				background: url(../webimage/bg-content.gif) repeat-y;
				}
			* html #main_body { height: 364px; }
				
				#main_body h2 { margin: 0 0 8px; }
				#main_body div.right { text-align: right; }
			
				/* about ncs */
				div#about_ncs {
					float: left;
					width: 218px;
					padding: 35px 25px;
					font-size: 1.1em;
					}
					div#about_ncs li { padding-left: 12px; list-style: none; background: url(../webimage/icon-list-type.gif) 0 6px no-repeat; }
					
				/* conference / events */
				div#conferences_events {
					float: left;
					width: 392px;
					padding: 35px 25px;
					font-size: 1.1em;
					}
					
					div#conferences_events li { display: block; padding: 0 0 10px; }
					div#conferences_events li img.thumb { float: left; margin-right: 10px; }
					div#conferences_events li a.right { float: right; }
					div#conferences_events li h4 { font-size: 1.1em; }
					div#conferences_events li h4 a { color: #555; }
					
					div#flyer_content { padding: 0 35px; }
						
				/* panel */
				div#panel {
					position: absolute;
					bottom: 0;
					right: 0;
					width: 314px;
					height: 366px;
					background: url(../webimage/bg-panel.jpg) no-repeat;
					}
			
			/* -- footer */
			#footer {
				width: 1035px;
				margin: 0 auto;
				background: url(../webimage/bg.gif) 2px -401px no-repeat;
				color: #716558;
				font-size: 1.1em;
				}
			#footer a { color: #da6733; text-decoration: none; }
				
				/* developed */
				p#developed { float: right; padding: 15px 9px 0 0; }
					
				/* copyright */
				p#copyright { float: left; padding: 15px 0 0 15px; }	
				
				p#register {
					position: absolute;
					bottom: 45px;
					left: 16px;
					}
				p#register a {
					font-size: 1.1em;
					}
					
				/* ----- THICKBOX STYLES ----- */
				#TB_overlay{  position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}.TB_overlayMacFFBGHack{background:url(../webimage/macFFBgHack.png) repeat}.TB_overlayBG{ background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75}#TB_window{ position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}#TB_window img#TB_Image{ display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666}#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left}#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right}#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px}#TB_title{ background-color:#e8e8e8; height:27px}#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}#TB_ajaxContent.TB_modal{ padding:15px}#TB_ajaxContent p{ padding:5px 0px 5px 0px}#TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px}#TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%}#TB_iframeContent{ clear:both; border:none; display:block; margin:15px}#TB_window  #flyer_content h2, #TB_window  #flyer_content h3 {padding: 0 0 10px; color: #797979; font-size: 1.1em;}#TB_window #flyer_content img.thumb {display: none;}#TB_window #flyer_content {color: #797979; font-size:1.1em;}#TB_window #flyer_content .short, #TB_window #flyer_content .right {display: none;}#TB_window #flyer_content ul{float: left;width:100%;}#TB_window #flyer_content li{float: left;display:block;padding:10px 0;width:100%}#TB_window #flyer_content h4{font-size:1.1em;font-weight:normal;}
