/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*
*																									*
*		Firths Global Style Sheet V2.0	Created 15th April 2009		Modified 18th May 2009			*
*		Designer:  Alen Trivuncevic.	Contact alent@syslogix.com.au								*	
*																									*
*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*


/*------------------------ RESET ------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
fieldset,img {border: none;}
caption,th {text-align: left;}

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

body {background:url(../images/bkg.jpg) #01539f no-repeat top; }

#container {width: 815px; margin: 0 auto; background-color:#FFF; padding: 0px;}
#spacer {height:50px; width: 815px; margin: 0 auto;}
.pageholder {width:767px; margin: 0 auto;font: 13px/17px Arial, Helvetica, Verdana, sans-serif; color:#111; text-align: justify; display:inline;}
.pageholder #masthead {background-image:url(../images/mastHead.jpg);height:137px; width:767px; margin: 0 auto; float:left;}
.pageholder #nav-btns { display:inline; height:30px; float:left;}

.pageholder #leftcol { display:inline; margin: 0px; width: 406px; padding: 40px 24px 24px 54px; float:left; }
.pageholder #restricted { margin:0 auto; width: 658px; padding: 40px 54px 24px 54px; float:left; }
.pageholder #sidebar { display:inline; margin: 0px; width:214px; padding: 40px 24px 20px 44px; float:left;}
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}
.pageholder #footer { margin: 0 auto; padding: 12px 54px 20px 54px; font-size:11px; background:#FFF}


/*------------------------- Frame Edges ----------------------------*/

#border-left { width:24px;float:left;margin: 0 auto; height:624px; background:url(../images/pageFrame_left.jpg) top no-repeat; display:inline;}
#border-right {width:24px;float:right;margin: 0 auto; height:624px; background:url(../images/pageFrame_right.jpg) top no-repeat; display:inline;}
img { padding:0px 0px 0px 0px; margin: 0 auto;} 


/*------------------------ SWF HEADERS ------------------------*/

.pageholder #featureMain{ margin: 0 auto; width:767px; height:227px;float:left; display:inline;}

/*------------------------ TYPE ------------------------*/

