@charset "utf-8";
/* 
	Prime Restaurant CSS 
*/

/* Reset */
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, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }


/* HTML */
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a { color:inherit; }
strong { font-weight:bold; }
em { font-style:italic; }


/* Structure */
#container { margin:0 auto; width:960px; }
#header { height:146px; padding:0 22px; position:relative; }
	#header h1 { background:url(../images/logo.png) no-repeat; float:left; height:140px; overflow:hidden; text-indent:-5000px; width:142px; }
		#header h1 a { display:block; height:100%; width:100%; }
	
	#weatherHolder { display:none; overflow:hidden; position:absolute; right:18px; top:0; width:150px; }
	#weather { background:#e9712a url(../images/weatherAlertBG.png) left no-repeat; color:#FFF; height:94px; padding:0 0 0 34px; width:314px; }
		#weather h4 { display:none; }
		#weatherToday { border-right:solid 1px #FFF; float:left; margin-top:4px; width:106px; }
			#weatherIconLarge { background:url(../images/weatherIconsLarge.png) 84px no-repeat; height:72px; margin:0 11px; width:84px; }
				#weatherIconLarge.sunny { background-position:0 0; }
				#weatherIconLarge.partly { background-position:-84px 0; }
				#weatherIconLarge.cloudy { background-position:0 -72px; }
				#weatherIconLarge.rainy { background-position:-84px -72px; }
			#weatherTodayInfo { font-size:11px; font-weight:bold; margin:3px 8px 0; width:90px; }
				#weatherTodayInfo #weatherTemp { float:right; }
		#weatherForecast { float:left; height:86px; margin:4px 8px; width:146px; }
			#weatherForecast li { height:24px; margin-bottom:7px; }
			#weatherForecast li:last-child { margin-bottom:0; }
				#weatherForecast li ul { }
				#weatherForecast li ul li { float:left; font-size:11px; font-weight:bold; line-height:24px; }
					#weatherForecast li ul li.forecastIcon { background:url(../images/weatherIconsSmall.png) 84px no-repeat; float:left; height:24px; margin-right:15px; width:30px; }
						#weatherForecast li ul li.forecastIcon.sunny { background-position:0 0; }
						#weatherForecast li ul li.forecastIcon.partly { background-position:-30px 0; }
						#weatherForecast li ul li.forecastIcon.cloudy { background-position:0 -24px; }
						#weatherForecast li ul li.forecastIcon.rainy { background-position:-30px -24px; }
					#weatherForecast li ul li.forecastDay { }
					#weatherForecast li ul li.forecastTemp { float:right; }
		#weather .condtionTT { background:rgba(175,83,44,.8); border-radius:2px; cursor:default; display:none; font-size:10px; line-height:normal; opacity:0; padding:4px; position:absolute; z-index:2; 
			-webkit-transition:opacity .3s ease-out;
			-moz-transition:opacity .3s ease-out;
			-o-transition:opacity .3s ease-out;
			transition:opacity .3s ease-out;
		}
			#weatherIconLarge:hover .condtionTT, #weatherForecast li ul li.forecastIcon:hover .condtionTT { display:inline-block; opacity:1; }
		#weatherHolder a#weatherArrow { background:url(../images/weatherArrows.png) right no-repeat; display:block; height:94px; position:absolute; right:0; top:0; width:10px; }
	
