body:before     						{/*Opera Fix*/ content:""; height:100%; float:left; width:0; margin-top:-32767px; }
#outer:after    	 					{/*ie8 fix*/ clear:both; display:block; height:1%; content:" "; }

html, body      						{ height:100%; margin:0; padding:0; }
body        							{ text-align:center; background:url(../_images/background_page.jpg) repeat-x top left; background-color:#DEDEDE; }
html, body      						{ min-width:862px; }

#outer       							{ min-height:100%; position:relative; text-align:left; margin:-61px auto 0; width:862px; clear:both; }
* html #outer     					{ height:100%; }

#headerContainer   	 				{ margin:61px 0px auto; width:862px; height:181px; }
.logo										{ width:862px; height:154px; }
.nav										{ width:862px; height:27px; }

ul#topnav 								{ width:450px; list-style:none; height:27px; }
ul#topnav li 							{ display:inline; }
ul#topnav li a 						{ height:27px; float:left; text-indent:-9999px; }

ul#topnav li#topnav-1 a 			{ width:78px; background:url(../_images/navigation.jpg) no-repeat 0 0; }
ul#topnav li#topnav-1 a:hover 	{ background-position:0 -27px; }
ul#topnav li#topnav-1 a.current 	{ background-position:0 -54px; }

ul#topnav li#topnav-2 a 			{ width:121px; background:url(../_images/navigation.jpg) no-repeat -78px 0; }
ul#topnav li#topnav-2 a:hover 	{ background-position:-78px -27px; }
ul#topnav li#topnav-2 a.current 	{ background-position:-78px -54px; }

ul#topnav li#topnav-3 a 			{ width:118px; background:url(../_images/navigation.jpg) no-repeat -199px 0; }
ul#topnav li#topnav-3 a:hover 	{ background-position:-199px -27px; }
ul#topnav li#topnav-3 a.current 	{ background-position:-199px -54px; }

ul#topnav li#topnav-4 a 			{ width:133px; background:url(../_images/navigation.jpg) no-repeat -317px 0; }
ul#topnav li#topnav-4 a:hover 	{ background-position:-317px -27px; }
ul#topnav li#topnav-4 a.current 	{ background-position:-317px -54px; }

#centerContent    					{ width:862px; padding:31px 0px 0px 0px; overflow:auto; }
* html #centerContent 				{ }

#content      							{ padding:0px 0px 0px 0px; overflow:auto; }
* html #content    					{ zoom:1.0 }

#home_rosette							{ width:862px; height:258px; margin-bottom:13px; background:url(../_images/home_rosette.jpg) no-repeat top left; }
#home_work								{ width:862px; height:129px; margin-bottom:38px; }
#home_portfolio						{ width:862px; height:300px; }
#home_tear								{ width:794px; _width:862px; height:310px; _height:362px; padding:44px 0px 0px 68px; background:url(../_images/home_tear.jpg) no-repeat top left; }

#portfolioContainer					{ position:relative; width:832px; height:557px; padding:18px 0px 0px 41px; background:url(../_images/portfoliosection01.png) no-repeat top left; }

#footerContainer    					{ clear:both; width:100%; height:138px; text-align:center; background:url(../_images/background_footer.jpg) repeat-x bottom left; }
#footerEmail  							{ width:862px; _width:862px; height:39px; margin:0 auto; background:url(../_images/footer.jpg) no-repeat bottom left; }
#footer       							{ width:802px; _width:862px; height:79px; margin:0 auto; padding:0px 0px 0px 60px; text-align:left; background:url(../_images/footer.jpg) no-repeat bottom left; }
#licence      							{ width:862px; _width:862px; height:20px; margin:0 auto; text-align:center; background-color:#171717; }

.clearFix:after 						{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix 								{ display:inline-block; }  /* for IE/Mac */