/*-----------------------------------------------------------------------------
Style Sheet - The Leverson

version:   1.0
author:    Luke Boerdam
email:     luke@lbdesign.com.au
website:   http://www.lbdesign.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("navigation.css");
@import url("forms.css");




/* Class for clearing floats */
.clear {
	clear:both;
	line-height:0px;
}

	html, body {
		height:100%;
	}


/* Remove border around linked images */
img {
	border: 0; display:inline;
}

/*float right*/
.right
{
         float: right; /*right in our text*/
         margin: 5px 0px 20px 30px; /*space around the image*/
}
/*float right*/
.left
{
         float: left; /*left in our text*/
         margin: 3px; /*space around the image*/
}

/* =Genral Layout
-----------------------------------------------------------------------------*/

body {
 font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:62.5%; color:#333; text-align: center;
background:#f9f9f9 url("img/background.jpg") repeat-x top left; } 
 
#wrapper {margin:0 auto; text-align:left; width:940px; font-size:1.2em; z-index:1;  }
		

		
#header {width:940px; height:180px; float:left; padding:20px 0px 0px 0px; position: relative; 
background:#fff url("img/header.jpg") no-repeat top left;} 

#social-links {width:400px; height:30px; float:right; margin-top:15px; }

#primary-nav {float:left;  width:940px; background: url("img/navigation.jpg") no-repeat 0px 0; height:46px; position:relative;}

#logo {float:left; width:280px; height:126px; background:transparent url("img/logo.gif") no-repeat top left; margin-top:20px;}

#content-wrapper{width:940px; float:left; margin-top:0px;  background: url("img/body-bg.jpg") no-repeat 0px 0;  position:relative; padding-top:20px;}

#content  {min-height:400px; float:left; 
width:600px;

}

#content-50 {width:435px; float:left; }
#content-50-right {width:435px; float:right; }

#event-box h3 {margin-bottom: 0px; border-bottom: 1px dotted black;}

#event-box div.link a {font-size:11px; color:#000; text-decoration: none;  
background: url("img/arrow-small.gif") no-repeat 0px 1px; padding:0px 0px 3px 17px; position:absolute; top:0px; right: 0px}

#event-box div.link a:hover {color:#ff9900; background: url("img/arrow-small-hover.gif") no-repeat 0px 1px;}

#event-box p {margin-bottom:0px; margin-top: 2px;}

#event-box {margin-bottom:35px; position:relative;}

div#content-right p {margin-left:16px;}

div#content-right {width:283px; height:396px; float:right; 
background:transparent url("img/content-right-bg.jpg") no-repeat top left;  }

#right-image {float:right;}

/* =Headings
-----------------------------------------------------------------------------*/

.content-heading {}


/* =Genral Typography 
-----------------------------------------------------------------------------*/
h1{font-family: Helvetica, Arial, sans-serif ; font-size:1.8em; color:#CC0000; 
 margin:0 0 2.5% 0; font-weight:300;}
 
h2{color:#000; 

font-family: Helvetica, Arial, sans-serif;
font-size: 2.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin-bottom:25px;
}

