/* CSS Document */

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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	background:#663333 url('../images/bkg.png') repeat;
	height: 100%;
	font-family:'Arial', Arial, sans-serif;
	font-size:90%;
	color: #cc9999;
}

a:link {text-decoration: none; color:#fff;font-weight:bold;}
a:visited {text-decoration: none; color:#fff;font-weight:bold;}
a:active {text-decoration: none; color:#FFCC99;font-weight:bold;}
a:hover {font-style:italic; color:#FFCC99; font-weight:bold;}

body > #wrap {height: auto; min-height: 100%;}

/*content layout*/
#wrap { 
	height:100%;
	margin:0 auto;
	width:100%;
	position:relative;
	background:transparent url('../images/wrap.png') no-repeat top center; 
}
	
#header { 
	background:transparent url('') no-repeat top center;
	width:100%;
	height:auto;
}

#main {
	position:relative;
	margin:0 auto;
	width:960px;
	background-color:transparent;
	height:100%;
	padding-bottom: 60px; /* must be same height as the footer */
	}  

#padding {width:100%;height:25px;}
#div1{width:175px; margin:0; float:left; overflow:hidden; display:inline; }
#div2{width:610px; margin:0; float:left; position:relative; overflow:hidden; display:inline;  padding-bottom:25px; }
#div3{width:175px; margin:0; float:left; overflow:hidden; display:inline; }

#div1 .core {padding:0;}
#div2 .core {margin:0 10px;}
#div3 .core {padding:0;}
/*end layout*/

/*Header*/

#menu {padding-top:166px;*padding-top:171px;width:960px;margin:0 auto;background:transparent;}
#menu table {margin:5px;width:950px;height:49px;color:#fff;}
#menu td {padding:2px 5px 2px 5px;}
#menu td:hover {background:transparent url('../images/menu/bkg.png') repeat-x top left;}

#menu a:link {padding:10px;}
#menu a:hover {font-style:normal;}

/*Text Styles*/
#div1 {}
#div1 p, #div2 p, #div3 p {padding-bottom:5px;}
#div1 h1, #div1 h2, #div1 h3 {padding-bottom:10px;}

#div2, #div3 {color:#cc9999;font-size:10pt;}
#div2 .title {font-size:14pt;}
#div2 table, #div tr, #div2 td {color:#cc9999;}

/*Link Styles*/
#div3 a, #div3 a:link {color:#fff;font-weight:bold;}
#div3 a:hover {color:#F33;}

/*Div1*/
#div1 .top {width:100%;height:30px;background:transparent url('../images/div1/top.jpg') no-repeat top center;}
#div1 .top p {font-weight:bold;color:#fff;text-align:center;padding:5px;}

#div1 .middle {width:100%;min-height:100px;background:transparent url('../images/div1/middle.jpg') repeat-y top center;color:#fff;}
#div1 .middle p {padding:5px;}

#div1 .bottom {width:100%;height:30px;background:transparent url('../images/div1/bottom.jpg') no-repeat top center;color:#fff;}

/*Div2*/
#div2 .top { width:100%;height:auto;background:transparent url('../images/div2/top.jpg') no-repeat top center;}
#div2 .top p {font-weight:bold;font-size:10pt;color:#fff;text-align:left;}

#div2 .middle {width:100%;min-height:600px;margin:0;padding-top:25px;background:transparent url('../images/div2/middle.jpg') no-repeat top center;}
#div2 .middle p {padding:10px 20px;}

#div2 .bottom {width:100%;height:25px;background:transparent url('../images/div2/bottom.jpg') no-repeat top center;color:#fff;}

#div2 .line {width:579px; height:6px; margin:0 auto;background:transparent url('../images/div2/line.png') no-repeat center;padding:20px 0;}


/*Div3*/
#div3 .top {width:100%;height:30px;background:transparent url('../images/div3/top.jpg') no-repeat top center;}
#div3 .top p {font-weight:bold;color:#fff;text-align:center;padding:5px;}

#div3 .middle {width:100%;min-height:100px;background:transparent url('../images/div3/middle.jpg') repeat-y top center;color:#fff;}
#div3 .middle p {padding:5px;}

#div3 .bottom {width:100%;height:30px;background:transparent url('../images/div3/bottom.jpg') no-repeat top center;color:#fff;}

/*Featured Items*/
.featuredItem {position:relative;width:150px;height:150px;margin:0 auto;}
.featuredItemThumb {position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto;background:transparent url('../images/featured/thumb.png') no-repeat center;z-index:10;}
.featuredItemBkg {position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto;background:transparent url('../images/featured/sample.jpg') no-repeat center;z-index:1;}

/*Footer*/
#footer {
	clear:both;
	background:transparent;
	position: relative;
	margin:-60px auto;
	width:960px;
	height: 60px;
	color:#ffcc99;
	font-size:8pt;
	} 

#footer .core {margin:5px;background:transparent url('../images/hk_bottombanner.jpg') no-repeat top center;}
#footer table {margin:0 auto; text-align:center;}
#footer table, #footer tr, #footer td, #footer td p {font-size:8pt; color:#ffcc99;}

/* CLEAR FIX*/
.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 */

/* Admin Styles */
#admin { width:auto; margin-left:5px; }
#admin input, .admin textarea { }
#admin .submit input { margin-left:5px; width:auto; padding:2px 10px; }

/* JQuery Accordion */
	.accordion { list-style-type: none; padding: 0; margin:0; }
	
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { background:transparent url('../images/div2/titleBkg.jpg') no-repeat top center; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; font-size:10pt;}
	.accordion li.active>a { background: url('close.gif') no-repeat center right; }
	.accordion li div { padding: 0px; background:transparent url('../images/bkg.png') repeat; display: block; clear: both; float: left; width:auto; color:#CC9999;}
	.accordion li div p {padding:20px;}
	.accordion a {  text-decoration: none; font: bold 1.1em/2em Arial, sans-serif; color: #FFCC99; padding: 0 10px; height:30px; line-height:30px; display: block; cursor: pointer; 				
					background: url('open.gif') no-repeat center right;}
					
	.accordion2 { list-style-type: none; padding: 0; margin:0; }
	.accordion2 ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion2 li { background:transparent url('../images/div2/titleBkg2.jpg') no-repeat top center; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; font-size:10pt;}
	.accordion2 li.active>a { background: url('close.gif') no-repeat center right; }
	.accordion2 li div { padding: 0px; background:transparent url('../images/bkg.png') repeat; display: block; clear: both; float: left; width:auto; color:#CC9999;}
	.accordion2 a {  text-decoration: none; font: bold 1.1em/2em Arial, sans-serif; color: #FFCC99; padding: 0 10px; height:30px; line-height:30px; display: block; cursor: pointer; 				
					background: url('open.gif') no-repeat center right;}
					
	
	/* Level 2 */
	.accordion li ul li { background:transparent url('../images/div2/subtitleBkg.jpg') no-repeat top center; font-size: 0.9em; }

/* Slideshow */
@import url("slideshow.css");