@charset "UTF-8";
/* CSS Document */

/****************************************************/ 
/* Principa.net Copyright © 2009 Principa Pty Ltd 	*/
/* Author - Christian Nankervis						*/
/* Position - Senior Web Developer					*/
/* Layout Purpose - Front Page Layout				*/
/****************************************************/ 

/* Main Layout Elements */

*{margin:0px; padding:0px;}

body, html {background:#EEEEEE; color:#333333; font-family:'Myriad Pro', Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:100%; text-align:center;}
a:link {color: #E86F1E; font-weight: normal; text-decoration: none;}
a:visited {color: #E86F1E; font-weight: normal; text-decoration: none;}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6 {color:#333; font-family:'Myriad Pro', Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
h1 {font-size:21px;}
h2 {font-size:12px;}
h3 {font-size:15px;}
h4 {font-size:13px;}
h5 {font-size:12px;}
h6 {}
hr {}
ol {}
ul {}
ul ul {}
ul ul ul {}
li {}
img {border:0px;}

/* Page Layout Elements - ID */

#background {background:url('/common/media/images/background.jpg') repeat-y left top; height:1215px; margin:0px auto 0px auto; overflow:visible; position:relative; text-align:center; width:864px; z-index:0;}
	#main {background:#fff; height:1215px; margin:0px auto 0px auto; position:relative; width:800px; z-index:2;}
		/* TOP TILE */
		#top {background:url('/common/media/images/top.jpg') repeat-x left top; height:35px; width:100%;}
		/* MAIN MENU */
		#menu {float:right; height:65px; margin:0px 50px 0px 0px; position:relative; width:auto;}
		#menu-about {float:left; height:65px; width:50px;}
		#menu-blog {float:left; height:65px; width:50px;}
		#menu-contact {float:left; height:65px; width:50px;}
		#menu-events {float:left; height:65px; width:50px;}
		#menu-join {float:left; height:65px; width:50px;}
		#menu-members {float:left; height:65px; width:50px;}
		#menu-news {float:left; height:65px; width:50px;}
		#menu-search {float:left; height:65px; width:50px;}
		#menu-store {float:left; height:65px; width:50px;}
		#menu-clear {clear:both;}
		/* HEADER */
		#header {background:url('/common/media/images/header/background.png') no-repeat left top; height:160px; margin:10px auto 0px auto; position:relative; width:780px;}
			/* Header Feature */
			#feature {float:left; height:150px; text-align:left; width:520px;}
				#feature img{float:left;}
			/* Header Login */
			#login {background:url('/common/media/images/header/login-background.png') no-repeat left top; float:left; font-size:12px; height:150px; padding:15px 0px 0px 0px; overflow:hidden; text-align:left; text-indent:0px; width:260px;}
				#login a:link {color:#333; clear:left; float:left; font-weight:normal; padding:3px 0px 0px 0px; text-decoration:none; text-indent:5px;}
				#login a:visited {color:#333; clear:left; float:left; font-weight:normal; padding:3px 0px 0px 0px; text-decoration:none; text-indent:5px;}
				#login a:hover {clear:left; float:left; padding:3px 0px 0px 0px; text-decoration:underline; text-indent:5px;}
				#login h3 {color:#333; font-weight:normal; text-indent:20px;}
				#login img {border:0px; clear:left; float:left; margin:0px 0px 0px 20px;}
				#login input[type="text"] {background:url('/common/media/images/header/login-text-field-background.png') no-repeat; border:0px; clear:left; float:left; font-size:11px; height:20px; margin:0px 0px 3px 20px; padding:5px 8px 0px 8px; position:relative; overflow:visible; text-align:left; vertical-align:middle; width:165px;}
				#login input[type="password"] {background:url('/common/media/images/header/login-text-field-background.png') no-repeat; border:0px; clear:left; float:left; font-size:11px; height:20px; margin:0px 0px 3px 20px; padding:5px 8px 0px 8px; position:relative; width:165px;}
				#login input[type="checkbox"] {background:url('/common/media/images/header/login-checkbox-background.png') no-repeat; border:0px; float:left; height:25px; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; position:relative; width:auto;}
				#login label {color:#333; float:left; height:25px; padding:7px 0px 0px 0px; margin:0px 0px 0px 0px; position:relative; text-align:left; text-indent:5px; width:auto;}
				#login input[type="submit"] {background:url('/common/media/images/header/login-submit-background.png') no-repeat; border:0px; color:#fff; cursor:pointer; display:inline; clear:left; float:left; font-size:11px; height:25px; margin:0px 0px 0px 20px; padding:0px 8px 0px 8px; width:85px;}
				#login-hide {display:none; float:left; height:25px; width:auto;}
				#login-forgot {clear:left; float:left; height:auto; padding:3px 0px 0px 0px; width:100%;}
			/* Header Logged In */
			#logged-in {background:url('/common/media/images/header/login-background.png') no-repeat left top; float:left; font-size:12px; height:150px; padding:12px 0px 0px 0px; overflow:hidden; text-align:left; text-indent:0px; width:260px;}
				#logged-in-left-column {float:left; height:auto; margin:15px 0px 0px 20px; width:125px; z-index:100;}
				#logged-in-right-column {float:left; height:auto; margin:15px 0px 0px 0px; width:115px; z-index:100;}
				#logged-in a:link {color:#333; clear:left; float:left; font-weight:bold; margin-bottom:5px; text-decoration:none; text-indent:1px;}
				#logged-in a:visited {color:#333; clear:left; float:left; font-weight:bold; margin-bottom:5px; text-decoration:none; text-indent:1px;}
				#logged-in a:hover {text-decoration:underline; clear:left; float:left; margin-bottom:5px; text-indent:1px;}
				#logged-in h3 {color:#333; font-weight:bold; text-indent:20px;}
				#logged-in img {border:0px; clear:left; float:left; margin:0px 0px 0px 0px;}
		/* CONTENT */
		#content {height:auto; position:relative; width:800px; z-index:2;}
			/* Content Left Column */
			#left-column {float:left; height:20px; margin:10px 10px 10px 10px; position:relative; width:505px;}
				#left-column-header {background:url('/common/media/images/content/left-column/header-background.png') no-repeat left top; height:35px; left:0px; padding:5px 0px 0px 0px; position:absolute; text-align:left; text-indent:10px; top:0px; width:100%; z-index:3;}
				#left-column-content {background:url('/common/media/images/content/left-column/content-background.png') no-repeat left top; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:320px; left:0px; margin:5px 0px 10px 3px; overflow:hidden; padding:35px 5px 5px 10px; position:absolute; text-align:left; text-indent:0px; top:0px; width:482px; z-index:2;}
					#left-column-header-become {background:url('/common/media/images/content/left-column/header-background.png') no-repeat left top; height:35px; left:0px; padding:5px 0px 0px 0px; position:absolute; text-align:left; text-indent:10px; top:0px; width:100%; z-index:3;}
					#left-column-header-click {background:url('/common/media/images/content/left-column/header-background.png') no-repeat left top; height:35px; left:0px; padding:5px 0px 0px 0px; position:absolute; text-align:left; text-indent:10px; top:376px; width:100%; z-index:3;}
					#left-column-content-become {background:url('/common/media/images/content/left-column/content-background.png') no-repeat left top; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:320px; left:0px; margin:5px 0px 10px 3px; overflow:hidden; padding:35px 5px 5px 10px; position:absolute; text-align:left; text-indent:0px; top:0px; width:482px; z-index:2;}
					#left-column-content-become a:link {font-weight:bold;}
					#left-column-content-become a:visited {font-weight:bold;}
					#left-column-content-become a:hover {font-weight:bold;}
					#left-column-content-click {background:none; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:473px; left:0px; margin:5px 0px 10px 3px; overflow:hidden; padding:35px 5px 5px 10px; position:absolute; text-align:left; text-indent:0px; top:376px; width:482px; z-index:2;}
						#left-column-content-click img {float:left;}
						#left-column-content.clear {clear:both;}
						#left-column-content img.compare {margin:15px 0px 0px 0px;}
						#left-half {float:left; height:auto; position:relative; width:50%; z-index:3;}
						#right-half {float:left; height:auto; position:relative; width:50%; z-index:3;}
					#registration {clear:left; float:left; height:110px; left:0px; position:absolute; top:210px; width:405px; z-index:2;}
			/* Content Right Column */
			#right-column {float:left; height:20px; margin:10px 10px 10px 0px; position:relative; width:265px;}
				#right-column h3 {font-size:16px;}
				#right-column h4 {font-size:12px;}
				#right-column hr {border-bottom:0px; border-top:1px #CCC dotted; height:0px;}
				#right-column img {clear:right; float:right;}
				#right-column-header-events {background:url('/common/media/images/content/right-column/header-background.png') no-repeat left top; height:16px; padding:4px 0px 0px 0px; text-align:left; text-indent:25px; position:relative; width:100%;}
				#right-column-header-blog {background:url('/common/media/images/content/right-column/header-background.png') no-repeat left top; height:16px; padding:4px 0px 0px 0px; text-align:left; text-indent:25px; position:relative; width:100%;}
				#right-column-header-deligates {background:url('/common/media/images/content/right-column/header-background.png') no-repeat left top; height:16px; padding:4px 0px 0px 0px; text-align:left; text-indent:25px; position:relative; width:100%;}
				#right-column-content-events {background:url('/common/media/images/content/right-column/content-background.jpg') no-repeat left top; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:auto; margin:0px 0px 10px 0px; max-height:333px; overflow-y:auto; padding:5px 5px 5px 5px; position:relative; text-align:left; text-indent:0px; width:253px;}
				#right-column-content-blog {background:url('/common/media/images/content/right-column/content-background.jpg') no-repeat left top; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:auto; margin:0px 0px 10px 0px; max-height:305px; overflow-y:auto; padding:5px 5px 5px 5px; position:relative; text-align:left; text-indent:0px; width:253px;}
				#right-column-content-deligates {background:url('/common/media/images/content/right-column/content-background.jpg') no-repeat left top; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:210px; margin:0px 0px 10px 0px; max-height:305px; overflow-y:auto; padding:5px 5px 5px 5px; position:relative; overflow-y:auto; text-align:left; text-indent:0px; width:253px;}
					#right-column-content-deligates img {float:left;}
					#right-column-content img.header {margin:0px 0px 5px 0px;}
				#right-column-content-sound-bytes {background:url('/common/media/images/content/right-column/content-background.jpg') no-repeat left top; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; height:210px; margin:0px 0px 10px 0px; max-height:305px; overflow:hidden; padding:5px 5px 5px 5px; position:relative; overflow:hidden; text-align:left; text-indent:0px; width:253px;}
					#right-column-content-sound-bytes img {float:left;}
					#right-column-content-sound-bytes-text {background:url('/common/media/images/content/right-column/sound-bytes-person.png') no-repeat bottom right; clear:left; float:left;}
					#right-column-content-sound-bytes-wrapper {clear:left; float:left; height:auto; overflow:hidden; padding:5px 0px 0px 0px; width:243px;}
					#right-column-content-sound-bytes-mp3 {float:left; height:35px; padding:7px 0px 0px 0px;}
				#right-column-facebook {height:44px; margin:0px 0px 10px 0px; position:relative; width:261px;}
			#content-clear {clear:both;}
		/* FOOTER */
		#footer {background:#ffffff; border-top:#CCCCCC 1px dotted; bottom:0px; color:#999999; font-size:10px; font-weight:normal; height:20px; left:0px; padding:3px 0px 0px 0px; position:absolute; text-decoration:none; width:800px;}
			#footer a:link {background:#ffffff; color:#999999; font-size:10px; font-weight:normal; text-decoration:none;}
			#footer a:visited {background:#ffffff; color:#999999; font-size:10px; font-weight:normal; text-decoration:none;}
			#footer a:hover {text-decoration:underline;}
		
/* Page Elements - Classes */