/*------------------------------------------
// 1.RESET
//   Remove margin and padding from elements and other resets
//------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


	

/*------------------------------------------
// 2.GENERIC CLASSES
//	 Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc
//------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }


/*---- Input fields ----*/
input, select, textarea { font-size: 100%; }
textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Float Clearing fixes ----*/
.clear { clear: both; height:1px; line-height:1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---- Image Replacement Technique - Transparent Images ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*---- Links ----*/
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover {
}
	


/*------------------------------------------
// 3.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#000; background:#302f2d url(../images/body-bg.gif) left top repeat-x; font-family:Arial, Helvetica, sans-serif;}
a { color:#0388f9; }

/*------------------------------------------
// 4.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:968px;  margin:0px auto; background:url(../images/wrapper/top-bg.jpg) left top no-repeat; padding-top:45px;}
div.inner_container{  background:url(../images/wrapper/bottom-bg.gif) right bottom no-repeat; padding:0px 0px 85px 0px;}

/*---- Wrapper ----*/
div.wrapper{width:884px; background-color:#000; margin-left:16px; padding:0px 3px;} 

/*---- Navigation ----*/
div#navigation { background:url(../images/navigation/navigation.jpg) 28px top no-repeat; height:35px; line-height:35px; position:relative; z-index:10;}

/*---- Banner ----*/
div#banner{margin:-4px -30px 10px -20px; position:relative; z-index:4;}
div#banner div.top{background:url(../images/banner/banner-top.png) left top no-repeat; height:4px; line-height:4px;}
div#banner div.middle{background:url(../images/banner/banner-middle.png) left top repeat-y; position:relative; padding:4px 11px 4px 10px; width:912px; overflow:hidden;}
div#banner div.bottom{background:url(../images/banner/banner-bottom.png) left bottom no-repeat; height:4px; line-height:4px;} 

/*---- Events ----*/
div#events{ padding:15px 0px 0px 0px;  position:relative; margin:-15px -26px 0px -22px; }

/*---- Content ----*/
div#content.home{ background:transparent; padding:0px 22px 0px 28px; border:none; width:876px; overflow:hidden;clear:both;}
div#content{background-color:#fff; padding:0px 4px 4px 4px; overflow:hidden; width:876px; }
div#content div.inner-content{ padding:15px 0px 10px 28px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; width:848px; overflow:hidden;}

/*---- Main ----*/
div#main { float:right; width:588px; padding-right:42px;}

/*---- Sidebar ----*/
div#sidebar {  width:190px; float:left;}

/*---- Footer ----*/
div#footer{background:url(../images/footer/border-bottom.gif) center bottom no-repeat; padding:10px 0px;}
/*------------------------------------------
// 5. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header h1 a { display:block; background:url(../images/header/logo.png) left top no-repeat; width: 274px; height: 73px; }


/*---- Navigation ----*/
div#navigation ul {margin-left:0px;}
div#navigation ul li {
	float:left;
	height:35px;
	position:relative;
	line-height:35px;
	display:block;
	padding-left:37px;
}
div#navigation ul li a { display:block; float:left; font-size:140%; color:#fff; }
div#navigation ul li a:hover, div#navigation ul li.parent a.active{ text-decoration:none; color:#bd2f51;}

/*---- Navigation - Drop Down Menu ----*/
div#navigation ul li.parent ul.child{ position:absolute; left:35px; top:35px; background-color:#1e1e1e; display:none; margin-left:0px;}
div#navigation ul li.parent ul.child li{  padding:0px 8px; width:150px; float:none; display:block;}
div#navigation ul li.parent ul.child li:hover{background-color:#660033;}
div#navigation ul li.parent ul.child li:hover a{color:#fff;}
div#navigation ul li.parent ul.child li.active{background-color:#660033;}
div#navigation ul li.parent ul.child li.active a{color:#fff;}
div#navigation ul li.parent ul.child li a{float:none; display:block;}
div#navigation ul li.parent:hover ul.child{display:block;}

/*---- Banner ----*/
div#banner.home img.background{ position:absolute; right:5px; top:0px; z-index:1;}
div#banner.home div.inner_box{ border:1px solid #ccc; position:relative; z-index:2; padding:63px 32px;}
div#banner.home div.inner_box h1 a{background:url(../images/banner/logo-kh.png) left top no-repeat; width:312px; height:85px; display:block;}

div#banner img.background{ position:absolute; right:5px; top:0px; z-index:1;}
div#banner div.inner_box{ border:1px solid #ccc; position:relative; z-index:2; padding:0px 32px;}

/*---- Section ----*/
div#section.home{ border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; background:url(../images/shadow.gif) center top no-repeat;} 
div#section { margin-top:-14px; position:relative; border:none;}

/*---- Footer ----*/
div#footer img{margin:0px 10px 0px 120px; float:left; vertical-align:top;}
div#footer p{ font-size:140%; color:#ffffcc; margin-top:5px;} 

/*---- Copyright ----*/
div.copyright{
	padding:5px 10px 5px 20px;
	font-size:110%;
	color:#666;
	line-height:1.2em;
}


/*------------------------------------------
// 6.INDEX PAGE CONTENT
//------------------------------------------*/

/*---- Navigation ----*/
div#navigation.home ul li { padding-left:47px; }
/*---- Events ----*/

/*---- Events - Pitch Line ----*/
div#events div.pitch-line{margin-bottom:10px;}

/*---- Events - Box ----*/
div#events div.box div.top{ background:url(../images/events/box-top.png) left top no-repeat; height:4px; line-height:4px;}
div#events div.box div.middle{ background:url(../images/events/box-middle.png) left top repeat-y; padding:0px 4px;}
div#events div.box div.bottom{ background:url(../images/events/box-bottom.png) left bottom no-repeat; height:4px; line-height:4px;}
div#events div.box{ float:left;  width:304px;}

/*---- Events - Social Events ----*/
div#events div#social-event.box{ margin-right:9px; cursor:pointer; }
div#events div#social-event.box div.info{ margin:36px 0px 0px -55px; position:relative;}
div#events div#social-event.box div.info h2.social{ background:url(../images/events/social-events.png) left top no-repeat; height:14px; width:117px; margin-left:23px; }
div#events div#corporate-event.box div.info h2.corporate{ background:url(../images/events/corporate-events.png) left top no-repeat; height:17px; width:152px;}
div#events div#wedding.box div.info h2.wedding{ background:url(../images/events/weddings.png) left top no-repeat; height:17px; width:84px; margin-left:30px;}
div#events div.box div.info p{ font-size:130%; color:#3f3e3b; line-height:1.2em; }

/*---- Events - Corporate Events ----*/
div#events div#corporate-event.box{ margin-right:9px; cursor:pointer; }
div#events div#corporate-event.box div.info{ margin:36px 0px 0px -50px; position:relative;}

/*---- Events - Wedding Events ----*/
div#events div#wedding.box { cursor:pointer; }
div#events div#wedding.box div.info{ margin:36px 0px 0px -45px;}

/*---- Content ----*/
div#content.home div.description{width:500px; margin-right:-115px; position:relative; padding:20px 0px 0px 25px;}
div#content.home div.description p{ font-size:120%; color:#fff; line-height:1.2em; margin-bottom:20px; }

/*------------------------------------------
// 6.SOCIAL PAGE CONTENT
//------------------------------------------*/

/*---- Content ----*/

/*---- Sidebar ----*/
div#sidebar h2{margin-bottom:15px; line-height:1.2em;}
div#sidebar h2.event-style{background:url(../images/content/sidebar/event-style.gif) center top no-repeat; height:11px; }
div#sidebar h2.services{background:url(../images/content/sidebar/services.gif) center top no-repeat; height:11px;} 
div#sidebar h2.occasion{background:url(../images/content/sidebar/occasions.gif) center top no-repeat; height:11px;}
div#sidebar h2.didyouknow{background:url(../images/content/sidebar/did-you-know.gif) center top no-repeat; height:11px;}


div#sidebar div.navigation{margin-bottom:25px;}
div#sidebar div.navigation ul li{ border-bottom:1px solid #969695; padding-bottom:5px; margin-bottom:5px; }
div#sidebar div.navigation ul li a{font-size:120%; color:#000; line-height:1.2em;}
div#sidebar div.navigation ul li a:hover , div#sidebar div.navigation ul li a.active{ color:#bd2f51; text-decoration:none;}

div#sidebar div.description{margin-bottom:38px;}
div#sidebar div.description p{font-size:110%; color:#424242; line-height:1.6em;} 

div#sidebar div.list {margin-bottom:40px; background-color:#f5f5f5; padding:15px 10px;}
div#sidebar div.list ul li{ font-size:120%; color:#424242; margin-bottom:9px; list-style:disc; list-style-position:inside;}

div#sidebar a.download{background:url(../images/content/sidebar/download.gif) left top no-repeat; font-size:110%; color:#424242; text-decoration:underline; display:block; padding:10px 0px 0px 40px; line-height:1.5em; }

/*---- Social Event ----*/
div#main div.event{ background:url(../images/content/main/background.gif) right bottom no-repeat;  padding:0px 0px 65px 0px; margin-right:-42px; position:relative;}
div#main div.event div.box{
	width:600px;
	position:relative;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;
}
div#main div.event div.box div.box-top{
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}
div#main div.event div.box div.box-top div.box-bottom{
	padding:4px 0px 3px 3px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#main div.event div.info{margin-left:-265px; position:relative;}
