/* Generic styles */

@import url(reset.css); /* RESET CSS */


body, html {
	color: #fff;
	font: 62.5%/1.6 helvetica, arial, verdana, "lucida grande", sans-serif;
	width: 100%;
	height: 100%;
	background: #1d0204;
	z-index: 1;
}

#wrap {
	position:absolute; 
	z-index:2; 
	width:100%; 
	left: 0;
	border-top: 5px solid #440106;
}

#wrap img {
	width: 100%;
}


img, a, a:hover, li, dl.date, #hero-inner, #book, .cta, .label, #content, #logo, #book-online,#book-online-main, h3, h2, #whats-happening, #content-main, .formBtn, #submit  { 
	behavior: url(iepngfix.htc); 
}


h2 {
	font-size: 22px;
	
}

h3 {
	font-size: 16px;
	
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}



h1 {
	display: none;
}

p {
	
}



.clear {
	height: 1px;
	clear: both;
}

strong {
	font-size: 14px;
}


#wrapper {
	position: relative;
	width: 975px!important;
	margin: 0 auto;
	z-index: 3;
	font-size: 12px;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
	
	
/*
=======================
    header area
=======================
*/

#header {
	width: 975px!important;
	height: 100px;
	position: relative;
}

#logo {
	width: 180px;
	height: 64px;
	float: left;
	margin-top: 20px;
}

#details-head {
	position: relative!important;
	background: #440106;
	width: 100%;
	color: #fff;
	text-align: right;
	z-index: 9999;
	font-size: 12px;
}

#details-head div {
	width: 975px;
	margin: 0 auto;
	position: relative;
}

#details-head p {
	padding: 5px;
}

#details-head strong {
	font-size: 12px;
}

#details-head a {
	color: #fff;
	text-decoration: none;
}

#details-head a:hover {
	text-decoration: underline;
}

	
/*
=======================
    Nav
=======================
*/

ul#main-nav {
	float: right;
	margin: 20px;
	margin-top: 30px;
	width: 740px;
}

ul#main-nav li {
	float: left;
}

ul#main-nav li#about a { 
	width: 76px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat 0 0;
	display: block;
}

ul#main-nav li#about a:hover, body.bar ul#main-nav li#about a {
	background-position: 0 -34px;
	
}

ul#main-nav li#restaurant a { 
	width: 130px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat -76px 0;
	display: block;
}

ul#main-nav li#restaurant a:hover, body.restaurant ul#main-nav li#restaurant a {
	background-position: -76px -34px;
	
}

ul#main-nav li#special a { 
	width: 120px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat -206px 0;
	display: block;
}

ul#main-nav li#special a:hover, body.special ul#main-nav li#special a {
	background-position: -206px -34px;
	
}

ul#main-nav li#events a { 
	width: 114px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat -326px 0;
	display: block;
}

ul#main-nav li#events a:hover, body.events ul#main-nav li#events a {
	background-position: -326px -34px;
	
}

ul#main-nav li#monthly a { 
	width: 107px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat -440px 0;
	display: block;
}

ul#main-nav li#monthly a:hover, body.monthly ul#main-nav li#monthly a {
	background-position: -440px -34px;
	
}

ul#main-nav li#echo a { 
	width: 90px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat -547px 0;
	display: block;
}

ul#main-nav li#echo a:hover, body.echo ul#main-nav li#echo a {
	background-position: -547px -34px;
	
}

ul#main-nav li#contact a { 
	width: 95px;
	height: 34px;
	text-indent: -3000px;
	background: url(../images/panamnav.png) no-repeat -637px 0;
	display: block;
}

ul#main-nav li#contact a:hover, body.contact ul#main-nav li#contact a {
	background-position: -637px -34px;
	
}



/*
=======================
   main content area
=======================
*/

