/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 21 Sep 2009 & 11am
 * Author: Joshua Deidun <www.ivt.com.au>
*/

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/


/*	1. COLORS
 *	----------------------------------------------
 *	blue		=		#1c3664
 *	grey		=		#999
 * 	drk grey	=		#777
 * 	orange		=		#ff9900
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	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; 
		list-style: none; 
		}	
		
	textarea {
		font-family: inherit;
		font-size: 12px;
		margin: 0; 
		padding: 0; 
		color: #777;
		}		
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0;
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}


/*	3. LINKS
 *	----------------------------------------------
*/

	a:link, a:active, a:visited, a:hover {
		color: #ff9900;
		outline: none;
		}
		
	a:hover {
		text-decoration: none;
		}

		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/


	h1, h2, h3, h4, h5, h6 {
		color: #1c3664;
		font-weight: normal;
		}
		
	h1 {
		font-size: 3.5em; 
		line-height: 1.2;
		}
		
	h2 {
		text-transform: uppercase;
		font-size: 1.2em;
		line-height: 1;
		margin: 0 0 1em;
		}
		
	h3 {
		font-size: 1.55em;
		font-weight: bold;
		margin: 0 0 .5em;
		}			
		
	p, label {
		font-size: 1.1em;
		}
		
	p { margin: 0 0 1em; }	
	
	b, strong { color: #777; }				
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	


	body {
		font: 62.5%/1.6 "Trebuchet MS", "Lucida Grande", Arial, Helvetica;
		color: #999;
		background-color: #1c3664;
		/*3d2e33  or   88bfc6 */
		}
		
	#container {
		width: 980px;
		margin: 0 auto;
		padding: 0;
		font-size: 1.1em;
		}
	
	#header {
		position: relative;
		height: 70px;
		padding: 30px 20px;
		background: #fff;
		border-bottom: 4px solid #d0cece;
		}	
	
	#outside {
		float: left;
		position: relative; 
		display: inline-block;
		background: #fff;
		min-height: 499px;
 		height: auto !important;
  		height: 499px;
		width: 980px;
		}
		
	#outside .banner {
		position: absolute;
		top: 0;
		right: 0;
		width: 980px;
		height: 499px;
		overflow: hidden;
		}
		
	#content {
		position: relative;
		z-index: 99;
		background: #fff url(../images/bg-content.gif) repeat-y;  
		margin: 135px auto 0;
		padding: 0;
		width: 940px;
		min-height: 366px;
 		height: auto !important;
  		height: 366px;
		}				
		
	#footer {
		background: url(../images/base.png) top left no-repeat;
		font-size: 1.1em;
		color: #fff;
		padding: 25px;
		margin: 0 auto;
		width: 930px; 
		}
		
		/* << ----------- HEADER --------------- */						
		
		#header h1 {
			float: left;
			margin: 6px 15px;
			}
		
		#header h1 span {
			position: absolute;
			left: -999em;
			}
			
		#header ul#extras {
			float: right;
			padding: 0;
			margin: 0;
			}
			
		#header ul#extras li {
			float: left;
			padding: 4px 6px 2px 11px;
			}
		
		#header ul#extras a {
			color: #999;
			}	
			
		#header ul#extras li#divider { 
			background: url(../images/divider.gif) 0 10px no-repeat;
			}
			
		#header ul#extras li#search { 
			padding: 0;
			}
			
		#header ul#extras li#search form {
			width: 184px; background: url(../images/bg-search.gif) no-repeat; 
			height: 27px;
			margin: 0 0 0 8px;
			}
			
		#header ul#extras li#search input {
			width: 150px;
			background: 0;
			margin: 0;
			border: 0;
			padding: 8px 5px 5px 24px;
			font-style: italic;
			line-height: 1;
			}
		
		#header p.phone {
			position: absolute;
			bottom: 25px;
			right: 20px;
			font-weight: bold;
			font-style: italic;
			font-size: 1.2em;
			color: #777;
			}				
			
		/* << ----------- NAVIGATION ----------- */			
		
		ul#nav { 
			position: absolute;
			bottom: 0;
			right: 0;
			}
		
		ul#nav li {
			float: left;
			}
		
		ul#nav li a { 
			float: left;
			display: block;
			height: 35px;
			background: url(../images/nav-bg.gif) no-repeat;
			text-indent: -999em;
			cursor: pointer;
			}
			
			
			/* << --------- NAVIGATION ON STATE --------- */			
			ul#nav li a#menu2-on { 
				width: 109px; 
				background-position: -74px -70px; 
				}
				
			ul#nav li a#menu3-on { 
				width: 182px; 
				background-position: -183px -70px; 
				}
				
			ul#nav li a#menu4-on { 
				width: 164px; 
				background-position: -365px -70px; 
				}
				
			ul#nav li a#menu5-on { 
				width: 77px; 
				background-position: -529px -70px; 
				}			
				
			/* << --------- NAVIGATION HOVER STATE --------- */
			
			ul#nav li a#menu1:hover { 
				width: 74px; 
				background-position: -64px 0; 
				}
			
			ul#nav li a#menu2:hover { 
				width: 97px; 
				background-position: -138px 0; 
				}
				
			ul#nav li a#menu3:hover { 
				width: 155px; 
				background-position: -235px 0; 
				}
				
			ul#nav li a#menu4:hover { 
				width: 142px; 
				background-position: -390px 0; 
				}
				
			ul#nav li a#menu5:hover { 
				width: 74px; 
				background-position: -532px 0; 
				}			
		
			/* << --------- NAVIGATION OFF STATE --------- */	
			ul#nav li a#menu1 { 
				width: 74px; 
				background-position: -64px -35px; 
				}
					
			ul#nav li a#menu2 { 
				width: 97px; 
				background-position: -138px -35px; 
				}
				
			ul#nav li a#menu3 { 
				width: 155px; 
				background-position: -235px -35px; 
				}
				
			ul#nav li a#menu4 { 
				width: 142px; 
				background-position: -390px -35px; 
				}
				
			ul#nav li a#menu5 { 
				width: 74px; 
				background-position: -532px -35px; 
				}				
			
	/* << ------------- CONTENT ------------ */			
	
	#content .left {
		float: left;
		width: 200px;
		padding: 0;
		font-size: 1.1em;
		}
		
		#content .left h2 { 
			position: relative; 
			width: 100%;
			height: 16px; 
			margin: 30px 30px 22px 30px; 
			}
		
		#content .left span { 
			position: absolute; 
			width: 100%; 
			height: 100%;
			}
			
		#content .left ul li { 
			margin: 0;
			padding: 8px 0;
			background: none;
			border-bottom: 1px solid #d0cece;
			width: 261px;
			display: block;
			}
		
		#content .left ul li a { 
			margin: 0 30px;
			padding: 0;
			text-decoration: none;
			font-size: 1.2em;
			color: #999;
			}
			
		#content .left ul li.on a, #content .left ul li a:hover { 
			color: #ff9900;
			font-weight: bold;
			}
			
		#content .left ul li li { 
			border: 0;
			margin: 0;
			padding: 8px 0;
			}		
			
		#content .left ul li li a { 
			margin: 0 30px 0 50px;
			padding: 0;
			text-decoration: none;
			font-size: 1.1em;
			color: #999;
			}
			
		#content .left ul li li.off a {
			color: #999;
			font-weight: normal;
			}		
		
		#content .left ul li.on a:after { 
			content: ' >>';
			}	
			
		#content .left ul li li.off a:after, #content .left ul li li.on a:after  {
			content: ' ';
			}
			
		
			
		/* logged in area */
		
		#content .left .loginarea {
			margin: 20px 30px;
			width: 185px;
			}
			
		#content .left div.membersresources {
			margin: 30px 30px 8px;
			}
			
		#content .left ul#members_menu {
			margin: 45px 0 0;
			}		
			
		#content .left .loginarea ul#myaccount {
			margin: 15px 0;
			padding: 0;
			background: none;
			width: 185px;
			}
		#content .left .loginarea ul#myaccount li {
			background: none;
			border: 0;
			width: 185px;
			margin: 0;
			padding: 0;
			}
		#content .left .loginarea ul#myaccount li a {
			margin: 3px 0;
			padding: 0;
			background: none;
			text-transform: none;
			font-size: 1em;
			color: #ff9900;
			text-decoration: underline;
			}
		#content .left.loginarea ul#myaccount li a:hover {
			text-decoration: underline;
			}
		#content .left .loginarea p {
			font-size: 1em;
			}
	
									
		
	#content .right {
		float: right;
		width: 619px;
		padding: 30px;
		font-size: 1.1em;
		}
		
		#content .right .breadcrumb {
			font-size: 1em;
			margin: 0 0 23px;
			}
			
		#content .right .breadcrumb a {
			color: #999;
			}			
		
		#content .right ul {
			margin: 0;
			padding: 0;
			}
			
		#content .right ul li {
			padding: 4px 5px 4px 22px;
			background: url(../images/bullet.gif) 4px 9px no-repeat; 	
			}
			
		#content .right img.contact_img, #content .right img.record_img {
			float: right;
			border: 4px solid #d0cece;
			}
				
		
		#content .right #record_content .rc_left {
			float: left;
			width: 390px;
			}
			
		#content .right #record_content .rc_right {
			float: right;
			width: 208px;
			}
			
		#content .right #record_content .rc_right p, #content .right #record_content .rc_right a {
			margin: 5px;
			font-size: 1em;
			}
			
		#content .right #record_content .rc_right p#contact {
			margin: 15px 5px;
			font-weight: bold;
			font-style: italic;
			font-size: 1.2em;
			color: #777;
			}					
			
		/* my account */
		#content .right table#logindetails tr:nth-child(even) {
			background: none;
			}
			
		#content .right table#logindetails {
			margin: 0 0 15px;
			}
			
		#content .right table#logindetails th,
		#content .right table#logindetails td {
			text-align: left;
			padding: 5px 10px 5px 0;
			}
			
		/* reset password form */
		
		#content .right #password_form table th,
		#content .right #container #password_form table td {
			text-align: left;
			padding: 0 5px 8px 0;
		}
		#content .right form .buttonrow input {
			width: auto; color: #fff; background: #1c3664; border: 0; margin: 5px 0; padding: 4px 5px;
		}
		
		#content .right h1 {
		font-size: 1.55em;
		font-weight: bold;
		margin: 0 0 .5em;
		}	
			
		/* HIDDEN ELEMENTS */
		
		.path, .addthis {
			display: none;
			}
			
		/* << -------- ENQUIRY FORM ------------ */

		form#info_form { margin: 10px 0; }
		form#info_form legend { display: none;  }
		form#info_form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; background: none; color: #999; font-size: 11px; clear: both; color: #777; }
		form#info_form textarea { width: 250px; height: 100px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; clear: both; color: #777; }
		form#info_form select { margin: 3px 0; }
		form#info_form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; color: #777;  }	
		form#info_form .state li { list-style: none; }
		form#info_form fieldset fieldset { float: left; clear: both; }
		form#info_form label.wide { white-space: nowrap; }
		form#info_form .state label, form#info_form .receive_email label { display: inline; width: auto; margin: 0; padding: 0px; }
		form#info_form .state label:after, form#info_form .receive_email label:after { content: ""; }
		form#info_form .receive_email legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .receive_email label { float: left; margin: 0; font-weight: normal; }
		form#info_form .receive_email input { float: left; }
		form#info_form .receive_email li { float: left; background: none; }
		form#info_form .interests legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .interests label { display: inline; margin: 0; font-weight: normal; }
		form#info_form .form_caption legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .form_caption label { display: inline-block; margin: 0; font-weight: normal; }
		form#info_form .form_caption li { display: block; background: none; padding: 0px; }
		form#info_form table#form_info_buttons { width: 263px; margin: 0; }
		form#info_form .submit { width: auto; color: #fff; background: #1c3664; }	
		
		/* << -------- ENQUIRY FORM ------------ */

		
		form#update-form legend { display: none;  }
		form#update-form input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; background: none; color: #999; font-size: 11px; color: #777; }
		form#update-form textarea { width: 250px; height: 100px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; color: #777; }
		form#update-form select { margin: 3px 0; }
		form#update-form label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; color: #777; display: block;  }	
		form#update-form .state { clear: none; }
		form#update-form .state li { list-style: none; background: none; margin: 0; padding: 0; }
		form#update-form li#li_c_Country select { width: 263px; }
		form#update-form button { color: #fff; background: #1c3664; cursor: pointer; border: 0; margin: 5px 3px 0 115px; padding: 2px 5px; height: 22px; }	
		form#update-form ol li { clear: both; }
		
		/* << --------- MEMBER LOGIN FORM ------------- */

		form#member_login label { float: left; width: 110px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; color: #777; }	
		form#member_login input { width: 250px; margin: 3px 0; padding: 4px 5px; border: 1px solid #ccc; background: none; color: #999; font-size: 11px; color: #777; }
		form#member_login button { width: auto; color: #fff; background: #1c3664; border: 0; margin: 5px 0; padding: 4px 5px; margin-left: 116px; }
		form#member_login p { margin-left: 115px; }
		
		/* << --------- SERACH FORM ------------- */
		#content .right ul.search_list { margin: 5px 0; }
		#content .right ul.search_list li { padding: 8px 5px 0 22px; background: url(../images/bullet.gif) 4px 13px no-repeat;  margin: 0; border-bottom: 1px solid #dedede;  }
		#content .right ul.search_list a { font-style: normal; font-weight: bold; text-decoration: none; }
		#content .right .search_form button { color: #fff; background: #1c3664; cursor: pointer; border: 0; margin: 0 3px; padding: 2px 5px; height: 22px; }
		#content .right .search_form form { background: url(../images/mag-glass.gif) 7px 6px no-repeat; margin: 0 0 10px; vertical-align: middle; }
		#content .right .search_form form input { width: 350px; margin: 0; padding: 4px 5px 2px 25px; border: 1px solid #dedede; background: none; color: #666; }
		#content .right .search_form legend, .search_form label { display: none; }			
			
		/* << ----------- FOOTER ---------------- */ 	
			
		#footer p#ivt {
			float: right;
			}			
		
		#footer p#copyright {
			float: left;
			}
		#footer a, #footer strong {
			color: #fff;
			}