/* DEFAULT STYLE SHEET!!! */

body
{
	
	position:absolute;
	background-color: #FFF;
	left: 0px;
right: 0px;
height: 100%;
width: 0%;
	

}

body, table, tr, td, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	/* font-size: 1.1em;
	line-height: 1.3em; */
	font-size: 16px;
	line-height: 18px;
}

h1 {
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	margin-top: -8px
}

h2 {
	font-size: 1.6em;
	margin-top: -22px;
	margin-bottom: 10px;
}

FORM {
	margin:0;
}

/* **** MENU LAYOUT CLASS DEFINITIONS **** */

.menuItem {  /*Dark Grey background for menu items*/
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #6C6A66;
	padding: 4px 7px 5px 8px;
}

.menuItemLt {  /*light grey background*/
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #8A8882;
	padding: 4px 7px 5px 8px;
}

.menuDesc { /*text style for menu descripts -- no background color*/
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 7px;	
}

.menuOrange {  /*Orange Background*/
	background-color: #FFDFA8;
	margin-bottom: 3px;
	padding: 3px 0px;
}

.menuLtOrange {  /*Light Orange Background*/
	background-color: #FFEFCF;
	margin-bottom: 3px;
	padding: 3px 0px;
}

.menuGreen {  /*Green background*/
	background-color: #DBDF94;
	margin-bottom: 3px;
	padding: 3px 0px;
}

.menuLtGreen {  /*Light Green background*/
	/* background-color: #dfd78f; */
	background-color: #F1F3C1;
	margin-bottom: 3px;
	padding: 3px 0px;
}

.menuPrice {  /*dark grey background*/
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 16px;
}

p {
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
	text-decoration: none;
}

li {
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	list-style-image:url(http://wichcraftnyc.com/wc_images/post_list.gif);
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	text-decoration: none;
}

a:link {
	color:#bed600;
	text-decoration: none; 
	}

a:visited {
	color: #bed600;
	text-decoration: none; 
	}

a:hover {
	color: #333333;
	text-decoration: none; 
	}

a:active {
	color: #b3b31a;
	text-decoration: none; 
	}

.nav a:link {
	color:#ffffff;
	text-decoration: none; 
	}

.nav a:visited {
	color: #ffffff;
	text-decoration: none; }

.nav a:hover {
	color: #333333;
	border-bottom: 0px solid #333333; 
	text-decoration: none;
	}

.nav a:active {
	color: #ffcc00;
	text-decoration: none; 
	border-bottom: 2px solid #c3c300; 
	}


#foot a:link {
	color:#333333;
	text-decoration: none; }

#foot a:visited {
	color: #333333;
	text-decoration: none; }

#foot a:hover {
	color: #bed600;
	border-bottom: 0px solid #bed600; 
	text-decoration: none; }

#foot a:active {
	color: #ffcc00;
	text-decoration: none; 
	border-bottom: 2px solid #c3c300; }


.nav {
	position: relative; float: left;
	height: 36px;
	top: -35px;
	background: #bed600;
	color: #ffcc00;
	height: 31px; 
	margin-right: 10px;
	margin-top: 28px;
}

.image {
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}

.image a:link{
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}

.image a:hover{
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}

.image a:visited{
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}

.hidden {
	display: none;
}

#nav_container {
	position: absolute;
	top: 14px;
	left: 120px;
	width: 600px;
	margin-bottom: 30px;
}


.navinner {
	position: relative;
	float: left;
	margin-top: 7px;
	margin-left: 10px;
}	


#content hr {
	color: #bed600;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;
}

#container {
	width: 95%;
	margin: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
}

#sidebar-1 {
	float: left;
	width: 240px;
	margin-left: 0px;
	margin-right: 20px;
	padding-top: -10px;
	font-size: 10px;
	text-align: left;
}

#identity {
	position: absolute;
	top: 18px;
	left: 23px;
	z-index: 400;
	background-color: #ffffff; 
}


