﻿html,body {
	background-image: url('http://www.pilarscatering.ca/images/layout/bodyback.jpg');
	background-color:#887741; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	height:100%;
}

p { 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 10px;
	font-family: Verdana;
	text-align: left;
	color: #FFFFFF;

} 

OL,UL {
    	font-size: 10px;
	font-family: Verdana;
	color: #FFFFFF;
}

p.justify {
	text-align:justify
}

p.label {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ceba8c;
	text-align: center;
	margin-left: 5px;
}

p.label2 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	margin-left: 5px;
}

p.label3 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ceba8c;
}

p.label4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

p.label5 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-style:italic;
	color: #ceba8c;
}

p.contact {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	text-align: left;
}

p.contact2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	text-align: left;
	color:red;
}

p.message {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	color:red;
}

.contact3 {
	color: #FFFFFF;
}
	
p.headertext {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ceba8c;
}

p.headertext2 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ceba8c;
	margin-left: 100px;
}

p.maintext {
	color:#FFFFFF;
	float:left;
}

p.menu {
	color: #ceba8c;
	font-size: 18px;
	font-family: Times New Roman;
}

img {
	border: 0;
}	

a,
a:link, 
a:active,
a:visited,
a:hover,
a img,
a:link img,
a:active img,
a:visited img,
a:hover img {
	border:0;
	color: #ceba8c;
	text-decoration:none;
}

.itemdescriptions table {
	border: 0;
	margin-left: 10px;
	font-size: 10px;
	font-family: Verdana;
	text-align: left;
	color: #FFFFFF;
	line-height:10px;	
}

.itemdescriptions table p {
	margin: 0px;
}

#LayoutTable {
	width:100%;
}

.bannerback {
	background-image: url('http://www.pilarscatering.ca/images/layout/bannerback.jpg');
	width: 50%;
}

#banner {
	width:800px;
}

#flashback-rightalign {
	width: 50%;
	background-image: url("http://www.pilarscatering.ca/images/layout/flashback.jpg");
	background-position: right top;
}

#flashback {
	width:50%;
	background-image: url('http://www.pilarscatering.ca/images/layout/flashback.jpg');
}

#leftflashback {
	width:49px;
}

#flash {
	width:702px;
}

#rightflashback {
	width:49px;
}

.navback {
	width:50%;
	background-image: url('http://www.pilarscatering.ca/images/layout/navback.jpg');
}

.nav {
	width:800px;
	position:relative;
	z-index: 100;
}

.nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.nav li {
	float:left;
	position:relative;
	height: 33px;
}

.nav li li {
	float:left;
	position:relative;
	height: auto;
	padding:0;
}

.nav li li li {
	float:left;
	position:relative;
	height: auto;
	padding:0;
}

.nav a, .nav a:visited {
	float:left; 
	position:relative;
	display:block;
	text-decoration:none; 
	height:33px;
	width: auto;
	text-align:left;
}

.nav a:hover{
	cursor:pointer;
}

.nav :hover > a {
	cursor: pointer;
}

.nav a.but1, .nav a:visited.but1{
	background-image:url('http://www.pilarscatering.ca/images/layout/navabout.jpg');
	width:87px;
}

.nav a:hover.but1 { 
	background-image:url('http://www.pilarscatering.ca/images/layout/navabout2.jpg');
	width:87px;
}

.nav :hover > a.but1{
	background-image:url('http://www.pilarscatering.ca/images/layout/navabout2.jpg');
	width:87px;
}

.nav a.but2, .nav a:visited.but2{
	background-image:url('http://www.pilarscatering.ca/images/layout/navmenu.jpg');
	width:126px;
}

.nav a:hover.but2{
	background-image:url('http://www.pilarscatering.ca/images/layout/navmenu2.jpg');
	width:126px;
}

.nav :hover > a.but2{
	background-image:url('http://www.pilarscatering.ca/images/layout/navmenu2.jpg');
	width:126px;
}

.nav a.but3, .nav a:visited.but3{
	background-image:url('http://www.pilarscatering.ca/images/layout/navinfo.jpg');
	width:116px;
}

.nav a:hover.but3{
	background-image:url('http://www.pilarscatering.ca/images/layout/navinfo2.jpg');
	width:116px;
}

