/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles

colors:
	#f68c1e (orange)
	#fcb13e (orange lighter)
	#3e3e3e (grey)

================================================== */
html,body{height:100%;}
body{
	position:relative;
	min-width:320px; 
	background-color:#3e3e3e; 
	background:url(../images/background-default.png) top left repeat;
	font-size: 100%;
    line-height: normal; 
	font-family:"Proxima Nova Regular","Helvetica Neue",Calibri,"Droid Sans",Helvetica,Arial,sans-serif; /* 'Trebuchet MS', */
	color: #fff; 
	zoom:1; 
}
.clear{clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%;}
.container{padding-top:30px;}
#content{width:100%;}
header{width:100%;}
.wrapper{width:100%; overflow:hidden; position:relative;}

.box1 {
	background-color:#3e3e3e; 
	color:#fff;
	padding:4px 0px 10px 0px;
}

.rounded-corners {
	border-radius: 20px;
}


div.rightBorder { 
	padding-right:6px;
	border-right:1px #FFFFFF solid;
}

span {font-size:inherit;}

h1, h2, h3, h4, h5, h6 {
		color: #fcb13e;
		padding:0px 4px 0px 4px; 
		font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; 
		margin:0; 
}

h1 { 
	font-size: 2.25em; 
	line-height: 1.25em; 
	padding-bottom: 14px;
}
h1.pageTitle { 
	padding-top:20px; 
	padding-left:4px; 
}

h2 { 
	font-size: 1.5em; 
	line-height: 1.1em; 
	padding:1.5em 4px 10px 4px;
}

h3 { 
	font-size: 1.75em;  
	padding-bottom: 8px; 
}

h4 { font-size: 21px; line-height: normal; padding-bottom: 4px; }
h5 { font-size: 17px; line-height: normal; }
h6 { font-size: 14px; line-height: normal; }

a, a:visited { color: #f68c1e; text-decoration:none; }
a:hover, a:focus { color:#fff; text-decoration:underline; }
a.citation {font-size:75%; vertical-align:super;}

li {color:#fff;}

p {
	margin:0; 
	padding:0.75em 4px 0.75em 4px;
	/*letter-spacing:1px;*/ 
	font-size:1.125em;
	line-height:1.46em;
}

strong { color: #fff; }

.formTable th { 
	vertical-align:top; 
	padding-right:8px; 
	padding-left:4px; 
	text-align:left;
}

.formTable th label { 
	margin-top:4px; 
	color:#fcb13e;
}

.formBox { 
	margin:0 0 20px 0;
}

.formBox label { 
	font-size:100%;
	color:#fcb13e; 
}
.formBox input { 
	margin:4px 0 0 0;
}

.msg {
	padding: 10px;
	padding-left: 35px; 
	margin:15px 0;
}

.msg.done { 
	border:2px solid #BBDF8D; 
	color:#000; 
	background: url(../images/ico-done.gif) 10px 50% no-repeat #EAF7D9;
}
.msg.error { 
	border:2px solid #FFAEAE; 
	color:#000; 
	background: url(../images/ico-delete.gif) 10px 50% no-repeat #FEEBEB;
}

.smaller {font-size:0.875em;}

.float-right { 
	float:right; 
}

/* # Background Image Config
We have two background image sizes to minimize file dimensions and file KB size.
The largest is 1024px wide, the second is 640px wide.
One (or none) is optionally loaded using jQuery after we determine the window size.
================================================== */

#backgroundImageLarge {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1600px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 1600px) { /* Specific to the background image */
	#backgroundImageLarge {
		left: 50%;
		margin-left: -800px;   /* 50% */
	}
}

#backgroundImageSmall {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 750px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 640px) { /* Specific to the background image */
	#backgroundImageSmall {
		left: 50%;
		margin-left: -375px;   /* 50% */
	}
}



#dfLogo { 
	width:326px; 
	height:123px; 
	margin:4px 0px 10px 10px; 
}

#dfLogo a { 
	text-decoration:none; 
	border:none; 
	padding:0; 
	display:block; 
	width:326; 
	height:123px;
}


/* # Superfish Style Override 
================================================== */

#mainNav { 
	background-color:#000; 
	border-bottom:1px #FFF solid; 
}

