/* COMMON ELEMENTS */
body, html {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#0a0000 url(../media/common/bg-grad.gif) repeat-x 0px 0px;
	width:100%;
}

* {
	color:#fff;
}

#header {
	position:relative;
	width:791px; height:87px;
	margin:19px auto; margin-bottom:0px;
}
#header .logo {
	width:278px; height:40px;
	float:left;
	border-bottom:1px solid #fff;
}
#header .address {
	width:513px; height:40px;
	float:right;
	text-align:right;
	color:#fff;
	font-size:75%; line-height:1.4em;
	border-bottom:1px solid #fff;
}
#header .address a { color:#fff; text-decoration:none; }
#header .address a:hover { text-decoration:underline; }

#links #nav-one li {
	display:block;
	float:left;
}

#links {
	color:#fff;
	width:791px; height:78px;
	font-size:105%;
	overflow:hidden;
	margin:8px 0px 0px 0px;
	position:absolute;
	z-index:1;
	top:60px; left:50%;
	margin-left:-395px;
}
#links a {
	color:#fff;
	text-decoration:none;
	margin:0px 17px 0px 17px;
}
#links a:hover { text-decoration:underline; }
#links a.end { margin-right:0px; }
#links a.start { margin-left:0px; }

/* edges */
#leftEdge, #rightEdge {
	position:absolute;
	width:109px; height:464px;
	top:0px;
	z-index:1;
}
/* Edges currently causing a tad mask over the images, need to sort */
#leftEdge {
	background: url(../media/common/left-edge.png) no-repeat 0px 0px;
	left:0px; 
}
#rightEdge {
	background: url(../media/common/right-edge.png) no-repeat 0px 0px;
	left:900px; 
}

/* arrows */
#leftArrow, #rightArrow {
	position:absolute;
	width:109px; height:464px;
	top:0px;
	z-index:2;
}
#leftArrow {
	background: url(../media/common/left-arrow.png) no-repeat 0px 0px;
	left:0px;
}
#rightArrow {
	background: url(../media/common/right-arrow.png) no-repeat 0px 0px;
	left:906px;
}

/* containers */
#content {
	width:1009px; height:464px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

#scroll {
	height:464px;
	position:absolute;
	top:0px; left:0px;
	z-index:0;
}

#home #scroll {
	width:3731px;
}

/* content */

.full {
	width:791px; height:464px;
	float:left;
}

.half {
	width:109px; height:464px;
	background-color:#ccc;
	float:left;
}

table tr td.bigText {
	width:791px; height:337px;
	text-align:center;
	vertical-align:middle;
}
table tr td.bigText p {
	text-align:center;
	color:#fff;
	font-size:175%;
	line-height:1.5em;
}


.light {
	width:336px; height:408px;
	background: url(../media/common/wall-items/Light.jpg) no-repeat 0px 0px;
	float:left;
	margin:30px 28px 0px 28px;
}

.photo {
	width:330px; height:439px;
	background: url(../media/common/photos/humprey.jpg) no-repeat 0px 0px;
	float:left;
	margin:0px 28px 0px 28px;
	position:relative;
}
.photo .img {
	position:absolute;
	top:50px; left:51px;
}


.twoCol .frame, .column263 .frame {
	width:256px; height:292px;
	margin:0px 0px 24px 0px;
	background: url(../media/common/photos-smaller/empty.jpg) no-repeat 0px 0px;
}
.twoCol .frame img, .column263 .frame img {
	margin:49px 0px 0px 50px;
}

/* COLUMNS */
.column271 {
	width:256px; height:337px;
	float:left;
}
.column271 .frame {
	width:256px; height:292px;
	margin:24px 0px 24px 0px;
	background: url(../media/common/photos-smaller/empty.jpg) no-repeat 0px 0px;
}
.column271 .frameUpload {
	width:256px; height:292px;
	margin:24px 0px 24px 0px;
	background: url(../media/common/photos-smaller/empty.jpg) no-repeat 0px 0px;
}
.viewport {
	margin:24px 0px 24px 0px !important;
}
.column271 .frame img {
	margin:49px 0px 0px 50px;
}
.central {
	margin:0px 10px 0px 10px;
}

.column263 { 
	width:243px;
	float:left;
}
.column263 p {
	font-size:95%;
	line-height:1.6em;
	margin-bottom:16px;
}

