html {
	margin: 0;
	padding: 0;
	background: #787878 url(../images/img01.jpg) repeat left top;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #616161;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3 {
	margin-top: 0;
	text-transform: uppercase;
	color: #528DC8;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

a {	text-decoration: none; color: #528DC8; }
a:hover { border-bottom: none; }

img { border: none; }

#holder { width: 960px; margin: 10px auto 0; }

#header { height: 100px; }

#logo { float: left; margin: -9px 0 0 -47px; width: 170px; }

#logo2 { float: right; }

#headerRight { margin-left:125px; padding:19px 0 0; }
#headerRight h1, #headerRight p { margin:0; /*color:#528DC8;*/ color:#0B68FF; }
#headerRight span {	color: #000000; }
#headerRight h1 { padding: 12px 0 0 0; margin: 0 0 17px 0; letter-spacing: -1px;	text-transform: lowercase; font-weight: normal; font-size: 4em; font-family:"Broadway BT";}
#headerRight p { text-transform: uppercase; font-size: 12px; color: #110E0F; }
#headerRight a { text-decoration: none;	color: #528DC8; }

#nav { background:url(../images/img02.jpg) no-repeat left top; height:52px; padding:0; width:960px; }
#nav ul { width:970px; height:52px; margin:0; padding:0 0 0 120px; list-style:none; background:url(../images/moonlitelogo-bottom.gif) no-repeat left top; }
#nav li { margin:0 2px 0 0; padding:0; float:left; background:url(../images/img03.jpg) no-repeat right center; position:relative; }
#nav li a { margin:0; padding:17px 32px; display:block; color:#fff; }
#nav li a:hover { text-decoration:underline; }
#nav li.last { margin-right:0; background:none; }
#nav ul ul { margin:0; padding:0; position:absolute; z-index:200; background:#494949; display:none; }
#nav li li a { padding:2px 10px !important; color:#fff; font-size:11px; background:#494949;  }
#nav li li a:hover, #nav li li a.onLink { text-decoration:none; background:#000; }
#nav li { position:relative; }
#nav ul ul { width:150px; left:auto; display:none; }
#nav li li { width:100%; background:none; padding-right:0; } 
#nav li:hover ul { display:block; }
#nav ul ul ul {  top:0; }

/* 2nd subcategory */
#nav ul ul ul { width:200px; display:none; left:150px; }
#nav li li:hover ul { display:block; }

/* end drop down nav */



#rightCol { float:right; width:220px; padding:10px 0 0 0; }

#content { margin-right:230px; padding:15px; }

.breadcrumbs { margin-bottom:10px; }


/*
Added by Dwayne 16/6/09
right side nav
*/

#sidebar2 h2.sideHeading { _overflow:hidden; }

h2.sideHeading {
	background:transparent url(../images/img07.jpg) no-repeat scroll left top;
	color:#FFFFFF;
	height:30px;
	margin:0;
	padding:8px 15px 0 35px;
	font-size:12px;
	cursor: pointer; 
}

.toggle_container {
	/*
	margin: 0 0 5px;
	padding: 0;
	*/
	overflow: hidden;
}

.toggle_container .block {
	/*padding-top: 20px;*/
	padding:0 0 10px; 
}

#sidecats li {
	background:transparent url(../images/img08.gif) no-repeat scroll 0 center;
	border-bottom:1px dashed #B5B5B5;
	margin:0 10px 0 15px;
	padding:8px 0 8px 16px;
	text-align:left;	
}

.sidebar ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
/*
.sidebar li h2 { background:transparent url(../images/img07.jpg) no-repeat scroll left top; color:#FFFFFF; font-size:12px; height:30px; margin:0; padding:8px 15px 0 35px; }
.sidebar li li { 
	background:transparent url(../images/img08.gif) no-repeat scroll 0 center;
	border-bottom:1px dashed #B5B5B5;
	margin:0 10px 0 15px;
	padding:8px 0 8px 16px;
	text-align:left;
}
.sidebar li { padding:0 0 20px; }
*/

#page { background:transparent url(../images/img05.jpg) repeat-y scroll left top; margin:0 auto; width:960px; overflow:hidden; clear:left;}
#page-bgtop { background:transparent url(../images/img04.jpg) no-repeat scroll left top; }
#page-bgbtm { background:transparent url(../images/img06.jpg) no-repeat scroll left bottom; }

#keywords { width:171px; border:1px solid #acacad; }
#searchform { margin:0; padding:0; }


.title {

	height: 50px;
	margin: 0px;
	padding: 14px 0px 4px 10px;
	/* padding: 11px 0px 4px 10px; */
	/* text-transform: capitalize; */
	text-transform: none;
	font-weight: normal;
	background: url(../images/img12.jpg) no-repeat left top;
}

.title a { border-bottom: none; color: #528DC8; }


/* Footer */
#footer { width:940px; height:70px; margin:0 auto; padding-left:20px; padding-top:10px; }
#footer p { margin:0; padding:25px 0 0 0; text-align:left; font-size:smaller; }
#footer a { }
#footer .privacy { float: right; margin-right:260px; }
#footer .copyright { float:left; }
#footer .company { font-family:"Broadway BT", Arial, Helvetica, sans-serif; }






/* Contact Us Form*/

.textinput { width:250px; }
.textarea { width:555px; height:150px; }

#form .fieldlabel { width:140px; font-weight:bold; float:left;/*height:20px;  float:left;*/ }

#form .formrow { height:28px; }

#form .formbutton { }

#form #contactEnquiryRow { height:105px; }

.required { color:#FF0000; }

.formerror { color:#FF0000; }
.error { color:#FF0000; }



th.heading { font-weight:bold; text-align:left; }


.thumbnail {
	float: left;
	margin: 5px;
	padding: 8px;
	text-align: center;
	color: #CCCCCC;
	width: 164px;
	height:150px;
	}

.thumbnail img{
	background: #000;
	padding: 7px;
	margin: auto;
	display:block;
	
}



.thumbnail a {
	color:#999999;
	text-decoration: none;
}

/* non IE  hover */


div.thumbnail:hover {
	background: #000;
	color: #528DC8;;
	font-weight: bold;
}

a img {
	border:none;
}

#gallery {
	padding: 0px;
	text-align:center;
	/*border: 1px solid red;;*/
}

#Searchresult { height: 352px; }


/* General */
.clearBoth { clear:both; }
td.error { color: #F00000; }


/* media gallery */
.mediaFiles #media { width:678px; margin:0; padding:0; list-style:none; }
.mediaFiles #media li { width:158px; height:200px; float:left; margin:0 10px 10px 0; padding:2px; cursor:pointer; background:#000000; }
/*.mediaFiles #media li { width:158px; height:194px; float:left; margin:0 10px 10px 0; padding:2px; cursor:pointer; background:#231F20; }*/
.mediaFiles #media li.last { margin-right:0; }
.mediaFiles #media li a { display:block; width:158px; height:158px; }
.mediaFiles #media li a img { display:none; }
.mediaFiles #media li .caption { text-align:center; height:1.5em; overflow:hidden; padding:5px; color:#FFFFFF; }
/*.mediaFiles #media li .caption { text-align:center; height:1.5em; overflow:hidden; padding:5px; color:#eeeeee; }*/
.mediaFiles #media li .cont { display:none; }
#mediaSmall #media li { width:163px; height:199px; }
#mediaSmall #media li a { width:163px; height:163px; }

#mediaFader, #mediaContainer { width:100%; height:100%; position:fixed; top:0; left:0; cursor:pointer; }
#mediaFader { z-index:300; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background:#111111; }
#mediaContainer { z-index:400; }
#mediaHolder { width:860px; height:480px; margin:-250px 0 0 -450px; padding:10px 20px; position:absolute; top:50%; left:50%; font-size:12px; overflow:hidden; color:#eeeeee; background:#111111; cursor:default; }
#mediaButtons { height:20px; margin-bottom:10px; text-align:right; }
#mediaClose, #mediaNext, #mediaBack { width:55px; height:19px; margin-right:5px; display:block; text-align:center; float:right; cursor:pointer; }
#mediaClose { margin-right:0; }
.mediaDir { font-size:14px; }
#mediaContent { width:190px; height:415px; padding-right:10px; font-size:11px; overflow:auto; float:right; }
#mediaFile { width:640px; height:415px; overflow:hidden; text-align:center; }
#mediaCaption, #mediaDownload { position:absolute; bottom:10px; }
#mediaCaption { width:640px; height:1.5em; overflow:hidden; font-size:14px; font-weight:bold; text-align:center; background:#111111; }
#mediaDownload { right:10px; z-index:400; cursor:pointer; font-style:italic; }
#mediaDownload a { color:#eeeeee !important; }
/* end media gallery */

.ie8 #mediaFader { filter:alpha(opacity=75) !important; }
.ie8 #mediaSmall { min-height:1px; }

.ie7 .mediaFiles #media { padding-bottom:10px; }
.ie7 #mediaFader { filter:alpha(opacity=75) !important; }
.ie7 #mediaSmall { min-height:1px; }

/*.ie6 { height:100%; }*/
.ie6 #mediaSmall { height:1px; }
.ie6 #mediaFader { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75) !important; height:100%; }
.ie6 #contentBack { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; }
.ie6 #media li.mediaEdit { overflow:hidden; margin-right:6px; }

.mediaFiles #media li { display:inline; }


/* Contact Us form */
#form .formbuttons { margin-left:172px; }
#form .formbutton { margin-top:10px; }
.textareainput { width: 250px; }

/* Home cycle slideshow */
#slideshow, .slide { width:524px; height:311px; }
#slideshow { display:block; margin:auto; margin-top:20px; overflow: hidden;}
.slide img { display:block; margin:auto; }


/* Login form */
#login_form .textinput { width:136px; }

#searchform .textinput { width:160px; }

/* Login form */
#loginForm .formrow {
	height:22px;
	margin:0 0 4px;
}

#loginForm .fieldlabel {
	display:block;
	float:left;
	font-weight:bold;
	height:25px;
	width:75px;
}

#loginForm .textinput {
	padding:0 5px;
	width:120px;
}

#loginForm .formbutton {
	margin-top:0px;
}

.formbutton {
	cursor:pointer;
	/*padding:0 10px;*/
}

#loginForm .formbuttons {
	/*margin-left:155px;*/
	margin-left:0px;
}