.sf-menu ul {
	width:			16em; /* left offset of submenus need to match (see below) */
	z-index: 999;
}
.sf-menu ul li {
	background-color: #333;  /* Match the page background color so the rounded corners look right */ 
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
}
.sf-menu {
	margin-bottom:	0;
}
.sf-menu li {
	background-color: #3e3e3e;  /* Match the page background color so the rounded corners look right */ 
}
.sf-menu li li { 
		width: 310px;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	background-color: #3e3e3e;  /* overwrite the default hover color to match the current page background color, overwise the rounded menu items show a different color behind the corners on hover */
}
.sf-menu a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	border:none;
	padding: .75em 1em;
	text-decoration:none; 
	background-color: #000; 
	color:#fff; 
}
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff; 
	background-color: #000; 
}
.sf-menu li li a {
	color: #fff;
	background-color: #333; 
	border-top:1px #000 solid;
	border-bottom:none;
}
.sf-menu li li li a {
	background-color:		#333;
}
.sf-menu li li a:visited, 
.sf-menu li li li a:visited {
	color: #fff;
	background-color:		#333; 
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.current, 
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li a.current  {
	background-color: #f68c1e;
	color:#000;
	outline: 0;
}

#calendar-menu li { 
	width: auto;
}

#taxi-submenu { 
	display:none;
}

#more-menu ul { 
	left:auto;
	right:0; 
}
#more-menu ul li { 
	width: auto;
}

#fbLikeMenu { 
	padding: 7px 0px 5px 14px;
}

#pintrestMenu { 
	padding: 7px 0px 0px 14px;
}

/* #Page Styles
================================================== */


input[type="submit"].btnSubscribe {
    display:block;
	border: none;
    width: 126px;
    height: 41px;
	background:url(../images/button-Subscribe.png) top left no-repeat;
}

input[type="submit"].btnSubscribe:hover {
	background-position: 0 -42px;
}


#btnSubscribe {
    display:block; 
	float:right; 
	margin-top:50px; 
	margin-right:50px;
	border: none;
    width: 126px;
    height: 41px;
	background:url(../images/button-Subscribe.png) top left no-repeat;
}

#btnSubscribe:hover {
	background-position: 0 -42px;
}

a.btnSubscribe.smallScreen {
	float:none; 
	display:none; 
	margin:20px 0 20px 4px;
	border: none;
    width: 126px;
    height: 41px;
	background:url(../images/button-Subscribe.png) top left no-repeat; 
}  /* Only show on smallest screens */

#homeBanners { 
	margin-top:10px; 
}

#homeBanners img {
    width:620px; /* you can use % */
    height: auto;
}





/* #Google Map Styles
   NOTE: mapCanvas sizing is handled by JavaScript at the top of the google map template
================================================== */
#mapCanvas { width:940px; min-width:310px; min-height:310px; }
#infoContent { /* InfoWindow styling */
	display:block; 
	position:relative;
	overflow:auto; 
	width:260px; 
	height:auto; 
	margin-right:20px;
}
#infoContent h1 { 
	position:relative;
	font-size:1em; 
	line-height:1.25em; 
	margin:0; 
	padding:0;
	color:#000; 
	font-weight:bold;
}
#infoContent p { 
	position:relative; 
	margin:0; 
	padding:0; 
	color:#000;
}
#infoContent a { 
	line-height:34px; 
	color:#00F; 
}
#infoContent address { 
	font-size:1em; 
	line-height:1.25em;
	padding-bottom:6px; 
	color:#000; 
	font-style:normal;
}
#infoContent div.feedback { 
	display:block; 
	width:112px; 
	height:16px;
	float:left; 
	padding-top:5px; 
	padding-bottom:12px;
}
#infoContent div.feedback span { 
	color:#000;
}
#infoContent div.ratingStar { 
	display:block; 
	float:left; 
	width:16px; 
	height:16px; 
	background:url(../images/star-white.gif) top left no-repeat;
}
#infoContent div.ratingStar.rated { 
	background:url(../images/star-white.gif) 0px -16px no-repeat;
}
#infoContent a.review { 
	display:block; 
	float:left; 
	margin-left: 20px; 
}
#infoContent a.phone { 
	display:block; 
	float:left; 
}
#infoContent a.localPage { 
	display:block; 
	float:left; 
	margin-left: 20px;
}
#infoContent div.infoWindowIcons {
	position:relative;
	display:block; 
	width:100%; 
	height:37px;
	clear:both;
	margin:0; 
	padding:0;
}
#infoContent img.infoWindowIcon {
	display:block;
	width:32px; 
	height:37px; 
	float:left;
}
#infoContent a.zoomIn { 
	display:block; 
	float:left;
}
#infoContent a.zoomOut { 
	display:block; 
	float:left;
	margin-left:20px; 
}
#infoContent p.clearfix {
	line-height:1px; 
	margin:0; 
	padding:0; 
	clear:both; 
	font-size:1px;	
}