h3 {font-size: 1.4em; text-transform: uppercase; font-weight:100; 
font-family: Helvetica, Arial, sans-serif; color:#000; margin-bottom:10px}

p{margin:0 0 1.5em 0; line-height: 1.4em; }

b {font-weight:bold; color:#000}

b.black {color:#000000;}

p.disclaimer{font-size:.8em;}

span.subtext {font-size:.8em; color:#333;}

#content ul{margin-left:4em; margin-top:0px; margin-bottom:2.5em; margin-right:4em;}
#content ul li{margin:0em 1em 1em 1em;}

#content ol{margin-left:2em; margin-top:0px;}
#content li{margin-bottom:3px;}

#social-links {color:#999; text-align: right; float:right;}
#social-links span.separator {display:block; float:right; padding:13px 5px 0px 5px;}
#social-links a {color:#666; text-decoration: none;  display:block; float:right; padding:10px 5px 0px 5px; font-size:.9em}
#social-links a:hover {color:#333; text-decoration: underline;}

#social-links a.twitter {display:block; padding:5px 0px 0px 5px;}
#social-links a.facebook {display:block; padding:5px 0px 0px 5px;}


div#facebook-badge {padding:20px; background-color:#000; position: absolute; width:80px; right:80px; top:100px; display:none;}

span#prevBtn {display:none;}
span#nextBtn a{width:48px; height:48px; background:transparent url("img/arrow-right.gif") no-repeat top left; display:block; text-decoration: none; position:absolute; top:160px; right:-20px; }

span#nextBtn a:hover{background:transparent url("img/arrow-right-hover.gif") no-repeat top left;}


#box1 div.content, #box2 div.content, #box3 div.content  {color:#fff; position:absolute; top:10px; left:10px; z-index:10; }
#box1 div.content a,#box2 div.content a, #box3 div.content a {color:#fff; text-decoration:none;}
#box1 div.content a:hover, #box2 div.content a:hover, #box3 div.content a:hover{color:#ff6600; }

#box1 {width:297px; float:left; margin:20px 23px 0px 0px; height:164px; position:relative; overflow-y:hidden; cursor: pointer;}
#box2 {width:297px; float:left; margin:20px 23px 0px 0px; height:164px; position:relative; overflow-y:hidden; cursor: pointer;}
#box3 {width:297px; float:left; height:164px; margin:20px 0px 0px 0px;  position:relative; overflow-y:hidden; cursor: pointer;}


#box3 .slider, #box2 .slider, #box1 .slider {width:297px; background:#000 url("img/slider-arrow.jpg") no-repeat 270px 140px; height:164px; position:absolute; top:0px left:0px; z-index:10; float:left; margin-left:-260px;}


#box1 .slider img.heading, #box2 .slider img.heading, #box3 .slider img.heading {position:absolute; right:10px; top:9px;}

#box3 img, #box2 img, #box1 img {position:absolute; right:0px; top:0px; }


#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:941px;
		height:365px;
		overflow:hidden; 
		}




#upcoming-events-rollover {position:absolute; top:45px; left:517px; background:transparent url("img/upcoming-events-rollover.gif") no-repeat 0px 0px; height:54px; width:401px; z-index:13; display:none; }

#function-room-rollover {position:absolute; top:45px; left:330px; background:transparent url("img/function-room-rollover.gif") no-repeat 0px 0px; height:54px; width:401px; z-index:13; display:none; }


img.function-image {border:4px solid black; }
a.hidden {display: none;}
a.view-more:link, a.view-more:visited, a.view-more:hover, a.view-more:active {width:125px;
height:26px;
background:#000 url(img/send-btn.gif) no-repeat;
text-align:center;
color:#fff;
display: block;
padding-top:5px;
text-decoration:none;
position: absolute;
top:15px;
right:15px;
}

div#img-box {position: relative; float:left; margin-bottom: 25px;}

a.view-more:hover {background:#000 url(img/send-btn-hover.gif) no-repeat; color:#999;}

div#content-right.contact {padding:20px 0px 0px 20px; width:243px;}
div#content-right.contact a {text-decoration: none; color:#000;}
div#content-right.contact a:hover {text-decoration: underline;}
div#content-right ul {margin:16px 16px 0px 16px;}

div#content-right ul li a.inactive {color:#333; text-decoration:none; display:block; height:20px; }
div#content-right ul li a.active {color:#000; text-decoration:none; display:block; height:20px; font-weight:bold; }

div#content-right ul li a:hover {color:#000; text-decoration:underline; }
/* =General Links Style etc...
-----------------------------------------------------------------------------*/
a:link, a:visited, a:hover, a:active{

font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
 color:#000;}

a:hover{color:#ff9900}


.hidden {margin-top:15px; margin-left:20px;}

.hidden a:link, .hidden a:visited, .hidden a:hover, .hidden a:active {font-size:1em; color:#ccc; text-decoration:none;}
.hidden a:hover {color:#999; text-decoration:none;}
/* =Footer
-----------------------------------------------------------------------------*/

#footer {
font-size:.9em;
	padding-top:10px;
	float:left;
	color:#666;
	width:940px; 
	height:171px;
	letter-spacing:.3px;
	padding-bottom:0px;
	background: url("img/footer-bg.jpg") no-repeat 0px 0;
	margin-top:20px;
}


#footer div.footer-nav {
	margin-right:50px;
	float:left;
}

#footer-logo {float:right;}

#footer a{color:#000;}

 div.footer-nav h3 {text-transform: uppercase; color:black; border:0; margin-bottom:8px; font-size:12px;font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;} 
 
#footer span.right {}
#footer span.left {}

#footer a:link, #footer a:visited,  #footer a:hover, #footer a:active {
color:#666; text-decoration:none; font-size:1em;}


#footer a:hover {color:#333;  text-decoration:underline; font-size:1em;}




table {margin-left:0px;  margin-bottom:40px; width:640px;}
table td { vertical-align:top; padding:10px 0px 15px 0px;}
table td.desc {width:500px;}
table td.price {width:80px; }