body {

font-family: Tahoma, Tahoma, sans-serif;

font-size: 75%;

color: #fff;

background: #000;

margin: 0;

padding: 0;

line-height: 20px;

}



.menuimage {

	width: 148px;

	height: 22px;

}



#welcome {

top: 0;

left: 0;

}



#navleft {

margin: 0; /*removes indent IE and Opera*/

padding: 0; /*removes indent Mozilla and NN7*/

list-style-type: none; /*turns off display of bullet*/

}



/* ----------------------------- start #nav ----------------------------- */

#navleft img { border: none; }

#navleft li { display: inline; list-style:none; }

#navleft li a { float: left; display:block; width: 148px; height: 22px; margin: 4%; margin-left: 0%; }

#navleft li a img {  border:none; vertical-align:bottom; /* for IE6 */}

#navleft li a:hover { visibility:visible; }

#navleft li a:hover img { visibility:visible; }

#navleft li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#navleft li img { width: 148px; height: 22px; }

/* ----------------------------- end #nav ----------------------------- */



/* ----------------------------- start #nav ----------------------------- */

#navright img { border: none; }

#navright li { display: inline; list-style:none; }

#navright li a { float: right; display:block; width: 148px; height: 22px; margin: 4%; margin-left: 0%; }

#navright li a img {  border:none; vertical-align:bottom; /* for IE6 */}

#navright li a:hover { visibility:visible; }

#navright li a:hover img { visibility:visible; }

#navright li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#navright li img { width: 148px; height: 22px; }

/* ----------------------------- end #nav ----------------------------- */





/* ----------------------------- start #nav ids ----------------------------- */

#nav_home { background:url(../graphics/home_over.png) no-repeat left bottom; }

#nav_story { background:url(../graphics/story_over.png) no-repeat left bottom; }

#nav_whybite { background:url(../graphics/whybite_over.png) no-repeat left bottom; }

#nav_savings { background:url(../graphics/savings_over.png) no-repeat left bottom; }

#nav_bestpeople { background:url(../graphics/bestpeople_over.png) no-repeat left bottom; }

#nav_management { background:url(../graphics/management_over.png) no-repeat left bottom; }

#nav_innovation { background:url(../graphics/innovation_over.png) no-repeat left bottom; }

#nav_contact { background:url(../graphics/contact_over.png) no-repeat left bottom; }

#nav_testimonials { background:url(../graphics/testimonials_over.png) no-repeat left bottom; }

#nav_recruitment { background:url(../graphics/recruitment_over.png) no-repeat left bottom; }

#nav_restaurants { background:url(../graphics/restaurants_over.png) no-repeat left bottom; }

#nav_coffee { background:url(../graphics/coffee_over.png) no-repeat left bottom; }

#nav_vending { background:url(../graphics/vending_over.png) no-repeat left bottom; }

#nav_hospitality { background:url(../graphics/hospitality_over.png) no-repeat left bottom; }

#nav_grab { background:url(../graphics/grab_over.png) no-repeat left bottom; }

#nav_deli { background:url(../graphics/deli_over.png) no-repeat left bottom; }

/*blog navigation added by Datadial, 29 June 2009 */
#nav_blog{ background:url(../graphics/blog_over.png) no-repeat left bottom; }

/* ----------------------------- end #nav ids ----------------------------- */



img {

border: none;

}



p { 

margin: 0; 

padding: 0 0 15px 0;

line-height: 24px;

}



p.nopad { padding: 0; }



.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {

display: inline-block;

}



.clearfix {

display: block;

}



* html .clearfix {

height: 1px;

}



a:link {

color: #fff;

text-decoration: none;

text-transform: none;

}



a:visited{

color: #fff;

text-decoration: none;

text-transform: none;

}



a:hover {

color: #fff;

text-decoration: underline;

text-transform: none;

}



a:active {

color: #fff;

text-decoration: none;

text-transform: none;

}



