@charset "ISO-8859-1";
/* CSS Document */

html {
   height:100%;
}

* {
	padding:0;
	margin:0;
	color: #FF7394;
}

body {
	margin: 0px;
	background-color:#;
	background-image:url(globals/imgHK/background/sky-gradient2.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#FFFFFF;
	height:100%;
}

#mailinglist {
	width:620px;
	height:15px;
	float:right;
	margin-bottom:10px;
	
}

#container {
	width:100%;
	height: auto;
}

#wrapperhome {
	width:900px;
	background-repeat:repeat-y;
	height:480px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperfriends {
	width:900px;
	background-repeat:repeat-y;
	height:1200px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperaboutus {
	width:900px;
	background-repeat:repeat-y;
	height:800px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperfood {
	width:900px;
	background-repeat:repeat-y;
	height:1750px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperingredients {
	width:900px;
	background-repeat:repeat-y;
	height:2750px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrappercontact {
	width:900px;
	background-repeat:repeat-y;
	height:600px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperblog {
	width:900px;
	background-repeat:repeat-y;
	height:600px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperwhere {
	width:900px;
	background-repeat:repeat-y;
	height:1280px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapperenvironment {
	width:900px;
	background-repeat:repeat-y;
	height:1000px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}


#holder {
	width:890px;
	background-color:#;
	background-image:url();
	background-repeat:repeat-x;
	
	padding:5px;
	height: auto;
}

#header {
	width:900px;
	height:90px;
}

#leftcontent {
	float:left;
	width:255px;
	list-style-image: url(../imgHK/background/left_panel.png);
	height: 265px;
	background-image: url(../imgHK/background/black_board.png);
	padding-top: 30px;
	margin-top: 20px;
}

#featurebox {
	width:165px;
	height:180px;
	background-image: url(../imgHK/background/left_panel.png);
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#mainwindow {
	width:620px;
	float:right;
	height: 300px;
	margin-top: 20px;
}

#footer {
	width:900px;
	padding-top:100px;
	clear:both;
}

.footertext {
	font-size:9px;
}

.borderbottom {
	border-bottom-style:dashed;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	margin-bottom:9px;
}

.textcolumn {
	width:620px;
	float:left;
}

.textcolumnaboutus {
	width:610px;
	float:left;
}

.textcolumnright {
	width:225px;
	float:right;
}

.textcolumnleft {
	width:225px;
	float:right;
}

.textmargin {
	width:620px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.leftcolumntop {
	width:300px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 480px;
}

.leftcolumnWHERE {
	width:300px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 480px;
}

.rightcolumnWHERE {
	width:300px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 480px;
}

.rightcolumntop {
	width:300px;
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 480px;
}

.leftcolumnbottom {
	width:300px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	height: 200px;
}

.rightcolumnbottom {
	width:300px;
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 200px;
}


.thumbphoto {
	margin-bottom:6px;
}

h1 {
	font-size:19px;
	font-weight:bold;
	margin-bottom:4px;
}

h2 {
	font-weight:bold;
	font-size:12px;
}

p {
	color:#666666;
	font-size:12px;
}

.orange {
	color:#FF6600;
}

.red {
	color:#FF0000;
}

a:link {
	color: #FF6600;
	text-decoration:none;
}

a:hover {
	color: #F0F;
	text-decoration:underline;
}

a:visited {
	color: #FF6600;
	text-decoration:none;
}

a:visited:hover {
	color: #FF6600;
	text-decoration:underline;
}

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

a.footer:hover {
	color: #999999;
	text-decoration:underline;
}

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

a.footer:visited:hover {
	color: #999999;
	text-decoration:underline;
}

/* Navigation */

#navigation {
	width:260px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imgHK/background/blackboard_wording.png);
}

#navigation ul {
	padding:0px;
	margin:0px;
}

#navigation ul li {
	list-style-type:none;
	height:28px;
	width:165px;
	float:left;
	text-transform:none;
	background-repeat:no-repeat;
}

#navigation ul li a {
	height:28px;
	display:block;
	text-decoration:none;
}

#navigation ul li a span {
	visibility:hidden;
}

/* Nav buttons */


#navigation .homeNav {
	background:url(../images/navigation/home_off.gif);
}

#navigation .homeNav a:hover,
#navigation .homeNavSelected {
	background:url(../images/navigation/home_on.gif);
}

#navigation .vehiclesNav {
	background:url(../images/navigation/vehicles_off.gif);
}

#navigation .vehiclesNav a:hover,
#navigation .vehiclesNavSelected {
	background:url(../images/navigation/vehicles_on.gif);
}

#navigation .trailersNav {
	background:url(../images/navigation/trailers_off.gif);
}

#navigation .trailersNav a:hover,
#navigation .trailersNavSelected {
	background:url(../images/navigation/trailers_on.gif);
}

#navigation .costumeNav {
	background:url(../images/navigation/costume_off.gif);
}

#navigation .costumeNav a:hover,
#navigation .costumeNavSelected {
	background:url(../images/navigation/costume_on.gif);
}

#navigation .makeupNav {
	background:url(../images/navigation/makeup_off.gif);
}

#navigation .makeupNav a:hover,
#navigation .makeupNavSelected {
	background:url(../images/navigation/makeup_on.gif);
}

#navigation .locationNav {
	background:url(../images/navigation/location_off.gif);
}

#navigation .locationNav a:hover,
#navigation .locationNavSelected {
	background:url(../images/navigation/location_on.gif);
}

#navigation .eventsNav {
	background:url(../images/navigation/events_off.gif);
}

#navigation .eventsNav a:hover,
#navigation .eventsNavSelected {
	background:url(../images/navigation/events_on.gif);
}

#navigation .clientsNav {
	background:url(../images/navigation/clients_off.gif);
}

#navigation .clientsNav a:hover,
#navigation .clientsNavSelected {
	background:url(../images/navigation/clients_on.gif);
}