#content {
	position: absolute;
	top: 90px;
	left: 130px;
	width: 580px;
	padding: 10px;
	background-color: #ffffff; 
	z-index: 200; 
	border-right: 1px solid #bed600;
	border-left: 1px solid #bed600;
}

#contentbkgr {
	position: absolute;
	top: 70px;
	left: 270px;
	width: 580px;
	color: #ffffff;
	background-color: #ffffff;
	padding: 10px;
	filter:alpha(opacity=70); 
	-moz-opacity:.70; 
	opacity:.70; 
	z-index:180;
}

#ordernow {
	position: absolute;
	right: 0px;
	top: -7px;
	background: #c94d00;
	color: ##ffcc00;
	height: 31px;
}


.hoverwhite {
	color: #bed600; 
}

.hoverwhite a:hover {
	color: #ffffff;
}

#order {
	position: absolute;
	top: 0px;
	left: 140px;
	background-color: #c94d00;
	width: 175px;
	font-size: 18px;
	padding: 5px;
	z-index: 999;
}

#gobutton {
	height: 10px; 
	width: 30px; 
	vertical-align: center; 
	text-align: center;  
	font-style: bold; 
	position: relative; 
	float: right; 
	font-size: 1.2em;
	margin-top: -5px;
}

.gobutton a:hover{
	color: #ffffff;
}

#foot {
	position: absolute;
	top: 380px;
	left: 42px;
	z-index: 667;
}

.subnav {
	font-size: 12px;
	line-height: 18px;
}

.subnav a:link {
	color: #333333;
	padding: 2px;
}

.subnav a:visited {
	color: #333333;
	padding: 2px;
}

#subnavOrder {
	font-size: 12px;
	line-height: 18px;
	color: #c94d00;
	}

#subnavOrder a:link {
	color: #c94d00;
	padding: 2px;
	}

#subnavOrder a:visited {
	color: #c94d00;
	padding: 2px;
	}

#subnavOrder a:hover {
	color: #bed600;
	border-bottom: 0px solid #bed600; 
	text-decoration: none; 
	}

#subnavOrder a:active {
	color: #ffcc00;
	text-decoration: none; 
	border-bottom: 2px solid #c3c300; 
	}


#excerpt {
	border-top: 1px dotted #bed600; 
	margin: 3px 0px 3px 0px; 
	padding: 0px 0px 6px 0px;
	font-size: .9em;
}

#question {
	margin: -10px 0px -10px 0px;
}


#accessibility {
	position: absolute;
	top: -10000px;
}

#headcontainer {
	position: absolute;
	top: 10px;
	left: 10px;
}

#headcontainer4 {
	position: absolute;
	top: 210px;
	left: 10px;
}

#imagecontainer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 180px;
	background-color: #bed600;
}


#whitebackground {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 450px;
	background-color: #ffffff;
}

#imagecontainer2 {
	position: fixed;
	bottom: 10px;
	left: 0px;
	top: 480px;
	width: 100%;
	height: 200px;
	background-color: #bed600;
}

#imagecontainer3 {
	position: absolute;
	left: 760px;
	top: 0px;
	width: 240px;
	overflow: hidden;
	background-color: #bed600;
}

#imagecontainer4 {
	position: absolute;
	top: 10px;
	left: 120px;
	top: -202px;
	width: 860px;
	height: 200px;
	background-color: #bed600;
}

#bottomcontainer {
	position: absolute;
	bottom: 210px;
	left: 60px;
}

#subnavcontainer {
	position: absolute;
	top: -30px;
	left: 0px;
}

#footer {
	position: fixed;
	bottom: 220px;
	left: 10px;
	width: 155px;
	border: 1px dotted #bed600;
	background-color: #ffffff;
	height: 70px;
	padding: 5px;
}

.ingredient {
	float: right;
	position: fixed;
	border-left: 1px dashed #bed600;
	border-right: 1px dashed #bed600;
	font-size: 12px;
	line-height: 17px;
	top: 80px;
	left: 750px;
	width: 200px;
	padding: 4px 14px 4px 14px;
}