.column527 {
	width:527px;
	float:right;
}

.column256, .column256b {
	width:256px;
	float:left;
	margin:20px 20px 0px 0px;
}
.column256b { margin:0px 0px 0px 30px; }
.column256 h1 {
	font-size:130%;
	margin-bottom:16px;
}
.column256b h1 { margin-bottom:12px; }
.column256b p {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.5em;
	margin-bottom:16px;
}
.column256 table tr td {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.3em;
	padding-bottom:14px;
	width:206px;
}
.column256 table tr td.price {
	vertical-align:bottom;
	padding-left:10px;
	width:50px;
}

.quotes {
	width:352px;
	float:left;
	margin-right:24px;
	font-size:115%;
}
.quotes p {
	text-align:center;
	margin-top:35px;
	line-height:29px;
}

.column392 {
	width:392px;
	float:left;
	margin-right:24px;
	font-size:85%;
}

.frame527 {
	position:relative;
	width:527px; height:440px;
	background: url(../media/common/frames/frame-527.gif) no-repeat 0px 0px;
}
.frame527v {
	position:relative;
	width:527px; height:440px;
	background: url(../media/common/frames/frame-527v.gif) no-repeat 0px 0px;
}



/* BOXES */
.boxes271 {
	width:238px;
	float:left;
	padding-left:12px; padding-right:12px;
}
.boxes271 h1, .column271 h1 {
	font-size:115%;
	text-align:center;
	margin-bottom:6px;
	font-weight:bold;
}
.boxes271 p, .column271 p {
	font-size:70%;
	line-height:1.5em;
	text-align:center;
}
.boxes271 a { text-decoration:none; }
.boxes271 a:hover { text-decoration:underline; }


.borderLR {
	border-left:1px solid #fff;	border-right:1px solid #fff;
}

.photoCont .column271 { margin-right:20px; }

div.twoCol { width:546px; margin:0px auto; }
div.twoCol div { width:258px; float:left; font-size:90%; line-height:1.6em; text-align:justify;  }


/* Video */
#fVideo {
	position:absolute;
	height:360px;
	top:40px; left:49px;
	z-index:8;
	background-color:#fff;
}

/* Slideshows */
#slideshow {
	position:relative;
	height:344px;
}

#slideshow IMG {
	position:absolute;
	top:49px;
	left:49px;
	z-index:8;
}

#slideshow IMG.active {
	z-index:10;
}

#slideshow IMG.last-active {
	z-index:9;
}


/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
 
.nav {
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display:block;
	
}

.nav li ul {
	width:105px;
	background:#57181b url(../media/common/dropdown-bg.gif) no-repeat 0px 0px;
	padding:6px 0px 6px 0px;
}

.nav li {	margin:0px 6px 0px 6px; }
.nav li.start { margin-right:0px; }
.nav li.end { margin-left:0px; }
 
.nav li a:hover {}

#nav-one li:hover a, 
#nav-one li.sfHover a {}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {}

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {}

.nav li ul li {
	font-size:70%;
	line-height:1.6em;
}
 
.nav ul {
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
	z-index:10;
	list-style:none;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 15px;
	z-index:10px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border-bottom: 0;
  white-space: nowrap;
}
.nav ul a:hover {}


/* Friends of the Troc */
.friends {
	background: url(../media/the-wall/friends-frame.gif) no-repeat 0px 0px;
	width:839px; height:439px;
	float:left;
	margin:0px 20px 0px 20px;
	position:relative;
}
.share {
	position:absolute;
	top:25px; left:682px;
}
.joinIn {
	position:absolute;
	top:27px;
	left:32px;
}
.joinIn a {
	color:#333;
	font-size:85%;
}
.friends h1 {
	color:#000;
	font-size:120%;
	text-align:center;
	border-bottom:1px solid #626365;
	padding:0px 0px 9px 0px; margin:23px 30px 11px 30px;
}
.friendsView {
	width:773px; height:330px;
	margin:0px auto;
	overflow:hidden;
}
.friendBox {
	width:120px; height:205px;
	float:left;
	margin:0px 18px 0px 0px;
	text-align:center;
}
.friendBox .friendPhoto {
	width:120px; height:148px;
	margin:0px 0px 3px 0px;
}
.friendBox h2 {
	font-size:65%;
	color:#000;
	margin:3px 0px 3px 0px;
	text-align:center;
}
.friendBox p {
	font-size:65%;
	color:#000;
	text-align:center;
}