#content { position:relative; }
	#content hr { background:rgba(88,154,202,.5); border:none; height:15px; margin:0; position:absolute; top:0; width:100%; z-index:20; }
	#left, #right { float:left; height:420px; }
	#left { overflow:hidden; position:relative; width:640px; }
		
		#left #pane, #left #paneStatic { background-color:#5d7286; height:420px; overflow:hidden; width:640px; }
		
		#left ul.panels { height:390px; margin:30px 0 0; overflow:hidden; position:relative; }
		#left ul#mPanel { display:none; width:20000px; }
		#left ul#sPanel { float:right; /*display:none; width:2000px;*/ }
			#left ul.panels li { background:rgba(33,68,102,.65); border-right:solid 4px #589aca; color:#FFF; float:left; height:345px; max-width:550px; min-width:130px; padding:15px; position:relative; width:auto; }
				#left ul.panels li.maxPanel { width:550px; }
				#left ul.panels li h2 { color:#FFF; border-bottom:solid 1px #FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:28px; margin:0 0 10px; padding:0 0 5px; }
				#left ul.panels li p { line-height:18px; margin:0 0 16px 0; }
				
				#left ul.panels li a { border-bottom:solid 1px #FFF; text-decoration:none; }
				#left ul.panels li a:hover, #left ul.panels li a:focus { border-bottom:solid 2px #FFF; }
				#left ul.panels li a:active { position:relative; top:1px; }
				#left ul.panels li a.more { border:none; }
				/*#left ul.panels li#stLinks a { border:none; }*/
				#left ul.panels li.panelNav a, #left ul.panels li a[href$=".jpg"] { border:none; }
				
				#left ul.panels li ul { }
				#left ul.panels li ul li { background:none; border:none; display:block; float:none; height:auto; line-height:16px; margin:10px; max-width:none; min-width:none; padding:0; width:auto; }
					#left ul.panels li.panelNav ul li { line-height:normal; }
				#left ul.panels li ul.nyroGallery li { display:none; margin:0; }
					#left ul.panels li ul.nyroGallery li:first-child { display:inline; }
				#left ul.panels li .floatRight { float:right; margin:0 0 5px 5px; }
				#left ul.panels li .floatLeft { float:left; margin:0 5px 5px 0; }
		
		#left .panelArrows { background:url(../images/panelArrows.png) no-repeat; height:25px; width:25px; position:absolute; top:222px; z-index:3; }
			#left .panelArrows#paLeft { background-position:0px 0px; left:5px; }
			#left .panelArrows#paRight { background-position:-25px 0px; right:5px; }
			#left .panelArrows#paStart { background-position:0px -25px; left:5px; top:252px; }
			#left .panelArrows#paEnd { background-position:-25px -25px; right:5px; }
		#left .panelShadows { background:url(../images/panelShadows.png) repeat-y; height:420px; width:16px; position:absolute; top:0px; z-index:2; }
			#left .panelShadows#psLeft { background-position:left; left:0px; }
			#left .panelShadows#psRight { background-position:right; right:0px; }
			
		#left ul#leftGal { height:420px; overflow:hidden; width:100%; }
	#right { width:320px; }
		#specialPromo { display:block; left:0; overflow:hidden; position:absolute; top:-260px; }
			#specialPromo:after { background:rgba(88,154,202,.5); bottom:0; content:""; position:absolute; top:15px; right:0px; width:1px; z-index:20; }
		#right ul#rightGal { height:260px; overflow:hidden; width:100%; }
		#rightContent { background:url(../images/brBG.jpg) no-repeat; color:#FFF; height:124px; padding:18px 14px; position:relative; }
			#rightContent h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0 0 8px; }
			#rightContent p { font-size:12px; line-height:16px; margin-bottom:8px; }
			ul#rightContentSlider { height:100%; overflow:hidden; width:272px; }
			ul#rightContentSlider li { height:100%; width:100%; }
			#rightContent .arrows { background:url(../images/brArrows.png) no-repeat; display:block; height:14px; position:absolute; right:10px; width:12px; z-index:20; }
				#rightContent #brUp.arrows { background-position:top; top:16px; }
				#rightContent #brDown.arrows { background-position:bottom; bottom:16px; }
				.more { background:url(../images/more.png) no-repeat right; display:inline-block; font-size:12px; font-weight:bold; padding:0 22px 0 0; text-decoration:none; }
#footer { background:rgba(255,255,255,.2); color:#214466; font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:5px 0; padding:5px 22px; }
	#footer>a { text-decoration:none; }
		#footer>a:hover { text-decoration:underline; }
	#followUs { color:#8eaab8; float:right; font-size:14px; font-weight:normal; }
		#followUs a { display:inline-block; font-size:0; height:16px; margin:0 0 0 5px; overflow:hidden; text-indent:-1000px; vertical-align:top; width:16px; }
		#followUs #twitter { background:url(../images/socialNetworks.png) no-repeat right; }
		#followUs #facebook { background:url(../images/socialNetworks.png) no-repeat left; }

#swoosh { bottom:0; position:fixed; text-align:center; width:100%; z-index:-1; }
	#swoosh img { height:auto; width:100%; }
	#swoosh a { bottom:5px; color:#8EAAB8; font-size:9px; position:absolute; right:5px; text-align:right; text-decoration:none; width:120px; }