#content {
	position: relative;
	width: 945px;
	height: auto!important;
	height: 534px;
	min-height: 534px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#content-main {
	position: relative;
	width: 945px;
	height: auto!important;
	height: 574px;
	min-height: 574px;#
	margin: 0 auto;
	margin-bottom: 20px;
}
.main-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#book-online {
	position: absolute;
	bottom: 16px;
	right: 16px;
	background: transparent url(../images/book-online.png) no-repeat;
	width: 290px;
	height: 307px;
	z-index: 9999;
}

#book-online-main {
	position: absolute;
	top: 152px;
	right: 16px;
	background: transparent url(../images/book-online.png) no-repeat;
	width: 290px;
	height: 307px;
	z-index: 9999!important;
}

#book-online h3, #book-online-main h3 {
	font-weight: normal;
	margin: 10px;
	background: transparent url(../images/book-online-h3.png) no-repeat;
	background-position: top right;
	width: 125px;
	z-index: 9999;
	line-height:15px;
}

.download {
	position: absolute;
	top: 490px;
	right: 0;
	width: 323px;
	height: 83px;
}

.feed {
	position: absolute;
	top: 590px;
	right: 0;
	width: 302px;
	background: #fff url(../images/blogtitle.gif) no-repeat 0 0;
	padding: 10px;
	padding-top: 30px;
}

.feed-item {
	position: relative;
	border-bottom: 1px dotted #000;
	width: 100%;
	margin: 0 auto;
	margin-top: 17px;
	height: 67px;
	color: #000;
}

.feed-item a {
	color: #000;
}

dl.date {
	float: left;
	width: 51px;
	height: 51px;
	text-align: center;
	color: #006699;
	font-weight: bold;
	margin-right: 10px;
	background: #fff url(../images/calendar.gif) no-repeat 0 0;
}

dl.date dt {
	margin-top: 13px;
}

a.read {
	color: #000;
}

#main-content {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 110px;
	width: 625px;
	font-size: 14px;
	z-index: 9999;
}

#main-content-main {
		position: relative;
	padding-top: 160px;
	width: 625px;
	height: auto!important;
	height: 700px;
	min-height: 700px;
	font-size: 13px;

}

.main-content-left {
		position: relative;
	float: left;
	width: 235px;
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	z-index: 9999;
}

.main-content-right h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 10px;
}

.main-content-right {
		position: relative;
	float: right;
	border-left: 1px solid #fff;
	width: 370px;
	font-size: 14px;
	z-index: 9999;
}

.main-content-right strong {
	font-size: 18px;
	font-weight: normal;
}

.main-content-right p, .main-content-left p {
	margin: 10px;
}

#main-content p {
	margin: 10px;
}

#content2 {
	clear: both!important;
	position: relative;
	width: 945px;
	margin: 0 auto;
	height: 600px;
}

ul.weblinks {
	list-style-type: none;
	margin-left: 20px;
}

