/*

	ANCHOR RESTAURANT SUPPLY by CONNEXIA CONSULTING
	VERSION 1.0
	
	CONTENTS 
	----------
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.LAYOUT
	   6.HOMEPAGE
	   7.FOOTER
	   8.NAVIGATION
	   9.FORM
    -------------------
    
    COLORS 
	-----------
        Blue #9cbac9
        Red #a41e22
		White #FFF
		Black #000 
    -------------------
*/

/* 1.BODY/DEFAULT SETTINGS
---------------------------------------------------------------------- */

body {
	background-color: #9cbac9;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}
a:link, a:visited { 
	text-decoration:underline; 
	color:#a41e22;
}
a:hover {
	text-decoration:none;
}

/* 2.HEADINGS
---------------------------------------------------------------------- */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#a41e22;
	font-variant: small-caps;
	background:#fff url(images/PageHeaderLine.gif) no-repeat left bottom;
	padding-bottom:8px;
}
h2 {
	background:#fff url(images/HeaderBackground.gif) repeat-y;
	color:#fff;
	font-size:16px;
	font-variant: small-caps;
	width:400px;
	height: 30px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	
}

/* 5.LAYOUT
---------------------------------------------------------------------- */
#contentbox {
	float:left;
	width:100%;
	margin-top:10px;
	padding-top:40px;
	border:0px solid orange;
	background:#fff url(images/contenttop.gif) repeat-x center top;
}
#contentbox .left {
	float:left;
	width:40%;
	border:0px solid yellow;
	margin:10px auto auto 20px;
	padding-left:30px;
}
#contentbox .right {
	float:right;
	border:0px solid blue;
	height:80px;
	margin:10px auto auto 20px;
	width:50%;
}
#content {
	clear:right;
	width:85%;
	margin:20px auto;
	padding-top:10px;
	background: url(images/biganchor.gif) no-repeat right bottom;
	border:0px solid red;
}
#thinline {
	margin: 2px auto;
	padding: 0;
	height: 5px;
	background:#a41e22;
	width:80%;
}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}

#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:0 auto; width:400px}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#9cbac9;}
.xb1 {margin:0 5px; background:#9cbac9;}
.xb2 {margin:0 3px; }
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	display:block;
	background:#9cbac9;
	color:#a41e22;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	padding:5px 0 5px 0;
	margin:0;
	line-height: 1.5em;
	font-weight: bold;
}
/*google map*/
#map {
	margin:10px auto;
	border:1px solid #7c4e14;
	color: #a41e22;
}

/* 6. HOMEPAGE
---------------------------------------------------------------------- */
#homecontent {
	clear:right;
	width:85%;
	margin:20px auto;
	padding-top:10px;
	border:0px solid red;
}
#HomeMastHead {
	height:117px;
	margin:0 auto;
	border:0px solid yellow;
	text-align:center;
}
.logo {
	margin:0 auto;
	border:0px solid blue;
	width:100%;
	float:left;
}
#photos {
	border:0px solid orange;
	margin: 2px auto;
	padding: 0;
	width:80%;
	text-align:center;
}
.holiday {
	width:200px;
	height:117px;
	float:right;
	margin-top:-117px;
	border:0px solid green;
}
#Homexsnazzy h1, #Homexsnazzy h2, #Homexsnazzy p {margin:0 10px; letter-spacing:1px;}

#Homexsnazzy p {padding-bottom:0.5em;}
#Homexsnazzy h2 {padding-top:0.5em;}
#Homexsnazzy {background: transparent; margin:0 auto; width:80%}

.Homextop, .Homexbottom {display:block; background:transparent; font-size:1px;}
.Homexb1, .Homexb2, .Homexb3, .Homexb4 {display:block; overflow:hidden;}
.Homexb1, .Homexb2, .Homexb3 {height:1px;}
.Homexb2, .Homexb3, .Homexb4 {background:#9cbac9;}
.Homexb1 {margin:0 5px; background:#9cbac9;}
.Homexb2 {margin:0 3px; }
.Homexb3 {margin:0 2px;}
.Homexb4 {height:2px; margin:0 1px;}

.Homexboxcontent {
	display:block;
	background:#9cbac9;
	color:#a41e22;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:5px 0 5px 0;
	margin:0;
	line-height: 1.3em;
	text-align:center;
}

/* 7. FOOTER
---------------------------------------------------------------------- */
#footer{
	float:left;
	width:100%;
	margin-top:0px;
	padding-top:40px;
	background: url(images/contentbottom.gif) repeat-x center top;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}  
#footer ul {
	width:75%;
    clear:both;
	margin:0 auto;
	text-align:center;
}
#footer ul li {
   list-style:none;
   display:inline;
   margin:0;
   padding:2px;
}
#footer ul li a {
   color:#000;
   text-decoration:underline;
}
#footer ul li a:hover {
   text-decoration:none;
}
#footer .copyright {
	width:90%;
	margin:0 auto;
	text-align:center;
}
/* 8.NAVIGATION
---------------------------------------------------------------------- */
#centeredmenu {
   float:left;
   width:100%;
   background: url(images/MenuBack.gif) repeat-x;
   overflow:hidden;
   position:relative;
   font-size:15px;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center; 
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:10px 10px 4px 10px;
   height:30px;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   border-right:1px solid white;
}
#centeredmenu ul li a:hover{
	color:#000;
	background: #fff url(images/menuarrow.gif) no-repeat center 30px;
	padding:10px 10px 4px 10px;
}
#centeredmenu ul li a.active
 {
 color:#fff;
 background: #000 url(images/ActiveMenuArrow.gif) no-repeat center 30px;
}
#centeredmenu .leftline
{
border-right:1px solid #fff;
height:44px;
}
/* 9.FORM
---------------------------------------------------------------------- */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  padding: 0;
  min-width: 300px;
  max-width: 500px;
  width: 560px; 
  text-align:left;
  color:#000;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: 1px solid #a41e22;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#a41e22;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.bold {
	font-weight:bold;
}
#smallform {
width:200px;
}
#smallform form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  width:300px;
}