@charset "UTF-8";

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-color: #fdf7ec;
}

img {
	border: 0px;
}


/* TYPE */

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-align: left;
	padding-right: 24px;
	padding-left: 26px;
	
	letter-spacing: 1px;
}

.slogansmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align: left;
	padding-right: 24px;
	padding-left: 26px;
	
	letter-spacing: 1px;
}

p {
	font-size:12px;
	line-height:17px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #333333;	
}

hr {
	width: 90%;
	color: #E9AE31;
}


/* The orange colour */
.onlineorange {
	color: #E9AE31;

}


.quote {
	font-style: italic;
}

ul {
	font-size:13px;
	line-height:17px;
	list-style-type:square;
}


/* LAYOUT */

/* PAGE */

.pagecontainer {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	
	padding-left:0px;
	padding-right:0px;
	
	position:relative;
	width:980px;
	
	background-image: url(../images/elements/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/* HEADER */

.header_container {
	background-image: url(../images/elements/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	
	padding-top:7px;
	/*padding-left:24px;*/
	
	width:980px;
	height:62px;
	
	/*text-align: right;*/
	
	
	
}

.menu_container {
	display:block;
	float:left;
	overflow: hidden;
	position:relative;
	width:980px;
	height:44px;
}

.menu_main {
	display:block;
	float:left;
	position:relative;
	width:940px;
	height:42px;
	overflow: hidden;
}

.menu_margin {
	display:block;
	float:left;
	position:relative;
	margin:0px;
	width:12px;
	height:42px;
	overflow: hidden;
}

/* Common elements for page, banner etc */
.pagecontainer, .banner_container, .menu_container, .content_container, .footer_container {
	background-image: url(../images/elements/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


/* BANNER */

.banner_container {
	display:block;
	float:left;
	position:relative;
	
	width:980px;
	height:330px;	
}

.frontpagebanner_container {
	display:block;
	float:left;
	position:relative;
	width:980px;
	height:100%;
	/*background-image: url(../images/elements/bnr_karaoke.jpg);
	background-repeat: no-repeat;*/
	
	text-align: center;
}


/* CONTENT */

.content_container {
	display:block;
	float:left;
	position:relative;
	width:980px;
	height:100%;
}

.content_margin {
	display:block;
	float:left;
	position:relative;
	margin:0px;
	width:16px;
	height:200px;
	overflow: hidden;
}

/* 

Different widths for content divs

full width : 940px

xtra narrow 1/5 : 188px 
narrow 2/5 : 376px
medium 3/5 : 564px
wide 4/5 : 752px
 
3 / 10 : 282px
7 / 10 : 658px

divs width = width + padding + margin !!!  

*/

.content_fullwidth, .content_1_5, .content_2_5, .content_3_5, .content_4_5, .content_3_10, .content_7_10 {
	display:block;
	float:left;
	position:relative;
	
	/* Borders */
	border: 1px #999999;
	border-style:solid;
	/* Round corners (CSS3 works in Firefox & Safari) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin-left:4px;
	margin-bottom:20px;
	padding:20px;
}

.content_1_5_custom, .content_3_10_custom {
	display:block;
	float:left;
	position:relative;
	margin-left:4px;
	margin-bottom:20px;
}

.content_fullwidth {
	width:896px;
	height:100%;
}

.content_1_5 {
	width:144px;
	height:100%;
}

.content_1_5_custom {
	width:144px;
	height:100%;
	padding:20px;
}

.content_2_5 {
	width:332px;
	height:100%;
}

.content_3_5 {
	width:520px;
	height:100%;
}

.content_4_5 {
	width:708px;
	height:100%;
}

.content_3_10 {
	width:238px;
	height:100%;
}

.content_3_10_custom {
	width:278px;
	height:100%;
}

.content_7_10 {
	width:614px;
	height:100%;
}



/* Footer */

.footer_container {
	display:block;
	float:left;
	position:relative;
	width:980px;
	height:90px;
	margin-bottom:0px;
	
	color: #FFFFFF;
	background-image: url(../images/elements/bg_footer.gif);
	background-repeat: no-repeat;	
}

.footer_int_container {
	display:block;
	float:left;
	position:relative;
	width:980px;
	height:90px;
	margin-bottom:0px;
	color: #FFFFFF;
	background-image: url(../images/elements/bg_frontpagefooter.gif);
	background-repeat: no-repeat;
}

.footer_div {
	display:block;
	float:left;
	position:relative;
	width:130px;
	height:90px;
	padding-top:0px;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	
	overflow: hidden;
}

.footerTel_div {
	display:block;
	float:left;
	position:relative;
	width:220px;
	height:75px;
	padding-top:14px;
	padding-bottom:0px;
	margin-left:270px;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
	text-align: right;	
	
}