#reservations { color:#214466; left:50%; margin:0 0 0 -210px; overflow:hidden; position:absolute; top:0; width:420px; z-index:100; }
	#reservations #reserveContent { background:#589aca; background:rgba(88,154,202,.85); -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; display:none; height:200px; overflow:hidden; }
		#ui-datepicker-div { font-size:10px; display:none; }
		#reservations #reserveContent h4 { color:#214466; font-size:18px; font-weight:bold; margin:0 0 10px; }
		#reservations #reserveContent hr { background:#214466; border:none; height:1px; margin:10px 0; width:100%; }
		#reservations #reserveContent p { margin:0 0 10px; }
		#reservations #reserveContent .slider { display:inline; float:right; width:75%; }
		#reservations #reserveContent #reserveNow { float:right; }
		#reservations #reserveContent #reserveForm { padding:15px; }
		#reservations #reserveContent input { color:#214466; display:inline-block; font-weight:bold; width:100px; }
		#reservations #reserveContent select { color:#214466; display:inline-block; font-weight:bold; }
			#reservations #reserveContent input#resHour { text-align:right; width:20px; }
			#reservations #reserveContent input#resMin { width:20px; }
	#reservations #reserveTab { background:#589aca; background:rgba(88,154,202,.85); -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; display:block; font-weight:bold; line-height:14px; margin:0 auto; padding:8px 10px 12px; width:140px; text-align:center; text-decoration:none; }


/* Nav */
ul#nav { bottom:0px; color:#214466; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; position:absolute; right:8px; }
ul#nav li { float:left; }
ul#nav li a { display:block; padding:10px; text-decoration:none;
	-webkit-transition:color .2s ease-out;
	-moz-transition:color .2s ease-out;
	-o-transition:color .2s ease-out;
	transition:color .2s ease-out;
}
ul#nav li a:hover { color:#90bcdc; }


/* Form */
form { }
form label { display:inline-block; line-height:26px; margin:0 10px 0 0; width:90px; }
	form label.error { float:right; font-size:13px; margin:0 0 0 10px; width:auto; }
		form label.error:before { content:"\AB "; }