.newsbox {
	float: right;
	position: fixed;
	top: 80px;
	left: 750px;
	background-color: #ffffff;
	border-left: 1px dashed #bed600;
	border-right: 1px dashed #bed600;
	width: 200px;
	padding: 4px 14px 4px 14px;
}

.newsitem {
	font-size: 12px;
	line-height: 17px;
}

.gallery {
	font-size: 14px;
	line-height: 28px;
	text-align: center;
}

#careerOp {
	position: relative; 
	top: -10px; 
	left: -15px;
}

#ssExample {
	position: relative;
	border: 5px solid #F2F2F2;
	width: 500px;
	height: 374px;
}


#slideshowIE {
	position: relative;
	border: 0px solid #000;
	width: 580px;
	height: 300px;
}

.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 580px;
	height: 300px;
	background-color: #DBDF94;
	background-position: center center;
	background-repeat: no-repeat 
}





/* -- -- PAGE-BOTTOM IMAGE DEFINITIONS -- -- */



/* HOME IMAGES */

#image01home {
	height: 200px;
	width: 100%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://www.eadnyc.com/projects/wichcraft/wc_images/homepage/homewrap.jpg);}
#image02home {
	height: 200px;
	width: 34%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://www.eadnyc.com/projects/wichcraft/wc_images/homepage/homewrap.jpg);}
#image03home {
	height: 200px;
	width: 34%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://www.eadnyc.com/projects/wichcraft/wc_images/homepage/homewrap.jpg);}



/* LOCATIONS IMAGES */

#image01locations {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/5.jpg);}
#image02locations {
	height: 200px;
	width: 30%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/6.jpg);}
#image03locations {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/7.jpg);}



/* FOOD IMAGES */

#image01food {
	height: 200px;
	width: 32%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/8.jpg);}
#image02food {
	height: 200px;
	width: 36%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/9.jpg);}
#image03food {
	height: 200px;
	width: 32%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/10.jpg);}




/* CATERING IMAGES */

#image01catering {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/11.jpg);}
#image02catering {
	height: 200px;
	width: 30%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/12.jpg);}
#image03catering {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/13.jpg);}




/* ABOUT US IMAGES */

#image01aboutus {
	height: 200px;
	width: 34%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/14.jpg);}
#image02aboutus {
	height: 200px;
	width: 32%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/15.jpg);}
#image03aboutus {
	height: 200px;
	width: 34%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/16.jpg);}




/* CAREERS IMAGES */

#image01careers {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/17.jpg);}
#image02careers {
	height: 200px;
	width: 30%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/18.jpg);}
#image03careers {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/19.jpg);}




/* PRESS IMAGES */

#image01press {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/20.jpg);}
#image02press{
	height: 200px;
	width: 30%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/21.jpg);}
#image03press {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/22.jpg);}




/* COMMUNITY IMAGES */

#image01community {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/23.jpg);}
#image02community {
	height: 200px;
	width: 25%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/24.jpg);}
#image03community {
	height: 200px;
	width: 40%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/25.jpg);}




/* CONTACT IMAGES */

#image01contact {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/26.jpg);}
#image02contact {
	height: 200px;
	width: 30%;
	position: relative;
	float: left;
	background-color: #9D9B00;
	background-image: url(http://wichcraftnyc.com/images/27.jpg);}
#image03contact {
	height: 200px;
	width: 35%;
	position: relative;
	float: left;
	background-color: #bed600;
	background-image: url(http://wichcraftnyc.com/images/28.jpg);}






.number {
	font-size: .6em;
	color: #c3c300;
	font-style: bold;
}

.definition {
	font-size: 1.4em;
	line-height: 1.4em;
}

img.divider
{
	align: left;
	margin-top: 2em;
	margin-bottom: 2em;
}

.comments_error
{ 
	background-color: #ffa 
}

div.comments_error
{
	border: 1px solid #cc8;
	padding : 0.3em;
}

