/*------------------------------------------------
	Author : Annie Liew  |  www.iamannie.com.au
-------------------------------------------------*/

/* Global reset */
* {margin:0; padding:0;}  /*border:0 solid; list-style:none;*/

/* CSS Document */


/*-- PAGE LAYOUT STYLES	--*/

body, html{margin:0; padding:0; background-color:#282b31; background-image:url(../images/background.gif); /* background tile adapted from http://www.noqta.it/dromoscopio/ */ height:100%;}

#wrapper{width:960px; padding:0; min-height:100%; margin:0 auto; /* negative value must be the same height as footer (for stickyness) */ margin-bottom:10px; overflow:hidden;}
#white_wrapper{background-color:#fff; overflow:hidden;}

#clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*-- LINKS --*/
	
#menu{float:left; margin:16px 0 0 10px;}
ul#nav{margin:0; white-space:nowrap;}

#nav li a{float:left;}
/* #nav li a.contactmenu{width:47px;}
#nav li a.aboutmenu{width:81px;} */
#nav li{float:left; list-style-type:none; padding:3px;}

#nav a:link, #nav a:visited{color:#fff; background-color:#007dc3; vertical-align:middle; text-decoration:none; padding:5px 15px;}
#nav a:hover{color:#252525; background-color:#e1e2e4; text-decoration:none;}
	
a.white:link, a.white:visited, a.white:active{font:11px arial, Trebuchet MS, helvetica, Sans-Serif; color:#fff; text-decoration:none; font-weight:bold;}
a.white:hover{text-decoration:underline;}
	
a.blue:link, a.blue:visited, a.blue:active{font:12px arial, Trebuchet MS, helvetica, Sans-Serif; color:#007dc3; text-decoration:none;font-weight:bold; padding:0 20px;}
a.blue:hover{text-decoration:underline;}
#quote a.blue {padding:0 10px 0 15px;}
	
a.vit:link, a.vit:visited, a.vit:active{font:11px arial, Trebuchet MS, helvetica, Sans-Serif; color:#007dc3; text-decoration:none;font-weight: bold;}
a.vit:hover{text-decoration:underline;}

a:link, a:visited, a:active{font:12px/150% arial, Trebuchet MS, helvetica, Sans-Serif; color:#fff; text-decoration:none; font-weight: bold;}
a:hover{text-decoration:underline;}

	
	
/*-- FONTS --*/

p{font:12px/150% arial, Trebuchet MS, helvetica, Sans-Serif; font-weight:normal; color:#414142; text-align:left; margin:1.4em 0; padding:0 20px 0 20px;}

p.copyright{text-align:left; font:11px/180% arial, Trebuchet MS, helvetica, Sans-Serif; color:#fff; padding:3px 0 15px 35px;}
	
.powered,
.contact{font:12px/150% arial, Trebuchet MS, helvetica, Sans-Serif;}
.contact{color:#95a0ab; font-weight:bold; text-decoration:underline; padding:0 20px 0 20px;}

.contp,
.conti{font:12px/150% arial, Trebuchet MS, helvetica, Sans-Serif; color:#414142;}
.contp{padding:0 20px 0 20px;}
.conti{font-weight:bold; margin-left:-35px;}

#quote{width:230px; float:left; font:14px/120% arial, Trebuchet MS, helvetica, Sans-Serif; color:#414142; margin:17px 0 15px 13px; padding:20px; text-align:left;background-color:#c7d9f0; border-top:5px #3397cf solid; display:inline;}

ul.content,
ol.contentb{font:12px/150% arial, Trebuchet MS, helvetica, Sans-Serif; color:#414142;}
ul.content{text-indent:5px; list-style-position:outside; list-style-type:circle; padding-left:30px;}	
ol.contentb{list-style-position:outside; list-style-type:decimal; margin:0 30px 0 50px;}

h3{font: 14px/150% arial, Trebuchet MS, helvetica, Sans-Serif; text-transform:uppercase; font-weight:bold; color:#363636; background-color:#ebebeb; text-align:left;padding:2px 0 2px 10px; margin-bottom:15px;}
h4{margin-top:30px; font:13px/150% arial, Trebuchet MS, helvetica, Sans-Serif; font-weight:bold; font-style:italic; text-align:left; color:#fff; padding:2px 0 2px 10px;}
h4.one{width:120px; background-color:#007cc2;}
h4.two{width:153px; background-color:#778e1d;}
h4.three{ width:238px; background-color:#923c06;}	
h4.four{width:118px; background-color:#6d276a;}
h5{width:558px; font:14px arial, Trebuchet MS, helvetica, Sans-Serif; font-weight:bold; color:#007dc3; text-align:left; margin:0 0 7px 20px; padding-bottom:7px;border-bottom:1px solid #c1c7cb;}



/*-- POSITIONING --*/

img.logo{float:left;margin:30px 0 0 670px; border:none;}

img.bw{float:left; margin:-12px 0 0 12px;}
		
img.floatl{float:left; margin:13px 20px 0 20px; border:2px #95a0ab solid;}
img.floatr{float:right; margin:0 20px 0 20px; border:2px #95a0ab solid;}

#maintxt{width:645px; float:left; margin:0px 0 0 20px; padding:17px 0 0 0;}	
#mainimage{float:left; margin:4px 0 0 12px; height:204px;}

#indximage{height:422px; float:left; margin:4px 0 0 12px;}
#idxlogin{float:right; padding:20px 13px 0 0;}
	
#footer{width:960px; float:left; border-top:5px #3397cf solid; background-color:#636363;}



/*-- FORMS --*/
	
.label{width:4em; float:left; text-align:right; margin-right:20px; display:block;font-weight:bold;}
.userDetails .label {width:6em;}
.texta{font-size:12px; background-color:#ebebeb; border:1px solid #c1c7cb; padding:2px; float:left;}
.address{font:12px/150% arial, Trebuchet MS, helvetica, Sans-Serif; color:#414142;float:left;width:500px;margin-bottom:10px;}
.submit input{color:#000; background:#007dc3; border:2px outset #d7b9c9;} 

.button{text-align:center; font-size:11px; color:#fff; cursor:pointer; background-color:#007dc3; border:1px solid #c7d9f0; margin:5px 0 0 1px; padding:2px;} 
.button:focus {border:1px solid #007cc2; background-color:#c7d9f0; color:#414142;}

.btnmargin{margin-left:141px; *margin-left:70px;_margin-left:70px;}

fieldset{border:none;}
	
.hide{position:absolute; top:0; left:-200em;}
span.required {color:#f00; font-weight:bold; padding:0 0.15em;}
.redrequired {color:#f00; font-weight:bold; padding:0 0.15em;}
.clear{clear:both;}
.powered{display:block; font-size:11px;}

label.error{color:red;}
input.error{border:1px solid red; background:#fcc;}
span.error, span.result {color:red;display:block;float:left;margin-left:140px; width:400px;}
#idxlogin span.result {margin-left:20px;}
#idxlogin label {width:10em;}

fieldset fieldset {margin:0.5em 0;}

legend span{position:absolute; top:0; left:-200em;}

select,
input{border:1px solid #c1c7cb; padding:0.15em 0.25em; background-color:#ebebeb;}
select:focus,
input:focus{background-color:#fff;}

input.text{width:175px; float:left;}
input.pass{width:175px; float:left;}
input.firstName{margin-right:5px;}
input.button {width:125px; float:left;}
select{width:175px; margin-bottom:0.5em;}

.contp label{width:130px;}
label{font-weight:bold; float:left; width:10em; margin-right:1em; text-align:right;}

pass {border:1px solid #666; padding:0.5em 0;}
fieldset.idxbtn{margin:5px 0 0 19px; *margin-left:10px;_margin-left:10px;}

ul.content{margin-bottom:1em;}
ul.content li{list-style:disc; padding-left:5px; margin-left:2em;}

#popup { display:none;}
#overlay #popup {background:#FFF; padding:10px; width:800px; margin:0 auto; margin-top:100px;}