/*
-----------------------------------------------------
Master CSS file for screen media
FileName:    main.css
Project: PureJoyCatering.com
Version :    2/05
-----------------------------------------------------
*/

a					{ text-decoration: none;
					  color: #993333; }
					  
a:visited			{ text-decoration: none;
					  color: #993333; }
					  
a:hover				{ text-decoration: underline;
					  color: #333; }		

.main				{ font-family:Verdana, Arial, Helvetica, sans-serif;
				 	  font-size:76%;
				 	  color:#333;}
					  
.footer				{ font-family:Verdana, Arial, Helvetica, sans-serif;
				 	  font-size:10px;
				 	  color:#333;}
					  
.homelinks			{ font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:10px;
					  height: 150px;}
					  
.pagetitle			{ font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-weight: bold;
				 	  font-size:120%;
				 	  color:#9F9679;} 
					   
.formtext			{ text-align: right;
					  font-weight: bold; }  

/* Structural Elements */

body 				{ background-color: #FFF6D9;
				 	  font-family:Verdana, Arial, Helvetica, sans-serif;
				 	  font-size:76%;
				 	  color:#333;
					  line-height: 128%;}

table#invisible		{ width: 770px;}

div#whitebox		{ width: 770px;
					  background-color: #FFF;
					  border: 1px solid #C1B9AB;
					  padding: 0px;
					  margin: 0px;}

div.header			{}

div.footer			{ text-align:center;
					  margin-top: 2px;}
					  
/* Home page template */

div#homelogo		{ text-align:center;
					  height: 105px;}

div#homeflash		{ height: 230px;
					  border-top: 1px solid #C1B9AB;
					  border-bottom: 1px solid #C1B9AB;
					  margin: 0px;
					  padding: 0px; }
					  
div#homeintrotext {
	background-color: #8D997B;
	color: #FFF;
	padding: 15px 40px;
	font: normal 120%/130% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}					  

div#hometext		{ margin: 0px;
					  padding: 0px; }
					  
div.hometextbox		{ margin: 20px 40px 5px 40px;
					  text-align:left;
					  clear:both; }
					  
div#homefeature		{ border: 1px solid #993333;
					  /*background-color: #FFF6D9;*/
					  text-align: center;
					  margin-top: 10px;
					  margin-bottom: 10px;
					  padding-top: 10px;}
					  
.homefeaturehead	{ font-weight: bold;
					  border-bottom: 1px dashed #993333; }

.hometab {
	background-color: #343434;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px;
	text-align: left;
	font: bold 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .15em;
	margin-right: 25px;
}

.hometabbox {
	text-align: left;
	border-bottom: 1px solid #343434;
	padding-bottom: 4px;
	margin-bottom: 20px;
	margin-top: 10px;
}

a.hometabbutton {
	color: #FFF;
	text-transform: uppercase;
	padding: 5px;
	text-align: left;
	font: bold 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .15em;
	margin-right: 25px;
	width: 482px;
	background: url(../images/button_arrow_2.jpg) no-repeat;
	float: left;
	text-decoration: none;
}

a.hometabbutton:visited {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
	text-align: left;
	font: bold 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .15em;
	margin-right: 25px;
	width: 482px;
	background: url(../images/button_arrow_2.jpg) no-repeat;
	float: left;
}

a.hometabbutton:hover {
	color: #FFF;
	text-transform: uppercase;
	padding: 5px;
	text-align: left;
	font: bold 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .15em;
	margin-right: 25px;
	width: 482px;
	background: url(../images/button_arrow_1.jpg) no-repeat;
	float: left;
	text-decoration: none;
}

div#virtualtourlink {
	margin-bottom: 25px;
	margin-top: 10px;
}

.newsrow1 {
	border-top: 1px dotted #343434;
	border-bottom: 1px dotted #343434;
	padding: 10px 30px;
}

.newsrow2 {
	background-color: #EEE;
	padding: 10px 30px;
}

div#homefooter {
	background: #3D3B50 url(../images/bg_homefooter.jpg) no-repeat;
	width: 770px;
	height: 196px;
	color: #FFF;
	font-size: 90%;
	margin-top: 20px;
}

div.lefthomefooter {
	display: inline;
	width: 140px;
	padding: 10px 5px 10px 5px;
	float: left;
	margin-top: 25px;
	margin-left: 12px;
	text-align: center;
}

div.middlehomefooter {
	display: inline;	
	width: 273px;
	padding: 10px;
	float: left;
	margin-top: 25px;
	margin-left: 13px;
	text-align: center;
}

div.righthomefooter {
	display: inline;
	width: 254px;
	padding: 10px;
	float: left;
	margin-top: 25px;
	margin-left: 13px;
	text-align: center;
}

div#homefooter a {
	color: #FFF;
	text-decoration: underline;
}

div#homefooter a:visited {
	color: #FFF;
	text-decoration: underline;
}

div#homefooter a:hover {
	color: #993333;
	text-decoration: underline;
}

					  
					  
