/*----- persistent styles -----*/
body, html{height:100%; margin:0; padding:0; font-family:Georgia,serif; color:#666; background:#374d96 url('/templates/client/images/onthetown/background.jpg') top center repeat-x}
img, img a, img a:link{border:0px}
ul{font-family:Georgia,serif; font-weight:normal; font-size:14px; line-height:20px; color:#575281}
p{font-family:Georgia,serif; font-weight:normal; font-size:14px; line-height:20px; margin:0px 0px 15px 0px; color:#575281}
table{font-family:Georgia,serif; font-weight:normal; font-size:14px; line-height:20px; color:#575281}
p a:link, table a:link{color:#575281; text-decoration:underline}
p a:visited, table a:visited{color:#575281; text-decoration:underline}
p a:hover, table a:hover{color:#000; text-decoration:underline}
h1{font-family:'Arvo',georgia,serif; color:#575281; font-size:32px; line-height:32px; margin:0px 0px 20px 0px; font-weight:normal}
h2{font-family:'Arvo',georgia,serif; color:#e5a50a; font-size:20px; line-height:24px; margin:0px 0px 15px 0px; font-weight:normal}
h3{font-size:19px; line-height:22px; margin:0px 0px 0px 0px; font-weight:normal; color:#575281}
h4{}
hr{}
a:link{color:#fff; text-decoration:none}
a:visited{color:#fff; text-decoration:none}
a:hover{color:#fff; text-decoration:underline}
.clear{clear:both}
#container{position:relative; width:1078px; margin:0 auto; margin-top:20px; padding:0px 0px 25px 0px; background:#fff url('/templates/client/images/onthetown/header-bg.gif') no-repeat; border-radius:20px}

/*----- header styles -----*/
#header{width:1078px; height:170px; padding:0; margin:0; position:relative; z-index:10}
#header .phone{font-family:'Arvo',georgia,serif; position:absolute; margin:113px 25px 0px 0; right:0px; height:30px; background:#e2af37; border:solid 3px #f1c459; padding:0 8px; border-radius:10px; font-size:12px; line-height:30px; text-align:center; color:#fff; font-weight:bold; box-shadow:0px 1px 3px #666; text-shadow:0px 1px 2px #b98f2d}
#header .tagline{position:absolute; background:url('/templates/client/images/onthetown/header-tagline.png') no-repeat; width:468px; height:72px; margin:54px 0px 0px 379px}
#headerImg{width:994px; position:relative; z-index:20; background:url('/templates/client/images/onthetown/pattern-purple.gif'); margin:0px 0px 0px 25px; padding:65px 17px 17px 17px; border-radius:20px; box-shadow:0px 1px 5px #000}



/*TOPNAV ==============================================*/
.topNav {background:white; height:50px;}
.mobileMenu {display:none;}



/*TOPNAV ==============================================*/
.topNav {background:white;}
.mobileMenu {display:none;}
.topNav .tnCenter {max-width: 1090px;margin:0 auto;padding: 0px 10px;}
.topNav .tnCenter ul.topLinks {float:left;list-style: none;width: 80.23%; margin:0px; padding: 0px;/*background: #ebebeb;*/}
.topNav .tnCenter ul.topLinks li {position:relative;float:left;width: 20%;height: 50px;background: #ebebeb;}
/*.topNav ul li:first-child {background:white;width: 16.66%;}*/

.topNav .tnCenter ul.topLinks li:after {position:absolute;content:'';left: -11px;top:0px;width:23px;height:50px;background:url(/templates/client/images/arrow2.png) no-repeat center center;}
/*.topNav ul li:first-child:after {display:none;}*/
.topNav .tnCenter ul.topLinks li:nth-child(1):after {background:url(/templates/client/images/arrow1.png) no-repeat center;}


.topNav .tnCenter ul.topLinks li a {position:relative; z-index:10; display:block;font-size: 14px;text-decoration: none;text-align: center;box-sizing: border-box;}
.topNav .tnCenter ul.topLinks li a img {display: block;margin: 0 auto;max-width:155px;width: 94%;height:auto;}
/*.topNav ul li:first-child a img { max-width:111px;}*/


.topNav .cart {float:left;width: 9.66%;height: 49px;;background:white; position:relative; z-index:10; display:block;font-size: 14px;text-decoration: none;text-align: center;box-sizing: border-box;line-height: 50px !important;color: black;}
.topNav .cart:after {position:absolute;content:'';left: -11px;top:0px;width:23px;height:50px; background:url(/templates/client/images/arrow3.png) no-repeat center;}
.topNav .cart img {position: absolute;left: 57%;display: inline-block;max-width: 29px;width:100%;height:auto;margin: 14px 0px 0px -4px;}

.topNav .parentLogo {display:inline-block; float: left; width: 10%;}
.topNav .parentLogo img {display:block;width:100%;height:auto; opacity:0.6; transition:0.3s;}
.topNav .parentLogo:hover  img {opacity:1;}

/*@media only screen and (max-width: 900px) {
	.topNav .cart span {display:none;}
	.topNav .cart img {position: relative;left: inherit;margin: 0px 0px 0px 5px;}

}*/

.topNav .tnCenter ul.topLinks li {
    width: 24%;
}
.topNav .tnCenter ul.topLinks li.last:before {
    position: absolute;
    content: '';
    right: -22px;
    top: 0px;
    width: 23px;
    height: 50px;
    background: url(/templates/client/images/arrow3.png) no-repeat center;
}

@media screen and (max-width: 730px) {
	.mobileMenu {position:relative;display:block;line-height: 44px;padding: 0px 11px;}
	.mobileMenu:after {position:absolute;content: "\f0c9";left: 61px;top: 4px;width: 57px;font-family:fontAwesome;display:block;cursor:pointer;font-weight:bold;line-height: 38px;font-size: 21px;color: #040404;font-weight: normal;transition: 0.3s line-height;}
	.topNav .cart  {position:absolute;top:0px;right: 115px;height: 34px;background: transparent;width: 80px;}
	.topNav .cart:after {display:none;}
	.topNav .parentLogo {position: absolute;top: 0px;right: 20px;width: 92px;}
	
	.topNav .tnCenter ul.topLinks {/* padding: 56px 0px 0 0; */transition:0.3s;}
	.topNav .tnCenter ul.topLinks li {display:none; transition:0.3s;}
	.topNav .tnCenter ul.topLinks li:after {display:none;}

	.topNav .tnCenter ul.topLinks.selected {width: 100%;border-bottom: solid 0px #FFF;box-shadow: 0 0 11px rgba(0, 0, 0, 0.40);}
	.topNav .tnCenter ul.topLinks.selected > li {float: left;width: 100%;}
	.topNav .tnCenter ul.topLinks.selected > li a {font-size: 19px;line-height: 40px;text-align: left;}
	.topNav .tnCenter ul.topLinks > li.highlight2:before {background:rgba(255, 255, 255, 1) !important;}
	.topNav .tnCenter ul.topLinks.selected > li { display:block; margin-bottom: 1px; }


}



/*----- new menu with dropdown styles -----
#headerImg #menu{position:absolute; z-index:20; float:right; display:inline; margin:-50px 0px 0px 344px; color:#fff; width:650px; height:80px; background:url('/templates/client/images/onthetown/trans-black-57.png'); border-radius:15px}
#headerImg #menu ul{font-family:'Arvo',georgia,serif; font-size:15px; font-weight:bold}
#headerImg #menu a{text-shadow:0px 1px 2px #000}
#headerImg #menu a:link{color:#fff; text-decoration:none}
#headerImg #menu a:visited{color:#fff; text-decoration:none}
#headerImg #menu a:hover{color:#fff; text-decoration:none; text-shadow:0px 3px 10px #000}
#headerImg #menu ul{list-style:none; margin:0px; padding:0px; text-align:center; margin:14px 0px 0px 25px}
#headerImg #menu ul li{height:23px; float:left; display:inline; background:url('/templates/client/images/onthetown/header-menu-bullet.png') no-repeat 0px 0px; margin:0px 22px 0px 0px; padding:0px 0px 0px 27px; line-height:22px}
#headerImg #menu ul li:last-child{margin:0px}
*/
/*----- new menu with dropdown styles -----*/
ul#nav{position:absolute; z-index:100; font-family:'Arvo',georgia,serif; font-size:15px; font-weight:bold}
ul#nav a{text-shadow:0px 1px 2px #000}
ul#nav a:link{color:#fff; text-decoration:none}
ul#nav a:visited{color:#fff; text-decoration:none}
ul#nav a:hover{color:#fff; text-decoration:none; text-shadow:0px 3px 10px #000}
ul#nav{list-style:none; padding:0px; text-align:center; margin:124px 0px 0px 410px}
ul#nav li{height:23px; float:left; display:inline; background:url('/templates/client/images/onthetown/header-menu-bullet.png') no-repeat 0px 0px; margin:0px 22px 0px 0px; padding:0px 0px 0px 25px; line-height:22px}
ul#nav li:last-child{margin:0px}
ul#nav li ul{display:none; position:absolute; margin:0px 0px 0px -12px; background:#547700; border:solid 4px #719122; border-radius:15px; padding:5px 10px}
ul#nav li ul li{float:none; display:block; background:none; margin:0px; padding:0px}
#headerImg #navBg{position:absolute; z-index:20; float:right; display:inline; margin:-50px 0px 0px 344px; color:#fff; width:650px; height:80px; background:url('/templates/client/images/onthetown/trans-black-57.png'); border-radius:15px}
/*----- <new menu with dropdown styles>-----*/
#headerImg #lamppost{position:absolute; z-index:20; margin:-138px 0px 0px 253px}
                                          #headerImg #slideshow-interior{position:relative; z-index:20; width:986px; height:200px; background-size:100%; border:solid 4px #fff; box-shadow:0px 1px 8px #000; border-radius:15px; background-image:url('/templates/client/images/onthetown/creole-queen.jpg'); background-repeat:no-repeat; }
                                          #headerImg #slideshow-interior #slideshow{display:none}
.page-template-page-onthetown-home #headerImg #slideshow-interior{                               width:924px; height:auto; border:none; min-height:200px; background:url('/templates/client/images/onthetown/pattern-red.gif'); box-shadow:0px 1px 8px #000; border-radius:15px; padding:35px}
.page-template-page-onthetown-home #headerImg #slideshow-interior #slideshow{display:block; width:916px; height:386px; background:url('/templates/client/images/onthetown/slideshow-bg.jpg') no-repeat; background-size:auto 386px; border:solid 4px #fff; border-radius:12px; box-shadow:0px 1px 5px #000}
#logo{position:absolute; z-index:100; width:298px; height:218px; margin:10px 0px 0px 45px; background:url('/templates/client/images/onthetown/header-logo.png') no-repeat}

/*----- main content styles -----*/
#contentContainer{width:1028px; margin:0 auto}
#contentContainer #content{ margin:46px 0px 0px 25px; /* float:left; */ display:inline}
#contentContainer #content h2{margin:25px 0px 15px 0px; line-height:26px}
#contentContainer #content p{margin:0px 0px 15px 0px}
#contentContainer #content ul{margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; font-size:14px; line-height:22px}
#contentContainer #content ul ul{margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; list-style:circle}
#sidebar{float:left; display:inline; margin:0px; padding:0px 0px 0px 25px; background:url('/templates/client/images/onthetown/sidebar-top-bg.jpg') no-repeat 0px 8px}
#sidebar .feature{width:264px; background:url('/templates/client/images/onthetown/pattern-yellow.gif'); padding:20px; border-radius:20px; box-shadow:0px 1px 5px #000}
#sidebar .feature .title{}
#sidebar .feature .title h2{text-align:center; margin:0px; color:#fff; font-weight:bold; text-shadow:0px 2px 5px #000; margin:0px 0px 15px 0px}
#sidebar .feature .content{width:216px; background:#547700; border:solid 4px #719122; border-radius:15px; padding:20px 20px 20px 20px; box-shadow:0px 1px 5px #000}
#sidebar .feature .content ul{margin:0px 0px 10px 0px; padding:0px 0px 0px 17px; color:#fff}
#sidebar .feature .content .archiveName{color:#fff; size:22px; line-height:30px}
#sidebar .feature .content .blogListDate{border-bottom:solid 1px #719122; margin:0px 0px 10px 0px; padding-bottom:10px}
#sidebar .feature .content .blogListAll{margin-top:20px; text-align:center; text-transform:uppercase; font-size:14px}
#sidebar .feature .content .blogListAll a{display:block; padding:5px; background:#719122; text-decoration:none; border-radius:5px}
#sidebar .feature .content .blogListAll a:hover{background:#3d5507}
#sidebar .feature .content p{color:#fff; font-size:12px; line-height:18px; margin:0px 0px 15px 0px}
#sidebar .feature .content h3{color:#fff; font-size:16px; line-height:20px; margin:0px 0px 5px 0px}
#sidebar #spotlight{margin:64px 0px 25px 0px; padding-bottom:20px}
#sidebar #events{}

/*----- main content styles -----*/
#sidebar .excerptTitle{color:#fff; font-size:18px; line-height:20px; margin:0px 0px 0px 0px}
#sidebar .datecatText{color:#fff !important; font-size:10px; line-height:18px; text-transform:uppercase; margin:0px 0px 5px 0px}
#sidebar .latestExcerpt{color:#fff !important; font-size:12px; line-height:18px}

/*------google  map ------*/
/*iframe {position:relative; z-index:20; width:986px; height:250px;  border:solid 4px #fff; box-shadow:0px 1px 8px #000; border-radius:15px}*/
#twitterFeed iframe , #facebookFeed iframe { width:100% !important; height:460px; border-radius:15px; }
#twitterFeed, #facebookFeed { width:49%; float:left; display:inline; }
#twitterFeed { margin-right:2%; }

/*---- FORM -----*/
form * { box-sizing:border-box; }
form fieldset div.formfields button { text-align:center; }
form fieldset div.formfields button:after { content:""; }


/*----- blog listing styles -----*/
#contentContainer #content .excerpt a:link{color:#575281}
#contentContainer #content .excerpt a:visited{color:#575281}
#contentContainer #content .excerpt a:hover{color:#000}

/*----- footer styles -----*/
#footer{width:962px; background:#4b4582; min-height:200px; border:solid 8px #6f68a4; border-radius:15px; padding:25px; margin:0 auto; margin-top:25px; box-shadow:0px 1px 5px #000}
#footer p{color:#fff; text-align:center; font-size:12px; line-height:18px}
#footer h2{color:#fff; text-align:center; font-family:Georgia,serif; font-weight:normal; font-size:18px; line-height:22px; margin:0px 0px 30px 0px}
#footer #logos{margin:0px; padding:0px; list-style:none; text-align:center; color:#fff; font-size:12px}
#footer #logos .logo{float:left; display:inline; width:140px; height:63px; background-repeat:no-repeat; margin-top:30px; border-radius:10px; box-shadow:0px 1px 5px #000}
#footer #logos .logo a{display:block; width:140px; padding-top:68px; color:#fff}
#footer #logos .logo a:link{text-decoration:none}
#footer #logos .logo a:visited{text-decoration:none}
#footer #logos .logo a:hover{text-decoration:underline; color:#fff}
#footer #logos .logo p{line-height:16px}
#footer #logos #airportShuttle{background-image:url('/templates/client/images/onthetown/footer-link-airportShuttle.jpg'); margin-right:30px}
#footer #logos #creoleQueen{background-image:url('/templates/client/images/onthetown/footer-link-creoleQueen.jpg'); margin-right:10px}
#footer #logos #jeanLafitte{background-image:url('/templates/client/images/onthetown/footer-link-jeanLafitte.jpg'); margin-left:10px}
#footer #logos #sightseeing{background-image:url('/templates/client/images/onthetown/footer-link-citySightseeing.jpg'); margin-left:30px}
#footer #logos #bigEasy{width:321px; height:131px; background-image:url('/templates/client/images/onthetown/footer-logo-bigEasy.jpg'); margin-top:-5px; box-shadow:0px 0px 0px}
#footer #logos #bigEasy a{display:block; width:321px; padding-top:131px; text-indent:-1000px; overflow:hidden}
#subFooter{width:1028px; margin:0 auto; text-align:center; padding:20px 0px 30px 0px}
#subFooter a:link{color:#7d8bb7; text-decoration:underline}
#subFooter a:visited{color:#7d8bb7; text-decoration:underline}
#subFooter a:hover{color:#fff; text-decoration:underline}
#subFooter p{color:#7d8bb7; font-size:12px; line-height:18px}
/* Icontact */
.icontact{ text-align:center}

.icontact h2{ margin:0 !important}

.email{ width:200px;  height:25px;  margin-bottom:10px;  box-shadow:inset 0px 2px 8px -2px #000;  border:none}

.icontact .submit{ width:120px;  display:block;  margin:0 auto;  height:25px !important;  border:0px solid #7F74D3;  border-radius:5px;  font-size:15px;  color:#6860A6;  background:#fff;  transition:all .3s linear}

input.submit:hover{ background:#6860a6;  color:#fff;  text-shadow:1px 1px 1px #000}

/*STYLES ADDED AFTER THE FACT  */
/*----- header styles -----*/
.page-template-page-onthetown-home #headerImg #slideshow-interior{position:relative; z-index:20; width:945px; min-height:200px; background:url('/templates/client/images/onthetown/pattern-red.gif'); box-shadow:0px 1px 8px #000; border-radius:15px; padding:35px 25px}
.page-template-page-onthetown-home #headerImg #slideshow-interior #slideshow{width:935px; height:382px; background:url('/uploads/images/OTT%20header.png')no-repeat; border:solid 4px #fff; border-radius:12px; box-shadow:0px 1px 5px #000; background-size: 100%;}
.page-template-page-onthetown-home.page-id-614 #headerImg #slideshow-interior {
	 background:url('/templates/client/images/onthetown/restaurant.jpg')no-repeat;  background-size: 100%;
}

#header{height:96px}
#header .phone{margin:37px 25px 0px 0 !important}
#header .tagline{margin:26px 0px 0px 365px}

#headerImg #menu ul li {padding: 0px 0px 0px 23px; }


.page-template-page-onthetown-home h1 { display:none; }
.page-template-page-onthetown-home #contentContainer #content { width:977px }
.page-template-page-onthetown-home #contentContainer #sidebar { float:left; display:inline; margin:0px; padding:0px 0px 0px 25px; background:none; }
.page-template-page-onthetown-home #sidebar {position:absolute; z-index:30; right:41px; top:161px; background:none;}
.page-template-page-onthetown-home #sidebar #spotlight {padding-top: 8px; margin: 0 0px 24px 0px;}
.page-template-page-onthetown-home #sidebar .feature .title h2 {margin: 0px 0px 9px 0px;}
.page-template-page-onthetown-home #sidebar .feature {padding-top: 8px;}
.page-template-page-onthetown-home #sidebar .feature .content {padding: 12px 20px;}