h1 { color: #CCDE2A; font-weight: normal; font-size: 350%; margin: 10px 0 0 0; }

h2 { color: #CCDE2A; font-weight: normal; font-size: 445%; margin: 30px 0; }



#container { width: 985px; margin: 10px auto; }

	#identity { float: left; width: 226px; }

	#call { color: #CCDE2A; font-size: 220%; float: right; padding: 85px 15px 0 0; letter-spacing: -1px; text-align:right; }
	#call p{ line-height:1.4;}

	.wrap1 { background:#000 ; color:#fff ; width: 986px; height: 505px; }

		body#home .c1 { background:url(../graphics/top_corner_home.jpg) top left no-repeat; height: 25px; }

		body#story .c1 { background:url(../graphics/top_corner_story.jpg) top left no-repeat; height: 25px; }

		body#restaurants .c1 { background:url(../graphics/top_corner_restaurant.jpg) top left no-repeat; height: 25px; }

		body#coffee .c1 { background:url(../graphics/top_corner_coffee.jpg) top left no-repeat; height: 25px; }

		body#vending .c1 { background:url(../graphics/top_corner_vending.jpg) top left no-repeat; height: 25px; }

		body#hospitality .c1 { background:url(../graphics/top_corner_hospitality.jpg) top left no-repeat; height: 25px; }

		body#grab .c1 { background:url(../graphics/top_corner_grab.jpg) top left no-repeat; height: 25px; }

		body#deli .c1 { background:url(../graphics/top_corner_deli.jpg) top left no-repeat; height: 25px; }

		body#contact .c1 { background:url(../graphics/top_corner_contact.jpg) top left no-repeat; height: 25px; }

		body#testimonials .c1 { background:url(../graphics/top_corner_testimonials.jpg) top left no-repeat; height: 25px; }

		body#recruitment .c1 { background:url(../graphics/top_corner_recruitment.jpg) top left no-repeat; height: 25px; }

		body#whybite .c1 { background:url(../graphics/top_corner_whybite.jpg) top left no-repeat; height: 25px; }

		body#savings .c1 { background:url(../graphics/top_corner_savings.jpg) top left no-repeat; height: 25px; }

		body#bestpeople .c1 { background:url(../graphics/top_corner_bestpe.jpg) top left no-repeat; height: 25px; }

		body#management .c1 { background:url(../graphics/top_corner_management.jpg) top left no-repeat; height: 25px; }

		body#innovation .c1 { background:url(../graphics/top_corner_innovation.jpg) top left no-repeat; height: 25px; }

		body#home .c2 { background:url(../graphics/bottom_corner_home.jpg) bottom left no-repeat; height: 25px; }

		body#story .c2 { background:url(../graphics/bottom_corner_story.jpg) bottom left no-repeat; height: 25px; }

		body#restaurants .c2 { background:url(../graphics/bottom_corner_restaurant.jpg) bottom left no-repeat; height: 25px; }

		body#coffee .c2 { background:url(../graphics/bottom_corner_coffee.jpg) bottom left no-repeat; height: 25px; }

		body#vending .c2 { background:url(../graphics/bottom_corner_vending.jpg) bottom left no-repeat; height: 25px; }

		body#hospitality .c2 { background:url(../graphics/bottom_corner_hospitality.jpg) bottom left no-repeat; height: 25px; }

		body#grab .c2 { background:url(../graphics/bottom_corner_grab.jpg) bottom left no-repeat; height: 25px; }

		body#deli .c2 { background:url(../graphics/bottom_corner_deli.jpg) bottom left no-repeat; height: 25px; }

		body#contact .c2 { background:url(../graphics/bottom_corner_contact.jpg) bottom left no-repeat; height: 25px; }

		body#testimonials .c2 { background:url(../graphics/bottom_corner_testimonials.jpg) bottom left no-repeat; height: 25px; }

		body#recruitment .c2 { background:url(../graphics/bottom_corner_recruitment.jpg) bottom left no-repeat; height: 25px; }

		body#whybite .c2 { background:url(../graphics/bottom_corner_whybite.jpg) bottom left no-repeat; height: 25px; }

		body#savings .c2 { background:url(../graphics/bottom_corner_savings.jpg) bottom left no-repeat; height: 25px; }

		body#bestpeople .c2 { background:url(../graphics/bottom_corner_bestpe.jpg) bottom left no-repeat; height: 25px; }

		body#management .c2 { background:url(../graphics/bottom_corner_management.jpg) bottom left no-repeat; height: 25px; }

		body#innovation .c2 { background:url(../graphics/bottom_corner_innovation.jpg) bottom left no-repeat; height: 25px; }

			body#home #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_home.jpg) top left no-repeat; }

			body#story #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_story.jpg) top left no-repeat; }

			body#restaurants #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_restaurant.jpg) top left no-repeat; }

			body#coffee #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_coffee.jpg) top left no-repeat; }

			body#vending #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_vending.jpg) top left no-repeat; }

			body#hospitality #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_hospitality.jpg) top left no-repeat; }

			body#grab #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_grab.jpg) top left no-repeat; }

			body#deli #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_deli.jpg) top left no-repeat; }

			body#contact #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_contact.jpg) top left no-repeat; }

			body#testimonials #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_testimonials.jpg) top left no-repeat; }

			body#recruitment #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_recruitment.jpg) top left no-repeat; }

			body#whybite #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_whybite.jpg) top left no-repeat; }

			body#savings #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_savings.jpg) top left no-repeat; }

			body#bestpeople #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_bestpe.jpg) top left no-repeat; }

			body#management #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_management.jpg) top left no-repeat; }

			body#innovation #content { padding: 2px 0 0 55px; height: 454px; background:url(../graphics/left_corner_innovation.jpg) top left no-repeat; }

				#content_left { width: 138px; float: left; font-size: 130%; padding: 71px 0 0 10px; }

					#content_left ul { margin: 0; padding: 0; color: #fff; }

					#content_left img { margin: 0 0 7px 0; padding: 0; }

				#content_right { float: left; width: 290px; line-height: 16px; font-size: 110%; }

					#scrolling_div { width: 290px; height: 330px; overflow: auto; padding: 10px; scrollbar-arrow-color: #fff; scrollbar-base-color: #111; scrollbar-face-color: #111; scrollbar-highlight-color: #666; scrollbar-shadow-color: #000; scrollbar-3dlight-color: #000; scrollbar-track-color: #333; scrollbar-darkshadow-color: #666; }

					#scrolling_div ul, #scrolling_div ol { line-height: 24px; }

				#right { float: right; width: 160px; margin: 30px 0 0 0; padding: 0 6px 33px 0; line-height: 0; }

				#right img { margin: 0 0 7px 0; padding: 0; }

				#right ul { margin: 0; padding: 0; color: #fff; }

				#contactbutton { width: 148px; height: 67px; margin-top: 330px; /*IE 7 */ *margin-top: 125px; /*IE 6*/ _margin-top: 25px; }
				/*contact button margins changed for IE by Datadial due to addition of Blog navigation ite,. 29 June 2009. *.
}