@charset "utf-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* fonts */
body { font:13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;}
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
/* base */
h1 { font-size:138.5%;}
h2 { font-size:123.1%;}
h3 { font-size:108%;}
h1, h2, h3 { margin:1em 0;  font-weight:200;}
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help; }
em { font-style:italic; }
blockquote, ul, ol, dl { margin:1em; }
ol, ul, dl { margin-left:2em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
p, fieldset, table, pre { margin-bottom:1em; }
input[type=text], input[type=password], textarea { width:12.25em; *width:11.9em;
}
/* skin */
body { background:#000 url(/images/background.jpg) repeat-x; }
#container { width:100%; height:100%; min-height:550px; background:url(/images/margin.jpg) no-repeat; }
#logo{
position:absolute; 
top:40px;
left:126px;
width: 185px;
height:160px;
cursor:pointer;
}

#MainMenu { position:absolute; background:#000 url(/images/glare.gif) top left no-repeat; top:230px; left:126px; width: 185px; color:white; padding:37px 0; }
#MainMenu h2{padding:0 20px; margin:0; font-size:16px; font-weight:200;}
#MainMenu ul li{list-style:none; font-size:12px;}
#MainMenu a, #MainMenu a:visited {color:#cbcf78; text-decoration:none; display:block; line-height:1.5em}
#MainMenu a:Hover{color:#FFF;}
#MainCol { margin-left:313px; padding-right:20px; position:relative; width:578px; color:#333333; background:url(/images/shade.png) right repeat-y }
#MainCol a { color:#333399 }
#MainCol a:visited { color:#990000 }
#Masthead { height:231px; width:578px; overflow:hidden;}
#MainContenthome { background:#FFFFFF; padding:10px 20px; min-height:230px; }
#MainContent { background:#FFFFFF; padding:10px 20px; min-height:310px; }
#BottomMenu { text-align:center }
#BottomMenu a, #BottomMenu a:visited { color:#cbcf78; text-decoration:none; padding:0 .7em; line-height:2em; }
#Shadow { position:absolute; left:312px; height:100%; top:0; width:20px; display:block; background:url(/images/shade.png); }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input, textarea, select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder, input:focus.noBorder, input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888;
}

input.radio {
  background: none;
  border: 0px;
}

#promos {   
width:170px;
height:220px;
position:absolute;
top:260px;
left:10px;
border:solid black 1px;
background:#000000;
}

#promos h2{
text-align:left;
padding:0px 0 10px 0;
font-size:14px;
}

#promos p{
text-align:left;
padding:0px 0 10px 0;
font-size:11.5px;
}

#promos img{
padding:0px 0 10px 0;

}

#formarea {
	width:600px;
	margin:0px 0px 0px 10px;

}


#formarea p {
	width:535px;
	line-height:18px;
}

#formarea ul {
	list-style:none;
	padding:0;
	margin:0;
}
#formarea li {
	list-style:none;
	padding:5px 0;
	margin:0;
}

#formarea textarea {
width:300px;
height:30px;
}

#formarea .question {
	width:100px;
	float:left;
}
#formarea .answer {
	width:400px;
	float:left;
}
#formarea .clearquestion {
	clear:both;
}
#formarea #columnleft {
	width: 260px;
	float:left;
}
#formarea #columnright {
	width: 260px;
	float: right;
}
#formarea #columnleft p, #formarea #columnright p {
	width: 200px;
	list-style: none;
	padding: 5px 0;
	margin: 5px 0;
	float:left;
	border-bottom:1px #CCC solid;
}
#formarea .restaurantname {
	width: 170px;
	float: left;
}
#formarea .restaurantselect {
	width: 20px;
	float: right;
}
#formarea .clearrest {
	clear:both;
}