body				{ background:#fff; /*padding-top:150px;*/}
.bg					{ width: 900px; height:550px; margin: 0px auto; background:#fff; padding:0; background: url("../images/work_bg.gif") 0 0 no-repeat; }
.hello				{ background-image:url(../images/hello1.gif); height:30px; width: 60px; margin-left:40px; }
.work				{ /*background-image:url(../images/hello1.gif);*/ height:30px; width: 60px; margin-left:100px; }

.searchblurb		{ color:#f7f7f7;}

/*Navigation*/
#menu a 			{ float:left; display:block; width:60px; margin:0 0 0 40px; padding:0; height:30px; background: url("../images/hello_nav.gif") 0 0 no-repeat;	text-decoration: none; }
#menu a:hover 		{ background-position: -60px 0;}
#menu a.active 		{ background-position: -60px 0; }

#work a 			{ float:left; display:block; width:60px; margin:0; padding:0; height:30px; background: url("../images/work_nav.gif") 0 0 no-repeat; text-decoration: none;}
#work a:hover 		{ background-position: 0px 0; }
#work a.active 		{ background-position: -120px 0; }
		
#contact a 			{ float:left; display:block; width:82px; margin:0; padding:0; height:30px; background: url("../images/contact_nav.gif") 0 0 no-repeat; text-decoration: none;	}
#contact a:hover 	{ background-position: -82px 0; }
#contact a.active 	{ background-position: -82px 0; }		

.bg_work			{ background: url("../images/work_bg.gif") 0 0 no-repeat;}
.nav				{ height:30px; margin:0; padding:0;}

.logo				{ padding:0; margin:0; width: 300px; height:121px; background:url(../images/logo1_work.gif) no-repeat;}
.left				{ float:left; width:300px; /*height:550px;*/ padding:0; margin:0; height:550px;}
.work_nav			{ height:229px; /*background:#666;*/ padding:45px 35px 0px 45px;} /*work section for the slide below the navegation*/

/*Rollover on work */
.rollover					{ height: 76px; background:#fff;}
#branding a 				{ display:block; margin:0px; padding:0; height:19px; background: url("../images/nav_branding.gif") 0 0 no-repeat;	text-decoration: none; }
#branding a:hover 			{ background-position: 0 -18px ;}
#branding a.active 			{ background-position: 0 -36px ; }

#point_of_sale a 			{ display:block; margin:0; padding:0; height:19px; background: url("../images/nav_point_of_sale.gif") 0 0 no-repeat; text-decoration: none;}
#point_of_sale a:hover 		{ background-position: 0 -18px ; }
#point_of_sale a.active 	{ background-position: 0 -36px ; }

#advertising a 				{ display:block; margin:0px; padding:0; height:19px; background: url("../images/nav_advertising.gif") 0 0 no-repeat;	text-decoration: none; }
#advertising a:hover 		{ background-position: 0 -18px ;}
#advertising a.active 		{ background-position: 0 -36px ; }

#packaging a 				{ display:block; margin:0; padding:0; height:19px; background: url("../images/nav_packaging.gif") 0 0 no-repeat; text-decoration: none;}
#packaging a:hover 			{ background-position: 0 -18px ; }
#packaging a.active 		{ background-position: 0 -36px ; }

.slide_nav					{ height: 120px; background:#fff; padding:50px 0 0 0;}
.blank						{ height:99px;  display:block; margin:0px; padding:0; /*background: url("../images/slides/numbered_menu_3.jpg") 0 0 no-repeat;*/	text-decoration: none;}
.blank	img					{ margin:0px 0px 0px 2px;}
.slide_branding				{ margin:63px 0px 0px 49px; }
.right						{ float:right; width:600px; height:540px;  padding:5px 0px 0 0; margin:0;}

/*Setting to centre page vertically*/
/** {margin:0;padding:0}*/
/* mac hide \*/
html,body{height:99%;width:100%;}
/* end hide */

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
/*text-align: center;*/
position:relative;
vertical-align:middle;
display:table-cell;
height: 550px;
} 
#inner {
/*width: 552px;*/
/*background:red;*/
height: 550px;
/*text-align: center;*/
margin-left:auto;
margin-right:auto;
/*border:1px solid #000;*/
}