A:link {color:#fff;}
A:visited{color:#666;}
A:active{color:#006699;}
A:hover{text-decoration:underline; color:#fff;}
p { margin-bottom: 12px; text-align:justify; }
hr { border: none 0; border-top: 1px dotted #999; height: 1px; margin-bottom: 12px;}
h1 { color:#06C; font-weight:300; font-size:28px; margin-bottom:28px;text-align: left;}
h2 { color:#06C; font-weight:lighter; font-size:22px; margin-bottom:22px; text-align: left; line-height:normal; }
h3 { color:#06C;font-weight:600; font-size:14px; margin-bottom:6px; text-align: center; line-height:20px;}

.bodylink:link {color:#444};
.bodylink:hover, .bodylink:active {color:#437EB4};

.bullet{ margin-bottom:8px;}
.centertext{ text-align:center;}
.bluetxt { color:#06C; text-align:left}
.greytxt {color:#666; text-align:left}
.smalltext {font-size:11px; line-height: 14px;}
.leftjustity{text-align:left;}
strong { font-weight:bold; font-size:100%;} 
.doubleLine{line-height:23px;}
.whitetxt{ color:#FFF;}
.a_blue { color:#06C; text-decoration:underline;}

table.tblc { border-collapse: separate;
border-spacing: 10px;
background-color: #fff;}

table.tblc { border-collapse: separate;
border-spacing: 2px;
background-color: #fff;}

table.tblc td {
	padding: 10px;
	background-color:#edf1f7}


/*---- restricted area styles ----*/

.pageholder #restricted h5 img {float:right; padding-right:10px; padding-bottom:10px;}
.pageholder #restricted h6 img {float:left; padding-right:10px; padding-bottom:10px; display:block;}

.pageholder #restricted h2{ display:block; color:#FFF; text-align:left; float: left; padding-top:10px;}

.pageholder #restricted .rlink1 {padding-top:10px; font-weight:bold; float:left; font-size:90%; display:block; color:#FFF}
.pageholder #restricted .rlink1:link {padding-top:10px; font-weight:bold; float:left; font-size:90%; display:block; color:#FFF}
.pageholder #restricted .rlink1:hover, .pageholder #restricted .rlink1:active {padding-top:10px; font-weight:bold; float:left; font-size:90%; color:#FF0}

.pageholder #restricted .rlink2 {padding-top:0px; font-size:100%;color:#FFF}
.pageholder #restricted .rlink2:link {padding-top:0px; font-size:100%;color:#FFF}
.pageholder #restricted .rlink2:hover, .pageholder #restricted .rlink2:active  {padding-top:0px; font-size:100%; color:#FF0}


/*------------------------ Menu Button ------------------------*/

/*----------About Us Menu / Secondary Nav-----*/
.pageholder #snavh {background-color:#084687; display:inline; float:left; width: 767px;}

ul#aboutusMenu { margin-left:15px; font-size:11px; color:#FFF; list-style: none; text-decoration:none; text-align:left; }
ul#aboutusMenu li { display:inline;}
ul#aboutusMenu li a { display:block; padding: 1.5em 0em 1.5em 2.4em; color:#FFF; background-color:#084687; text-decoration:underline; float:left;}

ul#aboutusMenu li a:hover, ul#aboutusMenu a:active{ margin: 0 auto; padding: 1.5em 0em 1.5em 2.4em;text-decoration:underline; color:#FF0;background: url(../images/bullet-gold.gif) no-repeat #084687;background-position: 10px 21px;float:left}


/*----- UnRestricted Area Nav ---- */
ul#ServiceMenuA { margin-left:14px; font-size:11px; color:#FFF; list-style: none; text-decoration:none; text-align:left; }
ul#ServiceMenuA li { display:inline;}
ul#ServiceMenuA li a { display:block; padding: 1.5em 0em 1.5em 3.4em; color:#FFF; background-color:#084687; text-decoration:underline; float:left}
ul#ServiceMenuA li a:hover, ul#ServiceMenuA a:active{ margin: 0 auto; padding: 1.5em 0em 1.5em 3.4em;text-decoration:underline; color:#FF0;background: url(../images/bullet-gold.gif) no-repeat #084687;background-position: 20px 21px;float:left}


/*----- Restricted Area Nav ---- */
ul#ServiceMenuB { margin: 10px 35px 10px 35px; font-size:11px; color:#FFF; list-style: none; text-decoration:none; text-align:left; }
ul#ServiceMenuB li { display:inline;}
ul#ServiceMenuB li a { display:block; padding: 4px 0px 15px 35px; color:#FFF; background-color:#084687; text-decoration:underline; float:left;}
ul#ServiceMenuB li a:hover, ul#ServiceMenuA a:active{padding: 4px 0px 15px 35px;text-decoration:underline; color:#FF0;background: url(../images/bullet-gold.gif) no-repeat #084687;background-position: 18px 8px;float:left}



/*------------- Default states ------------- */
ul#menu {list-style:none;}
ul#menu li { display: inline;}
ul#menu li a {text-indent: -9999px;display:block;height:30px;float:left;}

/*------------------------ UP States ------------------------*/
ul#menu li a.home{background: url(../images/nav-btns.jpg) 0px 0px no-repeat; width: 63px}
ul#menu li a.about{background: url(../images/nav-btns.jpg) -63px 0px no-repeat; width: 99px}
ul#menu li a.services{ background: url(../images/nav-btns.jpg) -162px 0px no-repeat; width: 116px}
ul#menu li a.success{ background: url(../images/nav-btns.jpg) -278px 0px no-repeat; width: 99px}
ul#menu li a.legal{ background: url(../images/nav-btns.jpg) -377px 0px no-repeat; width: 98px}
ul#menu li a.law{ background: url(../images/nav-btns.jpg) -475px 0px no-repeat; width: 92px}
ul#menu li a.contact{ background: url(../images/nav-btns.jpg) -566px 0px no-repeat; width: 90px}
ul#menu li a.enquire{ background: url(../images/nav-btns.jpg) -656px 0px no-repeat; width: 110px}


/*------------------------ HOVER states ------------------------*/
ul#menu li a.home:hover, ul#menu li a.home:active { background-position: 0px -30px}
ul#menu li a.about:hover, ul#menu li a.about:active { background-position: -63px -30px}
ul#menu li a.services:hover, ul#menu li a.services:active { background-position: -162px -30px}
ul#menu li a.success:hover, ul#menu li a.success:active { background-position: -278px -30px}
ul#menu li a.legal:hover, ul#menu li a.legal:active { background-position: -377px -30px}
ul#menu li a.law:hover, ul#menu li a.law:active { background-position: -475px -30px}
ul#menu li a.contact:hover, ul#menu li a.contact:active { background-position: -566px -30px}
ul#menu li a.enquire:hover, ul#menu li a.enquire:active { background-position: -656px -30px}

/*------------------------ page specific ACTIVE ------------------------*/
body#home ul#menu li a.home { background-position: 0px -60px}
body#about ul#menu li a.about{background-position: -63px -60px}
body#services ul#menu li a.services { background-position: -162px -60px}
body#success ul#menu li a.success { background-position: -278px -60px}
body#legal #menu li a.legal { background-position: -377px -60px}
body#law ul#menu li a.law { background-position: -475px -60px}
body#contact ul#menu li a.contact { background-position: -566px -60px}
body#enquire ul#menu li a.enquire{ background-position: -656px -60px}
body#faq ul#menu li a.enquire{}