.nav :hover > a.but3{
	background-image:url('http://www.pilarscatering.ca/images/layout/navinfo2.jpg');
	width:116px;
}

.nav a.but4, .nav a:visited.but4{
	background-image:url('http://www.pilarscatering.ca/images/layout/navgallery.jpg');
	width:70px;
}

.nav a:hover.but4{
	background-image:url('http://www.pilarscatering.ca/images/layout/navgallery2.jpg');
	width:70px;
}

.nav :hover > a.but4{
	background-image:url('http://www.pilarscatering.ca/images/layout/navgallery2.jpg');
	width:70px;
}

.nav a.but5, .nav a:visited.but5{
	background-image:url('http://www.pilarscatering.ca/images/layout/navcontact.jpg');
	width:104px;
}

.nav a:hover.but5{
	background-image:url('http://www.pilarscatering.ca/images/layout/navcontact2.jpg');
	width:104px;
} 

.nav :hover > a.but5{
	background-image:url('http://www.pilarscatering.ca/images/layout/navcontact2.jpg');
	width:104px;
}

.nav a.but6, .nav a:visited.but6{
	background-image:url('http://www.pilarscatering.ca/images/layout/navlinks.jpg');
	width:46px;
}

.nav a:hover.but6{
	background-image:url('http://www.pilarscatering.ca/images/layout/navlinks2.jpg');
	width:46px;
} 

.nav :hover > a.but6{
	background-image:url('http://www.pilarscatering.ca/images/layout/navlinks2.jpg');
	width:46px;
}

.nav ul ul a, .nav ul ul a:visited {
	display:block; 
	background-color:#282319;
	color:#FFFFFF;
	line-height:1em; 
	padding:5px 15px; 
	height:auto; 
	width:180px;
	z-index: 100;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.nav ul ul ul a, .nav ul ul ul a:visited {
	display:block; 
	background-color:#450100;
	color:#FFFFFF;
	line-height:1em; 
	padding:5px 15px; 
	height:auto; 
	width:180px;
	z-index: 100;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.nav a:hover ul a, .nav a:hover ul a:visited {
	display:block; 
	background-color:#450100;
	color:#FFFFFF;
	line-height:1em; 
	padding:5px 10px; 
	height:auto; 
	width:180px;
	z-index: 100;
}

.nav a:hover ul a:hover ul a, .nav a:hover ul a:hover ul a:visited {
	display:block; 
	background-color:#450100;
	color:#FFFFFF;
	line-height:1em; 
	padding:5px 10px; 
	height:auto; 
	width:180px;
	z-index: 100;
}

.nav ul ul a:hover {
	background-image:none;
	background-color:#511703;
	color: #FFFFFF;
	z-index: 100;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.nav ul ul ul a:hover {
	background-image:none;
	background-color:#511703;
	color: #FFFFFF;
	z-index: 100;
}

.nav ul ul :hover > a {
	background-image:none;
	background-color:#511703;
	color: #FFFFFF;
	z-index: 100;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.nav ul ul ul :hover > a {
	background-image:none;
	background-color:#511703;
	color: #FFFFFF;
	z-index: 100;
}

.nav a:hover ul a:hover {
	background-image:none;
	background-color:#511703;
	color: #FFFFFF;
	z-index: 100;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.nav a:hover ul a:hover ul a:hover {
	background-image:none;
	background-color:#511703;
	color: #FFFFFF;
	z-index: 100;
}


/* Second Level Position */
.nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:33px;
	left:0px; 
	width:180px;
	z-index: 100;
}

.nav ul ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:0px;
	left:211px; 
	width:180px;
	z-index: 100;
}

.nav table {
	position:absolute; 
	top:0; 
	left:0;
	border-collapse:collapse
}

/* Second Level Shown */
.nav ul li:hover ul,
.nav ul a:hover ul{
	visibility:visible; 
}

.nav ul :hover ul ul{
	visibility:hidden;
}

.nav ul li:hover ul li:hover ul,
.nav ul a:hover ul a:hover ul{
	visibility:visible; 
}

.remove {
	display:none;
}

.bodyback {
	width:50%;
}

#leftbodyback {
	width:49px;
	background-image: url('http://www.pilarscatering.ca/images/layout/leftbodyback.jpg');
}

#topbodytoptable {
	width:702px;
}

#rightbodyback {
	width:49px;
	background-image: url('http://www.pilarscatering.ca/images/layout/rightbodyback.jpg');
}