.faq p strong { 
	color:#fcb13e;
}


/*  # List View 
================================================== */

div.listContent { 
	display:block; 
	position:relative;
	padding:20px 0;
	border-bottom:1px #CCC solid;
}
div.listContent.first { 
	border-top:1px #CCC solid;
}
div.listContent h2 { 
	padding:0; 
	margin:0;
}
div.listContent p { 
	position:relative; 
	margin:0; 
	padding:0; 
}
div.listContent div.feedback { 
	display:block; 
	width:220px; 
	padding:0 0 6px 0; 
}
div.listContent p.review { 
	float:right; 
}
div.listContent form.rating { 
	display:block; 
	width:150px; 
	height:21px;
	margin:0; 
	padding:4px 0 2px 0; 
}
div.listContent address { 
	font-size:1.125em; 
	line-height:1.46em;
	font-style:normal; 
	padding:4px 0;
}
div.listContent div.infoWindowIcons {
	position:relative;
	display:block; 
	width:100%; 
	height:37px;
	clear:both;
	margin:0; 
	padding:0;
}
div.listContent img.infoWindowIcon {
	display:block;
	width:32px; 
	height:37px; 
	float:left; 
	margin-right:4px; 
	cursor:pointer;
}
div.listContent p.description { 
	padding:2px 0 0 0;
}


/*  # Location View 
================================================== */

div.locationContent { 
	display:block; 
	position:relative;
}
div.locationContent div.headingContainer {
	/*background:url(../images/headingBackground.png) top left repeat-x; */
	position:relative;	
}

div.locationContent h1 { 
	padding:0; 
	margin:16px 0 0 0; 
	font-size: 1.75em; 
	line-height: 1.1em;
}
div.locationContent h2 { 
	margin:16px 0 0 0; 
	border-top:#f68c1e 2px solid; 
	border-bottom:#CCC 2px solid;
	background-color:#333; 
	padding:10px 0 10px 1px;
}
div.locationContent h2.noBrdrBttm { 
	border-bottom:none;
}
div.locationContent h2 a { 
	color:#fcb13e;
}
div.locationContent a.headingLink { 
	float:right; 
	padding-right:20px; 
	font-style:italic; 
	font-size:0.6666666666666667em; 
	color:#f68c1e;
}
div.locationContent p { 
	position:relative; 
	margin:0; 
	padding:0; 
}
div.locationContent div.feedback { 
	display:block; 
	width: 220px;
	padding:12px 0; 
}
div.locationContent p.reviewCount { 
	float:right; 
	font-size:1.125em;
}

div.locationContent form.rating { 
	display:block; 
	width:150px; 
	height:21px;
	margin:0; 
	padding:4px 0 0 0; 
}
div.locationContent address { 
	font-size:1.125em;
	font-style:normal; 
	padding:4px 0 10px 0;
}
div.locationContent div.infoWindowIcons {
	position:relative;
	display:block; 
	width:100%; 
	height:37px;
	clear:both;
	margin:0; 
	padding:0 0 8px 0;
}
div.locationContent img.infoWindowIcon {
	display:block;
	width:32px; 
	height:37px; 
	float:left; 
	margin-right:4px; 
	cursor:pointer;
}

#websiteLink { 
	font-size:1.125em;
}
#videoLink { 
	font-size:inherit;
}
#phoneLink { 
	font-size:1.125em;
	margin-right:20px;
}
#eventsLink { 
	font-size:inherit;
	margin-right:20px;
}
#mapLink { 
	margin-right:20px;
}


#reviewFrm { 
	padding-left:4px; 
}
#reviewFrm input[type=text], 
#reviewFrm textarea, 
#reviewFrm select {
	margin-bottom:0; 
	width:290px; 
	font-size:1em;
}
#reviewFrm label {
	margin-top:20px; 
	color:#fcb13e; 
	font-size:1em;
}
#reviewFrm label.error {
	margin-top:0px; 
	color:#f68c1e;
}
#mapCanvasLocation { 
	width:100%; 
	margin-top:30px;
}

div.review { 
	display:block; 
	position:relative; 
	clear:both; 
	padding-top:20px;
	padding-bottom:20px; 
	border-top:1px #CCC solid; 
}
div.review.first { 
	border-top:none; 
}
.review div.reviewResponse {
	padding:10px 0px 0px 14px;
}
.review div.reviewResponse strong {
	color:#fcb13e;
	font-size:0.875em;
}
.review div.reviewResponse p {
	font-size:0.875em;
}

