/*

INSTRUCTIONS
************

*** NOTE ***
Home banner photos should be 380 x 253 pixels.
Inner banner photos should be 380 x 228 pixels.

1) Create your photo and save it in the /images/banner_photos/ folder.

2) Copy the #cellPhoto_sample rule and paste the same code below it. Alter the rule's name to
something that reflects the new page (IE: #cellPhoto_newpage). Also change the
background-image line to have the proper name of your photo (IE:
background-image: url(../images/banner_photos/newpage.jpg.)

3) Alter the XHTML which is located at line #54 (that line number may be different if the
code has been atered from it's original state).

Example:

53	<!-- begin banner text -->
54	<div id="cellPhoto_inner"> ///// CHANGE THIS ID /////
55		<div id="cellBanner_textTop"><h1>Executive Space</h1></div>
56		<div id="cellBanner_textBottom"><h1>Executive Class</h1></div>
57	</div>
58	<!-- end banner text -->

That's it! This CSS file is already included on the pages so there should be no more work!

*/

#cellPhoto_home {
	padding-top: 40px;
	width: 100%;
	height: 253px;
	text-align: right;
	background-image: url(../images/banner_photos/home.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_sample {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/sample.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_about {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/about.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_sitemap {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/sitemap.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_contact {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/contact.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_services {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/services.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_office {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/office.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_virtual {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/virtual.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_recruitment {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/recruitment.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_foreignworkers {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/foreignworkers.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#cellPhoto_trolly {
	padding-top: 40px;
	width: 100%;
	height: 188px;
	text-align: right;
	background-image: url(../images/banner_photos/trolly.jpg);
	background-position: left;
	background-repeat: no-repeat;
}