/* Contact Form */
.contact {
	width:400px;
	float:left;
	font-size:85%;
}
.contact h1, .column392 h1 {
	font-weight:bold;
	line-height:1.4em;
}
.contact p, .column392 p {
	line-height:1.4em;
	margin-bottom:18px;
}
.contact table {
	width:393px;
	font-size:90%;
}
.contact table tr td { padding-bottom:7px; }
.contact table tr td.label {
	width:136px;
	vertical-align:middle;
}
.contact table tr td.input {
	width:257px;
	text-align:left;
}
.contact table tr td.input input, .contact table tr td.input textarea {
	width:251px; height:11px;
	background-color:#861c24;
	border:none;
	padding:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
}
.contact table tr td.input textarea {
	height:67px;
	resize:none;
}
.contact table tr td.enquiry { vertical-align:top; padding-top:5px; }
.contact table tr td input.submit { width:52px; height:17px; cursor:pointer; padding:0px; margin:0px 0px 0px 183px; }

/* Bar Talk */
.barTalk {
	width:613px; height:400px;
	float:left;
}
.barTalk .entry {
	width:549px;
	margin-bottom:24px;
}
.barTalk .entry h1 {
	font-weight:bold;
	font-size:110%;
	margin-bottom:8px;
}
.barTalk .entry p {
	font-size:85%;
	margin-bottom:6px;
	line-height:1.5em;
}

.barTalkSearch {
	width:130px; height:400px;
	float:left;
	margin-left:24px;
	font-size:75%;
	line-height:18px;
}
.barTalkSearch h2 {
	font-weight:bold;
	margin-bottom:3px;
}
.barTalkSearch ul { margin-bottom:16px; }
.barTalkSearch ul li {
	margin-bottom:2px;
}
.barTalkSearch ul li a { text-decoration:none; }
.barTalkSearch ul li a:hover { text-decoration:underline; }
.barTalkSearch input.search {
	width:100px; height:17px;
	background-color:#9c3024;
	border:none;
	border:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90%;
	float:left;
}
.barTalkSearch .sub {
	float:left;
}
.barTalkSearch form {
	margin-bottom:16px;
}

.scroll-pane {
	width:613px; height:440px;
	overflow:hidden;
}


span.checkbox {
	width: 15px;
	height: 17px;
	padding: 0 5px 0 0;
	background: url(../media/common/forms/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

/* Media Frame */
.mediaFrame {
	width:368px; height:326px;
	background: url(../media/contact-us/media-frame.gif) no-repeat 0px 0px;
	padding:56px 0px 0px 52px; margin:0px 0px 0px 16px;
	float:left;
}
.mediaFrame div {
	margin:0px 13px 13px 0px; padding:0px;
	width:95px; height:69px;
	float:left;
}

/* Google Map */
.gMap {
	width:751px; height:390px;
	background: url(../media/location/map-frame.gif) no-repeat 0px 0px;
	float:left;
	margin-right:16px;
	padding:49px 0px 0px 49px;
}
.gMap p {
	margin-top:56px;
	padding-right:49px;
	color:#fff;
	text-align:center;
	font-size:80%;
}

.at15t {
	color:#333 !important;
}

.pdf {
	height:39px; width:250px;
	margin-top:16px;
}
.pdf .icon {
	width:54px; height:39px;
	background: url(../media/our-food/pdf-icon.png) no-repeat 0px 5px;
	float:left;
}
.pdf .copy {
	width:196px; height:26px;
	float:left;
	font-size:80%;
	padding-top:13px;
}
.pdf a:hover { text-decoration:underline; }

table.pagination { width:670px; }
table.pagination tr td { color:#333; font-size:75%; line-height:1.2em; height:25px; }
table.pagination tr td a { color:#333; }
table.pagination td.prev { width:25%; text-align:left; }
table.pagination td.pages { width:50%; text-align:center; }
table.pagination td.next { width:25%; text-align:right; }

/* Helpy Helper styles */
.clearB { clear:both; }
.noM { margin:0px 0px 0px 0px !important; }
.noB { border:none !important; }
.smb { margin-bottom:18px !important; }
.smr { margin-right:30px; !important; }
.la * { text-align:left !important; }