div.review div.feedback { 
	display:block;  
	width:auto;
	height:16px;
	float:left; 
	padding:0 0 12px 0;
 
}
div.review div.ratingStar { 
	display:block; 
	float:left; 
	width:16px; 
	height:16px; 
	background:url(../images/star.gif) top left no-repeat;
}
div.review div.ratingStar.rated { 
	background:url(../images/star.gif) 0px -16px no-repeat;
} 
div.review .reviewDate {
	float:right;
	font-size:0.75em; 
	padding:0 20px 0 0; 
	margin:0; 
	color:#CCC;
}
div.review .reviewDescription {
	display:block; 
	clear:left; 
}
div.media h2 { 
	margin-bottom:16px;
}
div.media iframe { 
	margin-bottom:16px; 
}



#calendar { width:100%; border:none;}
#calendar td { font-size: 1.125em;}
#calendar a { color: #000000; }
 #calendar .header { background-color: #717171; color: #fff; font-size: 1em; font-weight: bold; text-align: center; } /* prev/next links; current month and year */
#calendar .subheader { background-color: #aaaaaa; color: #fff; font-weight: bold; text-align: center; } /* monday - friday */
#calendar a.navMonth { color: #f68c1e; font-weight: bold;}
#calendar #change_form_container { text-align:right; } /* form to change month/year */
#calendar #change_form_container form { margin:0; padding:0; }
#calendar .dayAll {width: 14%; height: 40px; border:none; vertical-align:middle; text-align:center;} /* applied to every day */
#calendar .pDay {}  /* previous month's days */
#calendar .nDay {}  /* next month's days */
#calendar .dayCurrent {border:1px #999 solid;} /* only applied to current day */
#calendar .dayDigit { font-weight:bold; color:#FFF;} /* applied to the number of the day for each day */
#calendar .hasEvent:hover { cursor:pointer; }
#calendar .hasEvent .dayDigit {}
#calendar .hasEvent .dayDigit a {display:block; width:100%; height:40px; margin:0 auto; line-height:40px; color:#f68c1e;}
#calendar .hasEvent:hover .dayDigit { }
#calendar .hasEvent:hover .dayDigit a {background:url(/images/star-calendar.png) top left no-repeat; text-decoration:underline; }

div.eventDetail {
	padding:20px 0 20px 0;
}

div.eventContent { 
	display:block; 
	position:relative;
}
div.eventContent div.headingContainer {
	/*background:url(../images/headingBackground.png) top left repeat-x; */
	position:relative;	
}

div.eventContent h1 { 
	padding:0 0 0 4px;; 
	margin:16px 0 0 0; 
	font-size: 28px; 
	line-height: 34px
}

div.eventContent h1 span { 
	display:inline;
	font-size: 28px; 
	line-height: 34px
}

div.eventContent h2 { 
	margin:16px 0 0 0; 
	border-top:#f68c1e 2px solid; 
	border-bottom:#CCC 2px solid;
	background-color:#333; 
	padding:10px 0 10px 2px;
}
div.eventContent h2.noBrdrBttm { 
	border-bottom:none;
}
div.eventContent h2.bttmMargin { 
	margin-bottom:16px;
}
div.eventContent a.headingLink { 
	float:right; 
	padding-right:20px; 
	font-style:italic; 
	font-size:14px;
}
div.eventContent h3 { 
	margin-bottom:0; 
	padding-bottom:0;
}
div.eventContent h4 { 
	color:#f68c1e;
}
div.eventContent p { 
	position:relative; 
	margin:0; 
	padding:0 0 0 4px; 
}
div.eventContent time { 
	display:block; 
	position:relative; 
	margin:0; 
	padding:0 0 2px 4px; 
}
div.eventContent div.feedback { 
	display:block; 
	width: 220px;
	padding:8px 0 8px 4px; 
}
div.eventContent p.reviewCount { 
	float:right; 
	margin-right:20px;
}

div.eventContent form.rating { 
	display:block; 
	width:150px; 
	height:21px;
	margin:0; 
	padding:0; 
}
div.eventContent address { 
	display:block;
	font-size:1em; 
	line-height:1em;
	font-style:normal; 
	padding:4px 0 4px 4px;
}
div.eventContent a.phone { 
	display:block; 
	padding-left:4px;
}
div.eventContent div.infoWindowIcons {
	position:relative;
	display:block; 
	width:100%; 
	height:37px;
	clear:both;
	margin:0; 
	padding:0 0 8px 0;
}
div.eventContent img.infoWindowIcon {
	display:block;
	width:32px; 
	height:37px; 
	float:left; 
	margin-right:4px; 
	cursor:pointer;
}

