@import url('core.css');

.strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.white {
	color: #efefef;
}

.width-50 {
	float: left;
	width: 50px;
	margin: 0px 10px 0px 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	font-family: verdana;
}

h1, h2 {
	color: #EFEFEF;
	font-size: 18px!important;
}

img {
	border: none!important;
}

#wrapper {
	background: url("../images/core/background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 1160px;
	min-width: 1024px;
	width: 100%;
}

/* COLORBOX ENQUIRY FIX */

#colorbox-enquiry {
	display: none;
	margin: 5px 0px 0px 13px;
}
	
	#enquiry_form_ h4 {
		color: #FFFCFF!important;
		margin: 0px 0px 15px 35px;
		font-size: 13px!important;
	}

#navigation {
	height: 275px;
}

	#navigation #logo {
		width: 487px;
		height: 203px;
		margin: 0px 0px 0px 216px;
	}
	
	#navigation img {
		margin: 26px 0px 0px 0px;
	}
	
	#navigation #nav {
		margin: 26px 0px 0px 30px!important;
	}
	
		#navigation #nav a { 
			height: 37px;
			display: block;
		}
		
		#navigation #nav a:hover {
			background-position: bottom center!important;
		}
		
		#nav-index { width: 55px; background: url("../images/navigation/nav-home.jpg"); }
		#nav-aboutus { width: 76px; background: url("../images/navigation/nav-about.jpg"); }
		#nav-karaoke { width: 135px; background: url("../images/navigation/nav-karaoke.jpg"); }
		#nav-digital { width: 129px; background: url("../images/navigation/nav-digital.jpg"); }
		#nav-cocktail { width: 135px; background: url("../images/navigation/nav-cocktail.jpg"); }
		#nav-amusement { width: 162px; background: url("../images/navigation/nav-amusements.jpg"); }
		#nav-ops { width: 136px;  background: url("../images/navigation/nav-onsite.jpg");}
		#nav-contactus { width: 69px; background: url("../images/navigation/nav-contact.jpg"); }

	#p-index #nav-index,
	#p-aboutus #nav-aboutus,
	#p-karaoke #nav-karaoke,
	#p-digital #nav-digital,
	#p-cocktail #nav-cocktail,
	#p-amusement #nav-amusement,
	#p-ops #nav-ops,
	#p-contactus #nav-contactus
	{
		background-position: bottom center;
	}

#banner {
	height: 560px;
}

#banner-cta {
	position: relative;
	z-index: 9;
	margin: -30px 0px 0px 0px;
	height: 100px;
}
	
	#banner-cta ul li {
		height: 50px;
	}
	
	#banner-cta ul li a {
		display: block;
	}
	
		#banner-cta #cta-karaoke {
			width: 185px;
			height: 47px;
			background: url("../images/sub-nav/cta-karaoke.gif");
			margin: -18px 0px 0px 80px;
		}
		
			#banner-cta #cta-karaoke:hover {
				background-position: 0 -48px;
			}
		
		#banner-cta #cta-digital {
			width: 162px;
			height:	48px;
			background: url("../images/sub-nav/cta-digital.gif");
			margin: -21px 0px 0px 25px;
		}
		
			#banner-cta #cta-digital:hover {
				background-position: 0 -48px;
			}
		
		#banner-cta #cta-cocktail {
			width: 174px;
			height: 43px;
			background: url("../images/sub-nav/cta-cocktail.gif");
			margin: -43px 0px 0px 27px;
		}
		
			#banner-cta #cta-cocktail:hover {
				background-position: 0 -48px;
			}
		
		#banner-cta #cta-amusement {
			width: 205px;
			height: 49px;
			background: url("../images/sub-nav/cta-amusements.gif");
			margin: -57px 0px 0px 22px;
		}
		
			#banner-cta #cta-amusement:hover {
				background-position: 0 -48px;
			}

