/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS background: url(../images/bg-header.jpg) top repeat-x;
---------------------------------------------
*/ 
* {
	margin:0; padding:0;
}

body {	
	
	margin: 0px;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


#background_footer {background: url(../images/bg-footer2.gif) bottom repeat-x;}
#background_footer_tall {background: url(../images/bg-footer.gif) bottom repeat-x;}

#main { 
	margin:0 auto;
	width:849px;
}

.clear  { clear:both;}

.graybox2_link{
	border: 1px solid #e9e9e9;
}


/*
---------------------------------------------
02. LINKS 
462b0e
#A32C0E
---------------------------------------------
*/	

a { color: #462b0e; text-decoration: underline; }
a:hover, a:focus { color: #A32C0E; text-decoration:underline }
a:visited { color: #462b0e; }

a.linkBrown:link {color: #462b0e; text-decoration:none}
a.linkBrown:visited {color: #462b0e; text-decoration:none}
a.linkBrown:hover {color: #A32C0E;text-decoration:underline}

a.linkBrown_side:link {color: #5d3918; text-decoration:underline}
a.linkBrown_side:visited {color: #5d3918; text-decoration:underline}
a.linkBrown_side:hover {color: #A32C0E;text-decoration:underline}

a.linkBrown2:link {color: #472b0b; text-decoration:none}
a.linkBrown2:visited {color: #472b0b; text-decoration:none}
a.linkBrown2:hover {color: #472b0b;text-decoration:none}

a.linkBrown3:link {color: #D8CBC3; text-decoration:underline}
a.linkBrown3:visited {color: #D8CBC3; text-decoration:underline}
a.linkBrown3:hover {color: #A32C0E;text-decoration:underline}

a.linkBottom:link {color: #f5e0c8; text-decoration:none}
a.linkBottom:visited {color: #f5e0c8; text-decoration:none}
a.linkBottom:hover {color: #FFFFFF;text-decoration:none}

a.linkFooter:link {color: #FFFFFF; text-decoration:underline}
a.linkFooter:visited {color: #FFFFFF; text-decoration:underline}
a.linkFooter:hover {color: #FFFFFF;text-decoration:underline}


a.homelink5:link {color: #462b0e; text-decoration:none}
a.homelink5:visited {color: #462b0e; text-decoration:none}
a.homelink5:hover {color: #a42c0e;text-decoration:underline}

.galleryItem {
	padding: 0px;
	margin: 0px 41px 20px 0px;
	float:left;
	text-align: center;
	border: 4px solid #96755f;
}

.galleryItem2 {
	padding: 0px;
	margin: 10px 10px 10px 0px;
	float:left;
	text-align: center;
	border: 4px solid #96755f;
}

.galleryItemRite {	
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float:left;
	text-align: center;
	border: 4px solid #96755f;
}

.galleryItemRite2 {	
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float:left;
	text-align: center;
	border: 4px solid #96755f;
}

.graybox{ 
	border: 3px solid #e9e9e9;
}

.graybox2{
	border: 1px solid #e9e9e9;
}

.redbox2{
	border: 1px solid #F5B1B5;
}

.graybox3{
	border: 4px solid #96755f;
}

.graybox4{ 
	border: 1px solid #ADADAD;
}
.graybox5{ 
	border: 1px solid #9E745E;
}


/*
---------------------------------------------
03. NAVIGATION
---------------------------------------------
*/	

/*
#menu { height:40px;}
#menu li {float:left; font-size:14px; text-align:center;  display:block;}
#menu li a {color:#5a5a5d; text-decoration:none; font-weight:bold; font-size:14px; display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#ff0000; text-decoration:none;}
#menuHome { width:85px;}
#menuAbout { width:103px;}
#menuContact { width:118px;}
*/


.navigation {
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:15px;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
.navigation li {
-x-system-font:none;
border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width:1px;
color:#2C2626;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
}
.navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:10px;
padding-left:17px;
padding-right:0;
padding-top:0;
}

.navigation ul li a {
}
.navigation ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
text-decoration:underline;
}
.navigation li a {
display:block;
padding-bottom:0;
padding-left:15px;
padding-right:0;
padding-top:0;
text-decoration:none;
width:100%;
}
.navigation li p {
-x-system-font:none;
color:#2C2626;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:34px;
padding-bottom:0;
padding-left:18px;
padding-right:0;
padding-top:0;
}
.navigation li a:hover {
background-color:#F7F7F7;
color:#000000;
display:block;
text-decoration:none;
width:95%;
}

/*
---------------------------------------------
04. LIST PROPERTIES
---------------------------------------------
*/	

ul.bullet li{
	list-style:url(../images/bullet.gif);
	margin-bottom:15px;
}

ul {margin-left:20px;}
li {margin-bottom:0px;}

/*----- Side menu ----*/
ul.menu {
	list-style:url(../images/bullet-side.gif);
	margin-left:5px;
	margin-top:0px;
	padding-left:10px;
	color:#D8CBC3;
	font-weight:bold;
	font-size:14px;
}

ul.menu li {
	padding-left:0px;
}

ul.menu a {
	color:#D8CBC3;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}

ul.menu a:hover {
	color:#A32C0E;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}

/*------ Footer List ----*/
ul.footer-list {
	list-style:url(../images/bullet-square.gif);
	margin-left:0px;
	margin-top:0px;
	padding-left:20px;
}

ul.footer-list li{
	color:#FFF;
	border-bottom:dotted #FFF 1px;
	width:174px;
	margin-bottom:5px;
}


/*
---------------------------------------------
05. BOX AND BORDERS
---------------------------------------------
*/	

#headerArea {width:849px; height:67px; padding-top:103px; background:url(http://www.jpcatering.ca/images/header.jpg) no-repeat; }
#headerArea11 {width:849px; height:0px;  }
#bannerArea {width:849px; height:200px; background-color:#FFF}
#bannerArea2 {width:849px; height:922px; background-color:#FFF}
#bannerAreaHome {width:849px; height:240px; background-color:#FFF}
#middle {width:100%; background:#462b0e; /* background:url(../images/bg_middle.jpg) repeat-y; */ }
#middle_top {width:100%;  background:url(../images/bg_middle_top.jpg) repeat-x top;}
#contentAreaFull {width:710px; padding:20px 15px; background:#FFF }
.contentArea {padding:20px 15px;  }
#rightNavArea {width:220px; float:right; padding:20px 15px; }
#leftNavArea {width:220px; float:left; padding:20px 15px;  }

#footerArea {width:849px; height:135px; background: url(../images/bg_footer.jpg) bottom repeat-x;}
#footerAreaTall {width:849px; height:212px; background: url(../images/bg_footer.jpg) bottom repeat-x;}

#footer-cell1 {width:192px; height:144px; float:left; padding-top:15px; padding-left:10px; padding-right:10px; }
#footer-cell2 {width:406px; height:144px; float:left; padding:15px 10px 0px 10px; }
#footer-cell3 {width:180px; height:144px; float:left; padding:15px 10px 0px 10px; }
#footer-cell4 {padding-top:10px; padding-left:10px; line-height:18px; text-align:center; font-size: 12px; color: #ffffff; }
	#footer-cell4 a {color: #FFFFFF; text-decoration:underline}

.menuBox {background-color:#F7F1F1; border:#E9E9E9 solid 2px; padding:7px; margin-bottom:20px;}
.menuItem {width:550px; display:block-inline; margin-bottom:10px;}
.menuPrice {width:110px; height:30px; display:block-inline; position: relative; float:right; text-align:center; margin-bottom:10px; font-weight:bold; color: #462B0E;	}
.menuPriceOuter {width:110px; height:20px; display:block-inline; position: relative; float:right; text-align:center; margin-bottom:10px; font-weight:bold; color: #462B0E; font-size:16px;	}

.image { border: 1px solid #95abbd; background: #bcc5ce; padding: 2px;}

.lineBrown {border-bottom:solid 1px #FFFFFF; margin:7px 0px;}
.lineDarkBrown {border-bottom:solid 1px #9e8870; margin:4px 0px;}
/*********************************************/


/*
---------------------------------------------
06. PARAGRAPH TAGS
---------------------------------------------
*/
h1 {
	font-size: 21px;
	color: #462b0e;
	margin-top:0;
	margin-bottom:0px;
}

h2 {

	font-size: 18px;
	color: #a32c0e;
	font-weight:normal;
		margin-bottom: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #9E745E;
}

h3 {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size: 15px;
	line-height:18px;
	color: #D8CBC3;
}

h4 {
	color:#472b0b;
	font-size:22px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:bold;
}

h5 {
	color:#472b0b;
	font-size:12px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:bold;
}


/*
---------------------------------------------
07. PAGE TEXT
---------------------------------------------
*/

.Bodytext15 {
	font-family: Arial;
	font-size: 14px;
	color: #e0d9d5;
	font-weight:bolder;
}


.Bodytext15_3 {
	font-family: Arial;
	font-size: 15px;
	color: #5d3918;
}

.Bodytext16_3 {
	font-family: Arial;
	font-size: 15px;
	color: #472b0b;
	font-weight:bolder;
}

.Bodytext15_2 {
	font-family: Arial;
	font-size: 13px;
	color: #e0d9d5;
	font-weight:bolder;
}

.Bodytext15_White {
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bolder;
}


.textBrown11 {
	font-size: 11px;
	line-height:18px;
	color: #f5e0c8;
}

.textWhite11 {
	font-size: 11px;
	color: #ffffff;
}

.textWhite18 {
	font-size: 18px;
	line-height:18px;
	color: #ffffff;
}

.textWhite20 {
	font-size: 20px;
	line-height:18px;
	color: #ffffff;

}

.Title_bold18 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #462b0e;
}

.Title_bold14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #462b0e;
}

.title14_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #a32c0e;		
}

.title18_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #a32c0e;		
}

.MenuTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #452d15;
}
/*
---------------------------------------------
08. FORMS
---------------------------------------------
*/

.formField {
	
	width:180px;
	height:21px;
	padding:5px 0px 0px 0px; 
	margin:3px 0 10px 0;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}


.formField2 {
	
	width:240px;
	height:21px;
	padding:5px 0px 0px 0px; 
	margin:5px 0 5px 0;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}


.formMessage {
	font-family: Arial;
	font-size: 12px;
	color:#404040; 
	width:492px;
	height:85px;
	background:#ffffff;
	border:1px solid #cccccc;
	padding:4px;
}

.formFieldVerify {	
	width:110px;
	height:21px;
	font-family: Arial;
	font-weight:bold;
	font-size: 15px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#404040; 
	padding:6px 0px 0px 5px;
	margin: 0 5px;	
}

#form-security-box { width:480px; height:80px; background: #efefef; margin-bottom:15px; padding:10px;}
#form-security-box-wrapper { width:500px; height:150px;}

/*.formbutton:hover {background:transparent url("../images/contact-btn3b.gif") no-repeat center top;}*/

.formSubmit {
	width:84px;
	height:28px;
	background:#404040;
	padding-bottom:4px;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	background: transparent url(../images/submit-btn.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

form.myform .formSubmit:focus {
  background: transparent url(../images/submit.jpg) no-repeat center top;
  border: none;
}

form.myform input:focus, form.myform textarea:focus {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #1fae4b;
}

.formSubmit2 {
	width:65px;
	height:25px;
	color:#ffffff;
	border: none;
	background: transparent url(../images/contact-submit.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */

}

/*********************************************/