div#main div.event div.info2{
	margin-left:220px;
	position:relative;
	margin-top: -105px;
}
div#main div.event img.heading{
	margin:0px 0px 0px 0px;
}
div#main div.event p{font-size:150%; line-height:1.2em; color:#3f3e3b;} 

div#main div.event img.picth-line{ margin-top:14px;}

div#main div.event div.menu{margin:-5px 50px 0px 0px; position:relative; }
div#main div.event div.menu a{background:url(../images/content/main/menu.png) 0 0 no-repeat; display:block; height:53px; width:188px;}
div#main div.event div.menu a:hover{ background:url(../images/content/main/menu.png) 0 100% no-repeat; display:block; height:53px; width:188px;}

/*---- Main ----*/
div#main h1{line-height:1.2em; margin-bottom:5px; font-size:160%; color:#bd2f51; font-weight:normal;}

div#main p{font-size:120%; color:#424242; line-height:1.2em; margin-bottom:15px;}
div#main p.rental{margin-bottom:0px;}
div#main p.divider{background:url(../images/content/main/pic.gif) center bottom no-repeat; margin-bottom:30px;}
div#main ul{ margin:0px 0px 15px 35px;}
div#main ul li {list-style-position:inside; list-style:disc; font-size:120%; color:#424242; line-height:1.2em; margin-bottom:5px;}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #424242;
	text-decoration: none;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
	text-decoration: none;
	line-height: 1.25;
}
.bodytextsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #424242;
	text-decoration: none;
	line-height: 1.25;
}
.testimonial {
	font-family: "Times New Roman", Times, serif;
	font-size: 145%;
	color: #424242;
	text-decoration: none;
	line-height: 1.2;
	font-style: italic;
}