#content {
	background-image: url("../images/core/content-repeat-y.jpg");
	padding: 0px 0px 20px 0px;
	margin: -40px 0px 0px 0px;
}		

#primary, #secondary, .enquiry-form-container {
	float: left;
}

#primary {
	width: 495px;
	min-height: 500px;
	color: #C1A1E2;
	font-size: 12px;
}

	#primary p, #primary li {
		line-height: 18px;
	}
	
	#primary a {
		color: #FFB700;
		text-decoration: none;
	}
	
	#primary a:hover {
		text-decoration: underline;
	}

/* testimonials */
#testimonials {
	font-size: 11px;
	margin: 50px 0px 0px 0px;
}
	.sub-header {
		font-size: 14px;
	}

	#testimonials .testifier {
		margin: -10px 0px 30px 0px;
		color: #D8C2EF;
	}

/* karaoke machines */
.tt-machine-image {
	float: right;
	margin: 0px 10px 0px 20px!important;
	border: solid 2px #33065F!important;
}

#secondary {
	color: #dedede;
	width: 130px;
	font-size: 11px;
	text-align: right;
	margin: 43px 25px 0px 55px;
}

	#secondary p {
		 line-height: 17px;
	}
	
	#secondary a {
		color: #FFB700;
		text-decoration: none;
	}
	
	#secondary a:hover {
		text-decoration: underline;
	}

.enquiry-form-container {
	width: 190px;
	font-size: 11px;
	color: #C2A2E3;
	text-indent: 3px;
	margin: 0px 0px 0px 0px;
	height: 390px;
}

	.enquiry-form-container form ul {
		margin: 0px 0px 0px 0px;
	}

	.enquiry-form-container h4 {
		color: #FFFCFF;
		margin: 0px 0px 0px 30px;
	}

	.enquiry-form-container ul li {
		margin: 4px 0px 0px 0px;
	}

	.enquiry-form-container #enquiry_form .required, .enquiry-form-container #enquiry_form_ .required {
		font-size: 13px;
		font-family: verdana;
		width: 165px;
		background-color: #3D065F;
		border-top: solid 1px #3D065F;
		border-right: solid 1px #3D065F;
		border-bottom: solid 1px #4F077F;
		border-left: solid 1px #3D065F;
		margin: 4px 0px 0px 0px;
		color: #aaa;
		clear: right;
	}
	
	.enquiry-form-container label.enquiry-label {
		width: 93px;
	}
	
	.enquiry-form-container label.error {
		width: 170px;
		display: block;
		position: relative;
		margin: 3px 0px 0px 0px;
		text-align: center;
	}
	
	.enquiry-form-container #enquiry-form-button, .enquiry-form-container #enquiry-form-button-colorbox {
		display: block;
		width: 117px;
		height: 24px;
		background: url("../images/core/submit.jpg");
		margin: 10px 0px 20px 10px;
	}
	
	.enquiry-form-container #enquiry-form-button:hover, .enquiry-form-container #enquiry-form-button-colorbox:hover {
		background-position: bottom center;
	}



#footer {
	font-family: "verdana";
	font-size: 11px;	
	color: #FEBF00;
}
	
	#sitemap-container {
		margin: 20px auto;
		width: 822px;
	}
	
		#footer .sitemap {
			width: 822px;
		}
			#footer #sitemap a {
				color: #FEBF00;
				text-decoration: none;
			}
			
			#footer #sitemap a:hover {
				text-decoration: underline;
			}
		
			#footer #sitemap .footer-seperator {
				float: left;
				width: 2px;
				margin: 0px 9px 0px 9px;
			}

	#footer #footer-edge {
		width: 100%;
		height: 76px;
		background: url("../images/core/content-footer.jpg");
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	#footer-copyright {
		text-align: center;
		color: #6C579A;
		margin: 20px 0px 20px 0px;
		font-size: 11px;
	}
	
	#footer-logo {
		margin: 0 auto;
		display: block;
		width: 66px;
		height: 21px;
	}
		
/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}