/* sub page templates */

div#subheader		{ height: 75px;
					  width: 724px;
					  margin: 0 auto;
					  border-bottom: 1px solid #C1B9AB; }
					  
div.breadcrumbs		{ float: left;
					  text-align: left;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 10px;
					  vertical-align: bottom;
					  width: 248px;
					  margin-top: 55px; }
					  
/* larger breadcrumbs for location page (client request) */					  
					  
div.locbreadcrumbs	{ float: left;
					  text-align: left;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 12px;
					  font-weight: bold;
					  vertical-align: bottom;
					  width: 248px;
					  margin-top: 55px; }					  

div.sublogo			{ width: 235px;
                      float:left;
					  margin-top: 5px;}
					  
div.printme			{ float: right;
					  text-align: right;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 10px;
					  margin-top: 49px; }
					  
div.pagetitle		{ width: 724px;
                	  text-align: left;
					  margin: 10px auto 0px auto; }
					  
div#subcontent		{ width: 710px;
                	  text-align: left;
					  margin: 10px auto;
					  min-height: 370px;
					  /* IE min-height hack: */
					  _height: 370px;  }
					  
img.logofloat		{ float: right; }
					  
/* Column sub-page templates */

div#columnintro		{ margin-bottom: 15px;
					  /* background-color: #EAE7E1; */
					  padding: 0px 0px 8px 0px;
					  border-bottom: 1px dashed #C1B9AB; }

div#columnleft		{ float: left;
                      width: 342px;
					  text-align: left; }
					  
div#columnright		{ float: right;
					  width: 342px;
					  text-align: left; }
					  
div#columnfooter	{ padding-top: 5px;
					  clear: both; }
					  
div.floathack		{ clear: both;
					  height: 1px; }
					  
/* submenu for menu pagegs */	

div.submenu			{ float: right;
					  background-color:#E3DDCB;
					  height: 20px;
					  width: auto;
					  padding: 0px 5px 0px 5px;
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:10px;
					  font-weight: normal; }
					  
					  
/* gallery template */	

div#gallsubcontent	{ width: 720px;
                	  text-align: left;
					  margin: 10px auto;
					  min-height: 370px;
					  /*IE min-height hack: */
					  _height: 370px;}

div.gallpadleft		{ width:75px;
					  float:left;
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:10px;
					  text-align:left; }
					  
div.gallpadright	{ width:75px;
					  float:left;
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:10px;
					  text-align:right; }

div.gallerywell		{ width: 570px; 
					  float: left; }			
					  
div.gallfloathack	{ clear: both;
					  height: 10px; }	  
					  
/* vendor template */

div#vencolumnleft 	{ float: left;
                      width: 300px;
					  text-align: left;
					  margin-left: 50px;
					  /* ie-double margin hack: */
					  display: inline;
					  margin-bottom: 15px }
					  
div#vencolumnright	{ float: left;
					  width: 300px;
					  text-align: left;
					  margin-left: 50px;
					  margin-bottom: 15px; }
					  
div#venlinks		{ margin-top: 15px;
					  padding: 7px 0px 0px 0px;
					  border-top: 1px dashed #C1B9AB;
					  /*text-align: center;*/
					  clear: both;}
					  
/* contact template */

div#contactform		{ width: 380px;
					  margin-top: 30px;
					  float: left; }

table.contactform	{ width: 380px;
					  text-align:left; }
					  
.contactfield		{ border: 1px solid #C1B9AB;
					  width: 250px; }	
					  
.contacttext		{ float: left;
					  margin: 30px 0px 0px 10px;
					  border-left: 1px solid #C1B9AB;
					  padding: 5px 0px 0px 20px; }	
					  
/* About Us iframe photo display */

div.photoframe		{ float: right;
					  width: 270px;
					  margin-left: 10px;
					  margin-bottom: 10px;}
					  
iframe.photo		{ height: 340px;
					  width: 270px; }

.thumbnail			{ padding: 4px 2px 0px 2px;
					  border: 0px; }
					  
.thumbnailrow		{ margin-top: 10px; }

/* Menu iframe photo display */

div.menuphotoframe	{ float: right;
					  height: 338px;
					  width: 338px;
					  text-align:center;
					  background-color:#E3DDCB;}
					  
iframe.menuphoto	{ height: 338px;
					  width: 338px; }
					  
/* Video gallery styles */	

div.videoframelft	{ float: left;
					  width: 350px; }
					  
div.videoframert	{ float: left;
					  width: 350px;
					  margin-left: 15px; }				  

					  				  
/* miscellaneous elements */

.photofloat			{ float: right;
					  margin: 0px 0px 8px 8px; }
					  
.photofloatleft		{ float: left;
					  margin: 0px 8px 8px 0px; }					  
					  
he					{ border: 1px solid #EAE7E1;}

ul					{ margin-left: 15px;
					  padding: 0; }
					  
li					{ margin-bottom: 5px;
					  padding: 0; }