/* CSS Document */

/* General Styles */
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #000 url(images/siteBack.jpg) repeat-x; color:#fff; padding: 0; margin: 0; text-align: center; height: 100%; }
.clear { clear: left; clear: right; clear:both; } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.decimal { text-align:right; }

/* Page Elements */
img, div { behavior: url("./iepngfix.htc") }; /* ie6 PNG fix */
img { margin: 0; padding: 0; }
p { padding:0; margin: 0 15px 10px 0; line-height: 20px; text-align:justify; }
div { padding: 0; margin: 0; }
a { text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
a img { border: none; }


/* Template Style */
#wrapper { width: 934px; margin: 0 auto; margin-top: 55px; padding-top: 65px; background: url(images/platesLogo.png) no-repeat; text-align: center; }
.menuScrollTop { margin: 30px 0 15px 0; }
.menuScrollBottom { margin-top: 15px; }

/* Main Content Body - For menus and Home Page image */
#platesContent { width: 75%; float: left; text-align: center; }

/* Content Box */
#contentBox { display: inline; position: relative; width: 260px; height: 270px; background: url(images/contentBack.png) no-repeat; float: right; margin: 60px 30px 0 0; padding: 20px 0; text-align: center; }
#contentBox p { margin-left: 10px; line-height: 26px; text-align: left; }
#contentBox h2 { font-size: 18px; font-family: 'Times New Roman', Times, serif; font-weight: bold; padding: 0; margin: 0 0 5px 0; text-align: center; }
#topScroll { position: absolute; top: 0; left: 0; }
#bottomScroll { position: absolute; bottom: 0; right: 0; }
.teamList { display: inline-block; clear: both; width: 92%; margin: 0; padding: 0; font-size: 12px; }
.teamList li { list-style: none; display: inline-block; clear: both; margin: 7px 10px 0 10px; padding: 0; width: 100%; height: 1%; }
#contentBox address { font-style: normal; margin-bottom: 10px; }
#contentBox label { margin-bottom: 5px; font-weight: bold; }
#contentBox label a { color: #fff; text-decoration: none; }

/* Main Navagation */
#mainNav { margin-left: 42px; text-transform: uppercase; }
#mainNav a { margin-right: 10px; text-decoration: none; color: #fff; }

/* Footer */
#footer { margin: 45px 0 0 0; color: #d66a2d; }
#footer .left { width: 220px; text-align: left; }
#footer a { text-decoration: underline; color: #d66a2d; }
#footer ul { display: inline; margin: 5px 0 0 0; padding: 0; }
#footer li { list-style: none; font-size: 12px; line-height: 14px; text-align: left; }
#footer address { font-style: normal; padding:0; margin:0;}


/* Page Style */
#homeContent { height: 420px; margin: 0 43px; background: #3d2312 url(images/homeImage.jpg) no-repeat; border: 1px solid #d66a2d; }
#tourContent { height: 420px; margin: 0 43px; background-color: #000000; border: 1px solid #d66a2d; }

/* Team Page */
#teamContent { height: 420px; margin: 0 43px; background: #3d2312 url(images/teamImage.jpg) no-repeat; border: 1px solid #d66a2d; }
#teamHeader { width: 131px; height: 42px; margin: 10px auto; overflow: hidden; background: url(images/teamHeader.png) no-repeat; }

/* Concept Page */
#conceptContent { height: 420px; margin: 0 43px 0 43px; padding: 0; overflow-y: auto; background: #3d2312 url(images/conceptImage.jpg) no-repeat; color: #d66a2d; border: 1px solid #d66a2d; }
#conceptHeader { margin: 50px auto; overflow: hidden; }
#conceptContentWrapper { overflow-y: auto; height: 420px; width: 785px; padding: 0 30px; overflow-x:hidden;  }
/* Hides from IE5-mac \*/
* html #conceptContent { background: url(images/conceptImage.jpg) no-repeat fixed; }
/* End hide from IE5-mac */
#conceptContentWrapper h2 + p, #conceptContentWrapper br + p { margin-top: 25px; }
#conceptContentWrapper h3 + p, #conceptContentWrapper h3 + p + p { margin-top: 5px; font-style: italic; }
#conceptContent h2 { font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; color: #d66a2d; text-align: left; }
#conceptContent h3 {  font: normal 18px Arial, Helvetica, sans-serif; padding: 0; margin: 5px 0 5px 0; text-align: left; text-transform: uppercase; color: #fff; text-align: left; }

/* Contact Page */
#contactContent { height: 420px; margin: 0 43px; background: #3d2312 url(images/contactImage.jpg) no-repeat; border: 1px solid #d66a2d; }
#contactHeader { width: 147px; height: 39px; margin: 10px auto 50px auto; overflow: hidden; background: url(images/contactHeader.png) no-repeat; }
#map { display: inline; background-color: #3d2312; float: left; margin: 35px 0 0 35px; width: 450px; height: 350px; }
#contactInfo { text-align: center; }

/* Menu Pages */
#menusContent { position: relative; height: 420px; margin: 0 43px; background-color: #fff; border: 1px solid #d66a2d; overflow-y: auto; color: #000; }
#menusHeader { width: 119px; height: 30px; margin: 50px auto; overflow: hidden; background: url(images/menusHeader.jpg) no-repeat; }
#menusThumbs div{ display: inline; float: left; font-size: 12px;  width: 115px; padding-left: 75px; }
#menusThumbs div a { color: #000; text-decoration: none; }
#menusDownload { position: absolute; top: 5px; left: 5px; height: 24px; background: url(images/pdf.jpg) no-repeat; }
#menusDownload a { display: block; font-size: 11px; text-decoration: underline; color: #242923; margin: 5px 0 0 30px; }
#menusContent h2 { font: bold 18px Arial, Helvetica, sans-serif; padding: 20px 0 5px 0; margin: 0; color: #000; }
#menusContent h3 {  font: bold 12px Arial, Helvetica, sans-serif; padding: 0; margin: 20px 0 10px 0; text-align: left; border-bottom: 1px solid #d4d4d4; text-transform: uppercase; color: #000; }
#menusContent h4 { font: bold 12px Arial, Helvetica, sans-serif; padding: 10px 0 5px 0; margin: 0; text-align: left; text-transform: uppercase; color: #000; }

 /* Menu Item Styles */
.menuitems { display: inline-block; clear: both; width: 98%; text-align: left; }
.menuitems dt { display: inline-block; clear: both; margin: 10px 0 0 10px; padding: 0; width: 100%; text-transform:uppercase; height: 1%; }
.menuitems dd { display: inline-block; clear: both; margin: 0 0 0 10px; padding: 0; width: 100%; color:#666; height: 1%; }
.byTheGlass { float: right; width: 50px; text-align:center;}
.menuitems dd .left { margin-right: 50px; }

 /* Menu Sub-Navagation */
#subNav { width: 20%; float: left; text-align: center; line-height: 16px; }
.subNav, .subNav dl { margin: 0; padding: 0; text-align:left; margin-left: 25px; }
.subNav dt { padding: 0; margin-bottom: 10px; font-size: 14px; }
.subNav dd { margin: 0; }
.subNav a { text-decoration: underline; color: #242923; }

/* Photos Page */
#photosContent { height: 420px; margin: 0 43px; background: #3d2312 url(images/photos/full/plates_01.jpg) no-repeat; border: 1px solid #d66a2d; }
#filmContainer { margin-top: 325px; height: 95px; background: url(images/filmBack.png) no-repeat; }
#thumbContainer { float:left; }
#lastButton { background: url(images/lastButton.gif) no-repeat; width: 32px; height: 30px; float: left; margin: 25px 35px 0 40px; padding: 0; cursor: pointer; }
#nextButton { background: url(images/nextButton.gif) no-repeat; width: 36px; height: 30px; float: right; margin: 25px 40px 0 35px; padding: 0; cursor: pointer; }
.filmThumb { float: left; display: inline; margin: 15px; cursor: pointer; }
.filmCurrent { float: left; margin: 10px; border: 5px solid #ac5f0f; }


/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #contentBox p {
	visibility: hidden;
	font-size:14px;
	height:1em;
}

.sIFR-hasFlash #contentBox h2 {
	visibility: hidden;
	font-size:150px;
	height: 1em;
}

.sIFR-hasFlash #menusContent h2 {
	visibility: hidden;
	font-size:150px;
	height:1em;
}