h2.about {
	background: url(../images/about.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;

}

h2.bar {
	background: url(../images/panam-bar.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;

}
h2.restaurant {
	background: url(../images/panamrestaurant.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}
h2.special {
	background: url(../images/special.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}
h2.events {
	background: url(../images/corpevents.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}
h2.monthly {
	background: url(../images/monthlyspecials.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}
h2.echo {
	background: url(../images/echo.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}
h2.contact {
	background: url(../images/contact.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}

h2.firm {
	background: url(../images/firm.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}

h2.music {
	background: url(../images/music-title.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}

h2.weblinks {
	background: url(../images/weblinks.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;
}

h2.jobs {
	background: url(../images/jobs.png) no-repeat;
	height: 35px;
	text-indent: -3000px;
	margin-bottom: 10px;

}


/*
=======================
   call to action boxs
=======================
*/

.cta {
	position: relative;
	float: left;
	width: 225px;
	border-bottom: 2px solid #fff;
	margin-bottom: 20px!important;
	padding-bottom: 10px;
}

.more {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 79px;
	height: 23px;
}

.more a {
	background: transparent url(../images/more.png) no-repeat;
	display: block;
	width: 79px;
	height: 23px;
}

.more a:hover {
	background: transparent url(../images/more-hover.png) no-repeat;
}

.more span {
	display: none;
}

.left {
	margin-left: 10px;
}

.cta h4 {
	padding: 5px;
	font-weight: normal;
	font-size: 14px;
	background: #7d050f url(../images/cta-h2.png) no-repeat;
	background-position: top right;
}

#whats-happening {
	clear: both!important;
	position: relative;
	width: 945px;
	margin: 0 auto;
	background: transparent url(../images/small-panam.png) no-repeat;
	background-position: top right;
	height: 200px;
	padding-top: 40px;
}

#whats-happening h3 {
	clear: both;
	font-weight: normal;
	margin: 10px;
	margin-left: 0;
	background: transparent url(../images/book-online-h3.png) no-repeat;
	background-position: top right;
	width: 310px;
	font-size: 18px;
	text-transform: uppercase;
}

#whats-happening2 {
	clear: both!important;
	position: relative;
	width: 945px;
	margin: 0 auto;
	background-position: top right;
	height: 200px;
	padding-top: 0px;
}

#whats-happening2 h3 {
	clear: both;
	font-weight: normal;
	margin: 10px;
	margin-left: 0;
	background: transparent url(../images/book-online-h3.png) no-repeat;
	background-position: top right;
	width: 310px;
	font-size: 18px;
	text-transform: uppercase;
}

.cta-small {
	float: left;
	width: 145px;
	height: 177px;
	margin-bottom: 20px;
}

.newsletter {
	background: transparent url(../images/news-letter.png) no-repeat;
	height: 187px;
	padding-bottom: 6px;
}
	

/*
=======================
   Gallery
=======================
*/



/*
=======================
   footer area
=======================
*/

#footer {
	clear: both;
	background: #440106;
	height: 225px;
	width: 945px;
	margin: 0 auto;
	padding-top: 10px;
}

ul.footer-links {
	float: left;
	width: 165px;
	margin: 25px;
	margin-top: 15px;
	margin-bottom: 10px;
	list-style-type: none;
}

ul.footer-links li {
	background:  url(../images/footer-li.png) no-repeat;
	background-position: 0 8px;
			padding-left: 10px;

}

.no-background {
	width: 250px!important;
}

.no-background li {
	background: none!important;
	color: #fff!important;
}

ul.footer-links li a {
	color: #fff;
	height: 20px!important;
	line-height: 20px!important;
	text-decoration: none;
}

ul.footer-links li a:hover {
	text-decoration: underline;
}


.footer-bottom {
	height: 51px;
	background: #666563 url(../images/footer.png) no-repeat;
	background-position: top left;
	width: 820px;
	margin: 0 auto;
	padding-left:125px;
	color: #fff;
}
.footer-bottom img{
	margin-top:8px;
}
.footer-bottom p {
	float: right;
	text-align: right;
	padding-right: 10px;
line-height: 50px;
	width: 500px!important;
}

.label {
	/*background: transparent url(../images/label.png) no-repeat;*/
	background-position: 100% 10px;
	width: 945px;
	margin: 0 auto;
	height: 48px;
	margin-bottom: 10px;
}
#bottomlogo{
	height:40px;
	width:160px;
	background:url(../images/white-logo.jpg);
	float:right;
}
#bottomlogo:hover{
	background:url(../images/colour-logo.jpg);
}
.label p {
	padding-top: 10px;
}

.label a {
	color: #a8010f;
	text-decoration: none;
}

.label a:hover {
	text-decoration: underline;
}

/* Form Stuff */


#book-online-main form, #book-online form {
	color: #000;
	margin-top: 0px!important;
	margin-left: 10px;
}

#book-online-main label, #book-online label {
	clear: both;
	float: left;
	width: 80px;
	margin: 5px 0;
}

#book-online-main input, #book-online input {
	float: left;
	width: 180px;
	margin: 5px 0;
	color: #5d5c5c;
	font-style: italic;
}

#book-online-main select, #book-online select {
	margin: 5px 0;
}