form input, form textarea { background:#FFF; background:rgba(255,255,255,.5); border:none; padding:5px 5px; width:180px; }
form textarea { height:140px; vertical-align:top; }
form input:focus, form textarea:focus { background:#FFF; }
form input.error, form textarea.error { background:#f2a3a3; background:rgba(214,91,91,.5); }
form input[name="Submit"] { float:right; margin-right:10px; width:80px; }
form#contactForm input[name="Submit"] { margin-top:120px; }
#left ul.panels li form p { font-size:11px; line-height:13px; margin:0 0 5px; }
.response { }
.loader { float:right; margin:130px 10px 0 0; }


/* Pages */
.home { }
.menus { background:url(../photos/home2.jpg) no-repeat; }
.restaurant { background:url(../photos/home1.jpg) no-repeat; }
.catering { background:url(../photos/catering.jpg) no-repeat; }
.media { background:url(../photos/media.jpg) no-repeat; }
.info { background:url(../photos/info.jpg) no-repeat; }
.giftCards { background:url(../photos/giftCards.jpg) no-repeat; }
.videos { background:url(../photos/videos.jpg) no-repeat; }
.mailingList { background:url(../photos/mailingList.jpg) no-repeat; }
.other { background:url(../photos/other.jpg) no-repeat; }

/* Page Specific */
#left ul.panels li#docking p { font-size:12px; line-height:14px; margin:0 0 8px; }
#left ul.panels li#docking table { border:solid 1px #FFF; float:right; margin:0 0 6px 6px; width:320px; }
#left ul.panels li#docking td { font-size:12px; padding:2px; }

#left ul.panels li#hours .days { display:inline-block; margin-right:10px; width:150px; }

#left ul.panels li#ccRulesAndRegs ul li { font-size:11px; line-height:13px; margin-bottom:3px; }

#googleMap { height:290px; width:550px;  }


/* Clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }


/* Temp */
#openTableAward { color:#8eaab8; display:block; float:right; font-weight:normal; margin:0 20px 0 0; }
	#openTableAward a { color:#8eaab8; text-decoration:none; }
	#openTableAward img { margin:0 0 0 5px; vertical-align:text-bottom; }


@media all and (max-height: 613px) { /* Fade Bullfrog link if screen is too short */
	#swoosh a { color:#2c293d; }
}

/* Mobile */
@media all and (max-device-width: 480px) {

/* HTML */
img { height:auto; max-width:100%; }

/* Structure */
#container { margin-top:20px; max-width:480px; width:100%; }
#header { height:auto; min-height:140px; padding:0; }
	#header h1 { margin-left:14px; }
#content { }
	#content hr { margin-bottom:-15px; position:relative; top:auto; }
#left, #right { height:auto; overflow:visible; width:100%; }
	#left #leftGal { height:auto !important; }
		#left #leftGal li { display:none; }
			#left #leftGal li:first-child { display:block; }
	#left .panelArrows { display:none; }
	#left .panelShadows { display:none; }
	
	#left #pane, #left #paneStatic { /*background-image:none;*/ height:auto; overflow:visible; padding:15px 0 0; width:100%; }
	#left ul.panels { height:auto; margin:0; overflow:visible; position:relative; }
	#left ul.panels li { border:none; border-bottom:#589aca dotted 1px; float:none; height:auto; max-width:none; min-width:none; padding:15px 0; position:relative; width:auto; }
	#left ul.panels li:last-child { border-bottom:none; }
		#left ul.panels li h2 { margin:0 15px 10px; }
		#left ul.panels li p {margin:0 15px 16px; }
		#left ul.panels li ul { margin:0 15px; }
		#left ul.panels li img { padding:0 15px; }
		#left ul.panels li ul.nyroGallery li { width:100%; }
		#left ul.panels li ul.nyroGallery img { padding:0; }
		#left ul.panels li.maxPanel { width:100%; }
		#left ul.panels li .floatRight, #left ul.panels li .floatLeft { display:block; float:none; margin:5px auto; padding:0 15px; }
	#left ul#mPanel { display:block; width:100%; }
	#left ul#sPanel { display:block; float:none; width:100%; }
	
#right { background:rgba(33,68,102,.65); border:solid 4px #589aca; border-left:none; border-right:none; padding:15px 0; }
	#right #rightGal { height:auto !important; overflow:visible; width:100%; }
		#right #rightGal li { display:none; margin:0 15px; }
			#right #rightGal li:first-child { display:block; }
		#right #rightGal img { margin:0 auto; }
	#rightContent { background:none; height:auto; overflow:visible; padding:18px 14px; }
	#rightContent:before { content:"Featured:"; }
	#rightContent li { border-bottom:#FFF dotted 1px; margin:10px 0; }
	#rightContent li:last-child { border:none; }
	#rightContent .arrows { display:none; }

/* Page Specific */
#left ul.panels li#docking p { font-size:inherit; line-height:16px; margin:0 15px 16px; }
#left ul.panels li#docking table { float:none; margin:0 15px 16px; width:auto; }
#left ul.panels li#docking td { font-size:10px; padding:2px; }

#left ul.panels li#hours .days { display:inline-block; margin-right:10px; width:130px; }

#left ul.panels li#ccRulesAndRegs ul li { font-size:inherit; line-height:16px; margin-bottom:10px; }

#googleMap { height:290px; width:100%;  }

#left .catering ul.panels li ul li { margin-left:0; }
#left .catering ul.panels li .floatRight { padding:0; }
#left .catering ul.panels li img { padding:0; }


/* Form */
form input[name="Submit"] { float:none; margin:0 0 0 26px; }
form#contactForm input[name="Submit"] { margin:10px 0; }
.loader { float:none; margin:0 10px; vertical-align:middle; }
form p { padding:0 15px; }

/* Nav */
ul#nav { bottom:auto; clear:left; position:relative; right:auto; }
ul#nav li { display:inline-block; float:none; }
ul#nav li a { display:block; padding:10px 14px; }

/* Weather */
#weatherHolder { position:absolute; right:0; top:16px; width:44px; }

#swooshImg { display:none; }
#swoosh a { display:none; }

#reservations { left:50%; margin:0 0 0 -50%; width:100%; }
	#reservations #reserveContent { height:220px; }
		#reservations #reserveContent #resDate { margin-bottom:5px; width:90px; }
	#reservations #reserveTab { font-size:12px; padding:2px 10px 4px; width:100px; }
	
	
/* Temp */
#openTableAward { display:none; }

}