div.eventList h3 { 
	font-size: 1em;
	line-height:1.45em; 
	padding-top:16px; 
	padding-left:16px; 
}
div.eventList time { 
	font-size: 1em; 
	line-height: 21px; 
	padding:16px 0 0 4px;
	margin:0; 
	display:block; 
	color:#FFF; 
	font-weight:bold; 
}

.subscriptions p { 
	padding-top:0;
}
.subscriptions label { 
	display:inline; 
	font-weight:normal; 
	font-size:100%;
}


/* #Media Queries
================================================== */

	/* 960 or smaller */
	@media only screen and (max-width: 959px) {
		
		/*
		.container { width: 768px; padding-top:20px;}
		*/
		
		#mapCanvas { width:748px; height:310px; }  /* height is set using javascript in the map template */
		
	}
	
	/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
			
		#homeBanners img {
			width:492px;
		}
		
		#taxi-menu { 
			display:none;
		}
		#taxi-submenu { 
			display:block;
		}
		
	}
	
	
	/* Everything smaller than 767 (iPad portrait) default to 320px, except see the last rule below. */
	@media only screen and (max-width: 767px) {
		
		div.rightBorder { 
			padding-right:0px;
			border-right:none;
		}

		#backgroundImageLarge{display:none;} 
		
		#btnSubscribe{display:none;}
		
		#btnSubscribe.smallScreen {display:block;}		
	
		/* Superfish */
		.sf-menu ul { 
			width: 300px; 
		}
		.sf-menu li {
			float: none;
			width: 300px; 
		}
		.sf-menu li li {
			width: 300px; 
		}
		.sf-menu li:hover ul,
		.sf-menu li.sfHover ul {
			position: relative; 
			top:0;
		}
		.sf-shadow ul {
			background:none;
			padding: 0;
		}
		.sf-menu ul a {
			padding-left:2em;
		}
		
		#fbLikeMenu { 
			padding-left: 2em;
		}
		
		#pintrestMenu { 
			padding-left: 2em;
		}
	
		#dfLogo { 
			width:300px; 
			height:123px; 
			margin:4px 0px 10px 4px; 
		}
		
		#dfLogo a { 
			width:300; 
			height:123px ;
		}
		
		#dfLogo img {width:300px};
		
		.box1 {
			padding:0;	
		}
		
		.box1.rounded-corners {
			border-radius: 0; 
		}
		
		#mapCanvas { width:300px; height:310px; }  /* height is set using javascript in the map template */
		
		#homeBanners {
			display:none;
		}
		
		div.listContent { 
			padding:20px 4px; 
		}
		
	}
	
	/* Use the higer resolution menu images for iPhone4 */
	@media only screen and (max-width: 767px) and (-webkit-device-pixel-ratio: 2) {
		
		/*
		#homeMenu { 
			background: url(/images/mobile-menu-logo-iphone4-620.png); 
			-webkit-background-size: 310px 78px;
		}
		*/
	}

	
	/* Mobile Landscape Size (480px to 767px) default to 470px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* Superfish */
		.sf-menu ul { 
			width: 420px; 
		}
		.sf-menu li {
			float: none;
			width: 420px; 
		}
		.sf-menu li li {
			width: 420px; 
		}
		.sf-menu li:hover ul,
		.sf-menu li.sfHover ul {
			position: relative; 
			top:0;
		}
		.sf-shadow ul {
			background:none;
			padding: 0;
		}
		.sf-menu ul a {
			padding-left:2em;
		}
		
		#mapCanvas { width:420px; height:310px; }  /* height is set using javascript in the map template */
		#mapCanvasLocation { width:420px; height:310px; }
		
		#homeBanners img {
			width:420px;
		}
		
	}
	
	/* Use the higer resolution menu images for iPhone4 */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (-webkit-device-pixel-ratio: 2) {
		/*
		#homeMenu { 
			background: url(/images/mobile-menu-logo-iphone4-940.png); 
			-webkit-background-size: 470px 78px;
		}
		*/
	}
	
	/* If we are 320px to less, hide a few things */
	@media only screen and (max-width: 320px) {
		
		div.rightBorder { 
			padding-right:0px;
			border-right:none;
		}
		
		#backgroundImageSmall{display:none;} 
		
		#homeBanners {
			display:none;
		}
		
		#dfLogo { 
			margin:4px 0px 10px 0px; 
		}

	}