#book-online-main h3 {
	margin-bottom: 15px;
	line-height:15px;
}

#book-online-main p {
	margin-bottom: 5px;
	margin-left: 5px;
}


input#submit {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	width: 49px;
	height: 15px;
	display: block;
}

form#newsletter {
	width: 180px;
	padding-top: 73px;
}

form#newsletter label {
	display: none;
}

form#newsletter div {
	margin: 10px;
}

form#newsletter input {
	background: transparent url(../images/input.png);
	width: 180px;
	height: 13px;
	border: none;
	color: #5d5c5c;
	padding: 6px 10px;
	font-style: italic;
}

input#submit2 {
	background: none!important;
	float: right;
	margin-right: 0px;
	width: 74px!important;
	height: 24px!important;
	padding: 0!important;
}

.social {
	text-align: right;
	text-transform: uppercase;
	line-height: 19px;
	margin-bottom: 10px;
	padding-right: 15px;
}

#brochure {
	position: absolute;
	top: 495px;
	right: 5px;
	height: 73px;
	width: 300px;
}
	
.normal, span.normal {
	font-weight: normal!important;
	font-size: 14px!important;
	line-height: 18px;
}	

.normal a {
	color: #fff;
	text-decoration: none;
}

.normal a:hover {
	text-decoration:underline;
}

/*==============================
=======Loyalty Form ===========
=============================*/

form#loyalty-form {
	width: 90%;
	margin: 0 auto;
	color: #fff;
}



form#loyalty-form div {
	width: 550px;
}



form#loyalty-form label {
	float: left;
	width: 70px;
}



form#loyalty-form input {
	border: 1px solid #000;
	padding: 5px;
	width: 245px;
	height: 12px;
	margin-bottom: 10px;
}



form#loyalty-form div {
	clear: both;
	float: left;
}



.bottom {
	margin-bottom: 25px;
}
/****************INTERSPIRE LOYALITY CARD********************/
/*==============================
=======Loyalty Form ===========
=============================*/

form#frmSS3 {
	width: 90%;
	margin: 0 auto;
	color: #fff;
}



form#frmSS3 div {
	width: 550px;
}



form#frmSS3 label {
	float: left;
	width: 70px;
}



form#frmSS3 input {
	border: 1px solid #000;
	padding: 5px;
	width: 245px;
	height: 12px;
	margin-bottom: 10px;
}



form#frmSS3 div {
	clear: both;
	float: left;
}



.bottom {
	margin-bottom: 25px;
}
/***********************************************************/


input.formBtn {
	background: url(../images/submit.png) no-repeat;
	width: 66px!important;
	height: 18px!important;
	border: none!important;
	margin-left: 260px;
	cursor: pointer!important;
}



input.formBtn:hover {

	cursor: pointer!important;
}


div.jobs {
	border-bottom:1px solid #FFFFFF;
	margin-left: 20px;

}

.footer-links2 {
	margin-top: 10px;
	text-align: right;
	margin: 10px;
}

ul.menu-list {
	margin-left: 40px;
}




#slideshow {
width: 324px;
	position: relative;
	z-index: 5;

}



#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity: 0.0;

}



#slideshow IMG.active {

    z-index:10;

    opacity: 1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}

span.return-home {
	position: absolute!important;
	top: 0!important;
	left: 0!important;
	margin-top: 17px!important;
	
}

.return-home a {
	background: url(../images/panam-home.gif) no-repeat;
	padding-left: 25px;
	height: 17px;
	line-height: 17px;
	display: block;
	color: #80c1db;
}

.return-home a:hover {
	color: #f8f521;
}

.align a {
	display: block !important;
	width: 224px!important;
	height: 264px!important;
}

p.right {
	float: right;
	margin-right: 10px;
}
#CustomFields_18_5,#CustomFields_19_5{
	width:50px;
}

#book-online p {line-height:13px; padding: 0 5px 0 10px;}