.topbodylefttable {
	width:15px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodylefttable.jpg');
}

.topbodytoplefttable {
	width:15px;
	height:12px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodytoplefttable.jpg');
}

.topbodytoplinetable {
	height:12px;
	width:326px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodytoplinetable.jpg');
}

.topbodytoprighttable {
	width:16px;
	height:12px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodytoprighttable.jpg');
}

.topbodybotlefttable {
	width:15px;
	height:14px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodybotlefttable.jpg');
}

.topbodybotlinetable {
	height:14px;
	width:326px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodybotlinetable.jpg');
}

.topbodybotrighttable {
	width:16px;
	height:14px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodybotrighttable.jpg');
}

.tableback {
	background-color: #282319;
	height: 168px;
}

#tableback2 {
	background-color: #282319;
}

.topbody {
	width:671px;
	background-color: #282319;
	height:10px;
}

#topbodyhome {
	width:398px;
	background-color: #282319;
	vertical-align:top;
	padding-top: 11px
}

#topbodyhomeleft {
	width:129px;
	background-color: #282319;
}

#topbodyother {
	width:122px;
	background-color: #282319;
}

#whiteline {
	width:12px;
	background-color: #282319;
	text-align:left;
}

#whitelinespace {
	width:3px;
	background-color: #282319;
}

#topbodyhomeright {
	width:129px;
	background-color: #282319;
}

.topbodyrighttable {
	width:16px;
	background-image: url('http://www.pilarscatering.ca/images/layout/topbodyrighttable.jpg');
}

.topbodybottable {
	width:702px;
}

.botbody {
	width:351px;
	background-color: #433929;
	vertical-align:top;
}

#botbodyleft {
	width: 5px;
}

#botbodycenter {
	width: 0px;
}

#botnavback {
	width:50%;
	background-image: url('http://www.pilarscatering.ca/images/layout/botnavback.jpg');
}

#botnav {
	width:702px;
}

#botback {
	width:50%;
	background-image: url('http://www.pilarscatering.ca/images/layout/botback.jpg');
}

#botmid {
	width:702px;
}
#botmidbg {
	width:702px;
	min-height:100%;
	background-image: url('http://www.pilarscatering.ca/images/layout/bottombg.jpg');
}

#botleftback {
	width:49px;
}

#botrightback {
	width:49px;
}

#minibanner {
	border:1px white solid;
	width: 326px;
	height:33px;
	background-image: url('http://www.pilarscatering.ca/images/layout/minibannerback.jpg');
	color: #FFFFFF;
	font-size: 18px;
	font-family: Times New Roman;
	padding-left:10px;
}	

#welcomebanner {
	border:1px white solid;
	width: 398px;
	height:33px;
	background-image: url('http://www.pilarscatering.ca/images/layout/minibannerback.jpg');
	color: #FFFFFF;
	font-size: 18px;
	font-family: Times New Roman;
	padding-left:10px;
	text-transform: uppercase
}

#infobox {
	border:1px #A29D95 solid;
	width: 449px;
	height: 130px;
	background-color: #282319;
	padding-left:10px;
	vertical-align:middle;
}

#botbodyspacer {
	height: 5px;
}

#botbodyspacer2 {
	height: 1px;
}

.botbodyspacer3 {
	height: 1px;
}

#emailform {
	margin-top: 0px;
	margin-bottom: 0px;
}

.nav {
	border-width: 0px;
}

.contacttext {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	float: inherit;
	font-size: 14px;
	font-family: Times New Roman;
	text-align: left;
	color: #c5b081;
	line-height:15px
}

#loader_container {
	text-align:center;
	position:absolute;
	top:40%;
	width:100%
}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;
	left:8px;
	height:7px;
	width:113px;
	font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}
.preview_temp_load {
	vertical-align:top;
	text-align:center;
	padding: 1px;
}
.preview_temp_load img{	
	vertical-align:top;
	text-align:center;
}	