/* CSS Document */

body {
	background-color:#313738;
	padding:0;
	margin:0;
	left:0;
	top:0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	z-index: 0;
  position:relative;
  left:0;
  bottom:0;
}
#outer{
	width:816px;
	margin: auto;
	text-align: left;
}
#inner{
	width:800px;
	padding-right:8px;
	padding-left:8px;
	background-image:url(../images/glow-bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	background-color:#000000;
	color: #FFFFFF;
	position: relative;
}
#footer a {
	color: #8e8e8e;
	text-decoration: none;
}
a {
	color: #6596AC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


#footer{
	background-image:url(../images/glow-btm.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:800px;
	padding-right:8px;
	padding-left:8px;
	padding-top:5px;
	height:15px;
	font-size:10px;
	color:#8e8e8e;
	line-height:14px;
}
#nav {
	display: inline;
	float: left;
	height: 404px;
	width: 147px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313738;
	padding-left: 17px;
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
	margin-right: 17px;
}
form {
	margin: 0px;
	padding: 0px;
}
.formbox {
	color: #699AB1;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.button:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF !important;
}
table {
	margin-bottom: 15px;
}


.button {
	color: #FFFFFF;
	background-color:#000000;
	text-decoration: none;
	display: inline;
	clear: both;
	float: left;
	width: 150px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 10px;
	padding-top: 3px;
}
.alignright {
	text-align: right;
}


#nav a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 21px;
	width: 147px;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#nav a:hover {
	color: #6C9FB7;
	text-decoration: none;
}



.clear {
	clear: both;
}
#mail-top {
	display: inline;
	float: right;
	height: 25px;
	width: 619px;
	text-align: right;
}
#bottomsect {
	width: 800px;
	background-position: right top;
	background-repeat: repeat-y;
	float: left;
	display: inline;
	position: relative;
}




	
#footer .paddingright {
	padding-right: 15px;
}
#flashimage {
	display: inline;
	float: right;
	height: 390px;
	width: 619px;
	position: relative;
	z-index: 3;
}
#rhsdetail {
	background-color: #000000;
	width: 222px;
	display: inline;
	float: right;
	clear: right;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 25px;
	border-left: 1px solid #313738;
}
#lhsdetail {
	background-color: #000000;
	width: 156px;
	display: inline;
	float: left;
	clear: right;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 25px;
	border-left: 1px solid #313738;
}

h1 {
	font-size: 22px;
	color: #6c9fb7;
	font-weight: normal;
	padding-top: 0px;
	margin: 0;
	padding-bottom: 12px;
	line-height: normal;
}
h3 {
	font-size: 15px;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 5px;
}

p {
	margin: 0px;
	padding-bottom: 15px;
}


.nopadd {
	margin: 0px;
	padding: 0px;
}

#logolink {
	float: left;
	padding-bottom: 17px;
	display: inline;
	padding-top: 17px;
	width: 181px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}
#nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 147px;
	float: left;
	display: block;
}

h2 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	padding-top: 0px;
	margin: 0;
	padding-bottom: 12px;
	line-height: normal;
}

h2 a {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	padding-top: 0px;
	margin: 0;
	padding-bottom: 12px;
	line-height: normal;
	text-decoration:none;
}

#offer, #offer-grill {
	height: 130px;
	width: 235px;
	display: inline;
	float: right;
	padding-left: 12px;
	cursor: #ffffff;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 260px;
}

#offer {
	background-image: url(../images/id-offer-bg.gif);
}

#offer-grill {
	background-image: url(../images/blueoffer-bg.gif);
}

#offer h2, #offer2 h2, #offer-grill h2 {
	padding-bottom: 5px;
	line-height: 20px;
}
#offer p, offer-grill p, #offer2 p {
	padding-bottom: 5px;
	line-height: 14px;
}

#offer3 h2 a:link, #offer4 h2 a:link {
 color:#000000;
}

#offer p a:link, #offer-grill p a:link, #offer3  p a:link, #offer4  p a:link {
 color:#ffffff;
}

