@charset "UTF-8";
/* CSS Document */

/****** FORMATTING ******/
* {
margin:0px;
padding:0px;
}
.clear {
clear:both;
}
img {border:0;}
body {
background-image:url(images/bkgrd.jpg);
background-repeat:repeat;
background-color:#000;
overflow-y:scroll;
}
#marginWrap {
margin: 0px auto;
width: 800px;
}
#floatWrap {
float:left;display:inline;
}

/****** HEADER ******/
#header {
float:left; display:inline;
background:url(images/header2.jpg);
width: 800px;
height: 151px;
}
.header-link {
display:block;
width: 800px;
height: 151px;
visibility:hidden;
}
#header a {
text-decoration:none;
}

/****** NAVIGATION ******/
#menu {
}
.location {
background:url(images/location.jpg);
width: 138px;
height: 132px;
float:left;display:inline;
}
.location span {
display:none;
}
.location a {
text-decoration:none;
}
.about {
background:url(images/about2.jpg);
width: 127px;
height: 132px;
float:left;display:inline;
}
.about span {
display:none;
}
.about a {
text-decoration:none;
}
.menu {
background:url(images/menu.jpg);
width: 133px;
height: 132px;
float:left;display:inline;
}
.menu span {
display:none;
}
.menu a {
text-decoration:none;
}
.news {
background:url(images/news.jpg);
width: 130px;
height: 132px;
float:left;display:inline;
}
.news span {
display:none;
}
.news a {
text-decoration:none;
}
.bar {
color:#4f0000;
}
.gallery {
background:url(images/gallery2.jpg);
width: 133px;
height: 132px;
float:left;display:inline;
}
.gallery span {
display:none;
}
.gallery a {
text-decoration:none;
}
.contact {
background:url(images/contact2.jpg);
width: 139px;
height: 132px;
float:left;display:inline;
}
.contact span {
display:none;
}
.contact a {
text-decoration:none;
}

/****** CONTENT ******/
#content {
float: left; display:inline;
background:url(images/content-bg.jpg);
background-repeat:repeat-y;
width:800px;
}
#maincontent {
background:url(images/content-bgtop.jpg) top no-repeat;
width:740px;
padding: 10px 30px;
}
#content h2, h3, p, span, ul {
font-family:verdana, Arial, sans-serif;
color:#000;
padding-bottom: 5px;
line-height: 1.5;
}
#content h2 {
font-size:16px;
padding: 2px;
}
#content h3 {
font-size:14px;
padding: 2px;
}
#content p {
font-size:12px;
}
#content a {
color:#250301;
text-decoration:none;
}
#content a:hover {
color:#4b0000;
text-decoration:none;
}
#content li {
font-size:12px;
list-style:none;
padding-left: 20px;
}
.divide {
background-color:#390104;
width:740px;
height:1px;
margin-top: 5px;
margin-bottom: 5px;
}
img {
margin: 4px;
}
.readmore {
vertical-align:top;
font-style:italic;
font-weight:bold;
}
#menuoutline {
outline: solid black 4px;
}
.menutop {
background:url(images/menu-top.jpg) no-repeat;
width: 740px;
height: 50px;
}
.menubot {
background:url(images/menu-bottom.jpg) no-repeat;
width: 740px;
height: 50px;
clear:both;
}
/*.menubg {
float:left; display:inline;
background-image:url(images/menu-scroll.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#fffddd;
width: 740px;
}*/
.menubg span {
color:#085e39;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}
.menubg p {
padding: 0 15px 0 20px;
line-height:1.5;
}
.menuleft {
float:left; display:inline;
width: 340px;
padding-left: 10px;
}
.menuright {
float:left; display:inline;
width: 340px;
padding-right: 10px;
}
.menuverticle {
float:left; display:inline;
background-color:#390104;
margin:10px;
width: 1px;
}
.menuhorizontal {
float:left; display:inline;
background-color:#390104;
margin:30px;
width: 680px;
height:1px;
}

/****** FORM ******/
.shadeform {
font: 13px arial, verdana, sans-serif;
text-align: left;
}

/****** FOOTER ******/
#bottom {
float: left; display:inline;
background:url(images/content-bgbot.jpg);
width: 800px;
height: 1px;
}
#footer {
float: left; display: inline;
padding: 10px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#000;
width: 800px;
}
#footer span {
color:#FF9900;
}
#footer div {
padding: 5px 0 10px 0;
}
#footer a {
color:#FF9900;
text-decoration:none;
}
#footer a:hover {
color:#FFCC00;
}

.progressBar{
	width:216px;
	height:41px;
	background:url(http://www.charleygs.com/images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(http://www.charleygs.com/images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(http://www.charleygs.com/images/bg_cover.gif) repeat-x 0 0;
	top:0;
	left:0;
}

#subjectLabel{
  color: #2a2a2a;
  font-weight:bold;
  margin: 0 20px 0 0;
}

input[type=text]{
  margin: 4px 0 1px 10px; 
  height:18px;
  width:200px;
}

#progressText{
  color: white;  
  text-align:right;
  width: 215px;
}
#progressFail{
  color: white;
  text-align:right;
  width: 215px;
}




/*** NEW MENU STYLES ***/


.smallmenu img {
width:112px;
}
.bigmenu img {
width:112px;
}

.menu-appetizers, .menu-soups, .menu-drinks, .menu-desserts, .menu-entrees, .menu-business, .menu-allen {
float:left;display:inline;width:670px;
margin:0 0 30px 30px;padding:0px 0 0 20px;
}
.menu-appetizers {
background:url(images/label-appetizers.jpg) 0 8px no-repeat;
}
.menu-soups {
background:url(images/label-soups.jpg) 0 8px no-repeat;
}
.menu-entrees {
background:url(images/label-entrees.jpg) 0 8px no-repeat;
}
.menu-business {
background:url(images/label-business.jpg) 0 8px no-repeat;
height:220px;
}
.menu-allen {
background:url(images/label-allen.jpg) 0 8px no-repeat;
height:220px;
}
.menu-desserts {
background:url(images/label-desserts.jpg) 0 3px no-repeat;
height:105px;
}
.menu-drinks {
background:url(images/label-drinks.jpg) 0 -18px no-repeat;
height:105px;
}




/*** Feedback ***/
#commentForm {
margin: 30px 0 60px 0;;
display:block;
font:bold 12px verdana;
}
#commentForm label {
font-weight:900;
width: 90px;text-align:right;
display:inline-block;width:130px;
vertical-align:top;
padding: 5px 0;
}
#commentForm input {
width:200px;
}
#commentForm em {
color: #f00;
display:inline;
}
#commentForm label.error {
color:#cc0000;text-align:left;
width:240px;
padding: 0 0 0 10px;
}
.required, .cphone {
width:300px;
}
#commentForm p {
padding-top:6px;font-weight:normal;
float:left;display:inline;padding-left:135px;padding-bottom:0;
}
#commentForm .submit {
float:left;display:inline;clear:both;
margin:4px 0 0 129px;width:70px;
}


/* New Menu 2010 */

.menu-section {float:left;display:inline;margin-bottom:40px;padding:0 20px 0 50px;width:665px;}
.menu-section p {margin:0;padding:0;}
.menu-section h2 {margin:0;padding:0 !important;text-transform:uppercase;font-size:13px !important;text-decoration:underline;}
.menubg h1, .menubg h3 {color:#000;font:bold 16px verdana;}
.menubg .small {text-decoration:none !important;}
.menubg {float:left; display:inline;background:#fff;width:740px;}
.menubg span {color:#085e39;font-weight:bold;font-size:10px;text-transform:uppercase;}


