/* CSS Document */
<!--
body {
	margin: 0px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(../images/bg1.jpg);	
}
#wrapper {
	width: 99%;
	margin: 0px;
	height: 550px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right top;	
	background-image: url(../images/bg2.jpg);		
}
/*page headings**************************************************************/
#home {
	margin-top: 40px;
	border: 0px solid pink;
	background-image: url(../images/jack_sarafian.gif);
	background-repeat: no-repeat;
	width: 96%;
	height: 19px;
}
#jack {
	background-image: url(../images/title_jack.gif);
	background-repeat: no-repeat;
	border: 0px solid pink;
	margin-top: 40px;
	height: 84px;
	width: 96%;
}
#contact {
	margin-top: 40px;
	border: 0px solid pink;
	background-image: url(../images/title_contact.gif);
	background-repeat: no-repeat;
	width: 96%;
	height: 65px;
}
/*text styles**************************************************************/
#jacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px solid pink;
	color: #999999;
	width: 96%;
	text-align: left;
	height: 400px;
}
#contacttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px solid pink;
	color: #999999;
	width: 96%;
	text-align: left;
	margin-top: 19px;
	height: 400px;
}
#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px solid pink;
	color: #999999;
	width: 96%;
	text-align: left;
	margin-top: 19px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width: 400px;
	text-align: left;
	padding-top: 20px;
	margin-top: 0px;
}
.textlink {
	color: #666666;
	text-decoration: none;
}
a.textlink:hover {
	color: #999999;
	text-decoration: none;
}
#homeimages {
	margin-top: 65px;
	border: 0px solid pink;
}
.virtualpage {
	float: left;
	margin-top: 75px;
	border: 0px solid pink;
	width: 90%;
	text-align: center;
}
#boxes {	
	height: 20px;
	width: 500px;
	padding-left: 207px;
	border: 0px solid lime;
}
.paginationstyle { 	
 	width: 96%;
	height: 542px;
	text-align: left;
	border: 0px solid red;
	background-image: url(../images/title_folio.food.gif);
	background-repeat: no-repeat;
}
.paginationstyle1 { 	
 	width: 96%;
	height: 542px;
	text-align: left;
	border: 0px solid red;
	background-image: url(../images/title_folio.people.gif);
	background-repeat: no-repeat;
}
.paginationstyle2 { 	
 	width: 96%;
	height: 542px;
	text-align: left;
	border: 0px solid red;
	background-image: url(../images/title_folio.stilllife.gif);
	background-repeat: no-repeat;
}
.paginationstyle3 { 	
 	width: 96%;
	height: 542px;
	text-align: left;
	border: 0px solid red;
	background-image: url(../images/title_folio.interiors.gif);
	background-repeat: no-repeat;
}
.prev a {	
	width: 28px;
	float: left;
	height: 22px;
	display: block;	
	margin-top: 350px;
	background-image: url(../images/navback_off.gif);
}
.prev a:hover {
	background-image: url(../images/navback_on.gif);
}
.next a {	
	width: 28px;
	height: 22px;	
	float: right;
	display: block;
	margin-top: 350px;
	background-image: url(../images/navnext_off.gif);
}
.next a:hover {
	background-image: url(../images/navnext_on.gif);
}
.flatview a {	
	width: 8px;
	height: 8px;
	float: left;
	color: #CCCCCC;	
	font-size: 7px;
	display: block;	
	border: 3px solid white; 
	background-color: #CCCCCC;
}
.flatview a:hover {
	color: #999999;
	background-color: #999999;	
}
.flatview a.selected {	
	color: #999999;
	background-color: #999999;
}
.navlist {	
	margin: 0px;	
	padding: 0px;	
	height: 45px;
	width: 358px;
	padding-left: 135px;
	border: 0px solid lime;
}
.navlist li {
	margin: 0;
	display: inline;
	list-style: none;
}
/*home**************************************************************/
.navlist .home a {
	float: left;
	width: 47px;
	height: 29px;
	display: block;	
	background-repeat: no-repeat;
	background-image: url(../images/nav_home_off.gif);
}
.navlist .homeon a {
	float: left;
	width: 47px;
	height: 29px;
	display: block;	
	background-repeat: no-repeat;
	background-image: url(../images/nav_home_on.gif);
}
.navlist .home a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_home_on.gif);
}
/*jack**************************************************************/
.navlist .jack a {
	width: 39px;
	float: left;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_jack_off.gif);
}
.navlist .jackon a {
	width: 39px;
	float: left;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_jack_on.gif);
}
.navlist .jack a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_jack_on.gif);
}
/*food**************************************************************/
.navlist .food a {
	float: left;
	width: 42px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_food_off.gif);
}
.navlist .foodon a {
	float: left;
	width: 42px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_food_on.gif);
}
.navlist .food a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_food_on.gif);
}
/*people**************************************************************/
.navlist .people a {
	float: left;
	width: 50px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_people_off.gif);
}
.navlist .peopleon a {
	float: left;
	width: 50px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_people_on.gif);
}
.navlist .people a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_people_on.gif);
}

/*interiors**************************************************************/
.navlist .interiors a {
	float: left;
	width: 56px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_interiors_off.gif);
}
.navlist .interiorson a {
	float: left;
	width: 56px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_interiors_on.gif);
}
.navlist .interiors a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_interiors_on.gif);
}
/*stilllife**************************************************************/
.navlist .stilllife a {
	float: left;
	width: 55px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_stilllife_off.gif);
}
.navlist .stilllifeon a {
	float: left;
	width: 55px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_stilllife_on.gif);
}
.navlist .stilllife a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_stilllife_on.gif);
}
/*contact**************************************************************/
.navlist .contact a {
	float: left;
	width: 59px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_contact_off.gif);
}
.navlist .contacton a {
	float: left;
	width: 59px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav_contact_on.gif);
}
.navlist .contact a:hover {
	background-repeat: no-repeat;
	background-image: url(../images/nav_contact_on.gif);
}

.vslink {
	color: #CCCCCC;
	text-decoration: none;
}
.vslink:hover {
	color: #999999;
	text-decoration: none;
}
/* subnav **************************************************************/
.subnavlist {
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 115px;
	padding-left: 230px;
	border: 0px solid lime;
}
.subnavlist li {
	margin: 0;
	list-style: none;
	display: inline;	
}
/* preload**************************************************************/
div#preload { 
display: none; 
}

-->