#offer h2 a:hover, #offer-grill h2 a:hover, #offer3 h2 a:hover, #offer4 h2 a:hover {
 color:#000000;
}

#offer h2 a, #offer h2 a:hover {
	color: #ff0000;
}

#offer p a:hover, #offer-grill p a:hover, #offer3 p a:hover, #offer4 p a:hover {
 color:#ffffff;
}

#offer3 h2 a:visited, #offer4 h2 a:visited {
 color:#000000;
}

#offer p a:visited, #offer-grill p a:visited, #offer3  p a:visited, #offer4  p a:visited {
 color:#ffffff;
}

#textarea {
	float: left;
	width: 355px;
	display: inline;
	padding-top: 12px;
	font-size: 12px;
	line-height: 18px;
	padding-right: 17px;
	padding-bottom: 10px;
}

#grilloffer2 {
	width: 235px;
	display: inline;
	float: right;
	clear: right;
	padding-left: 12px;
	background-color: #FFFFFF;
	color: #6c9fb7;
	padding-top: 10px;
	height: 310px;
}
#grilloffer2 img {
	padding-top: 12px;
	border-top: 1px solid #000000;
	float: right;
	margin-bottom: 10px;
	margin-top: 5px;
}

#book-offer {
	width: 235px;
	display: inline;
	float: left;
	clear: left;
	padding-left: 12px;
	background-color: #FFFFFF;
	color: #6c9fb7;
	padding-top: 10px;
}

#offer2 {
	width: 235px;
	display: inline;
	float: left;
	clear: left;
	padding-left: 12px;
	background-color: #FFFFFF;
	color: #6c9fb7;
	padding-top: 10px;
	height: 100px;
}

#offer2 img {
	padding-top: 12px;
	border-top: 1px solid #000000;
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
}

#offer3 {
	height: 100px;
	width: 235px;
	display: inline;
	float: right;
	padding-left: 12px;
	cursor: #ffffff;
	background-color: #6c9fb7;
}

#worldcupoffer {
	height: 157px;
	width: 246px;
	display: inline;
	float: left;
	cursor: #ffffff;
	background-color: #000000;
	margin-top: 10px;
	margin-bottom:10px;
}

#offer3 h2, #offer3 h2 {
	padding-bottom: 5px;
	line-height: 20px;
}
#offer3p, #offer3 p {
	padding-bottom: 5px;
	line-height: 14px;
}
#offer4 {
	height: 100px;
	width: 235px;
	display: inline;
	float: right;
	padding-left: 12px;
	cursor: #ffffff;
	background-color: #8ebcd2;

}
#offer4 h2, #offer4 h2 {
	padding-bottom: 5px;
	line-height: 20px;
}
#offer4 p, #offer4 p {
	padding-bottom: 5px;
	line-height: 14px;
}

.smltext{
	font-size:10px;
	letter-spacing: 0px;
	line-height: 11px;
}
#offerblankdiv {
	width: 235px;
	display: inline;
	float: right;
	clear: right;
	padding-left: 12px;
	padding-top: 10px;
	height: 283px;
}

.offerslink a {
color:#ffffff;
}
.offerslink a:hover {
color:#ffffff;
text-decoration:underline;
}

.blogQuestion {
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#FFFFFF;
}

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=8);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
	display: block;
	margin: 0 0 -1.25em 0.15em;
	padding: 0;
	color: #000000;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#shadow_1:before { 
  content: 'Offer'; 
}

#shadow_2:before { 
  content: 'View our Independence Day Set Menu'; 
}

/*\*/
html*.shadow {

  [color:black;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:black;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}



#voucher-outer {
	float:left;
	width:345px;
	color:#6C9FB7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border:3px solid #6C9FB7;
	padding:2px;
}

.voucher-inner, .voucher-inner-2 {
	float:left;
	width:345px;
	color:#6C9FB7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:320px;
	
}

.voucher-inner-2 {
	border-top:2px dashed #6C9FB7;
}

.voucher-large-text {
	color:#6C9FB7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
}