/****************** Index of Style-Positions.css *******************/
/* 
This file is divided up into 3 sections - please find them below:
	-> Tag Reset : Resets defaults.
	-> Main Structure : Mast Head, Mast Content, Mast Footer, etc.
	-> Page-Per-Page : Differing sub-page styles
*/
/*******************************************************************/

/* ------------------------------------------------ */
/*	TAG RESET										*/
	html, body, div, span, applet, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	}
	
/* ------------------------------------------------ */
/*	MAIN STRUCTURE									*/

	* { margin: 0px; padding: 0px; }
	body { margin: auto; background: #ffffff url('../images/bg.gif') top repeat-x; text-align: center; }
	
	.wrapper { width: 855px; margin: 0px auto; text-align: left; position: relative; }
	
	/* Header */
	.mast_head {
	width: 855px;
	height: 116px;
	float: left;
	}
		.logo { width: 219px; height: 48px; float: left; margin: 36px 0px 0px 0px; }
		.logo a { width: 219px; height: 48px; float: left; background: url('../images/logo_pf.png') no-repeat; display: block; }
		ul.topnav { float: right; margin: 47px 0px 0px 0; list-style-type: none; }
		ul.topnav li { float: left; padding: 9px 19px 3px 0px; position:relative;}
			ul.topnav li ul { display:none; width:140px; position:absolute; list-style-type:none; background:#fff; border:1px solid #e5e5e5; }
				ul.topnav li ul li { width:140px; clear:left!important; }
				ul.topnav li ul li a { width:120px; display:block; padding:4px 10px 4px 10px; }
		ul.topnav li.twit,ul.topnav li.you,
		ul.topnav li.face { padding: 3px 5px 3px 0; }
		ul.topnav li.twit a { width: 21px; height: 21px; display: block; padding: 0; background: url('../images/twit.png') no-repeat; }
		ul.topnav li.face a { width: 21px; height: 21px; display: block; padding: 0; background: url('../images/face.png') no-repeat; }
		ul.topnav li.you a { width: 21px; height: 21px; display: block; padding: 0; background: url('../images/you.png') no-repeat; }
		ul.topnav li.login { padding: 3px 12px 3px 0px; text-align: right; float: right; background: url('../images/arrow_topnav.gif') 48px 8px no-repeat; }
		#login { width: 335px; height: 240px; position: absolute; top: 69px; right: 0px; border-bottom: 1px solid #E5E5E5; z-index: 1000; display: none; }
			.login_title { width: 68px; height: 21px; float: right; background: #000000; margin: -21px 0px 0px 0px;}
			.login_box { width: 293px; height: 100px; float: left; padding: 30px 20px 0px 20px; background-color: #ffffff; border: 1px solid #E5E5E5;  }
			.hidden { display: none; }
			.showlogin { display: block; }
			.for_search { height: 50px; border-bottom: 0!important; }
	
	/* Content */
	.mast_content {
	width: 855px;
	padding: 0px 0px 30px 0px;
	float: left;
	overflow: hidden;
	}
			
	/* Footer */
	.mast_footer {
	width: 100%; 
	float: left;
	height: 161px; 
	background: url('../images/bg_footer.gif') bottom repeat-x;
	}
		.mf_content { width: 855px; margin: 0px auto; padding: 28px 0px 0px 0px; text-align: left; }
		
/* ------------------------------------------------ */
/*	PAGES											*/

	/* Home */
	.cupboard { width: 870px; float: left; }
		.cupboard_item { width: 275px; float: left; padding: 10px 15px 10px 0px; display: inline; }
		.cupboard_item_23rds { width: 550px; float: left; padding: 10px 15px 10px 0px; }
		.cupboard_item_33rds { width: 855px; float: left; padding: 10px 15px 10px 0px; }
	/* Slider */
	#main-photo-slider { width: 824px; height: 270px; float: left; margin: 15px 0px 0px 0px; background: #000000; border: 14px solid #000000; position: relative; overflow: hidden }
		.panelNav { width: 55px; position: absolute; top: 22px; right: 164px; list-style-type: none; display: inline; float: left; z-index: 900; }
		.panelNav li 								{ height: 7px; float: left; padding: 0px 5px 0px 0px; overflow: hidden; }
		.active-thumb 								{ float: left; margin: -7px 0px 0px 0px; }
		.stripViewer .panelContainer 
		.panel p.slider-img a:hover img 			{ margin: -270px 0px 0px 0px; }
		.stripViewer								{ position: relative; overflow: hidden; width: 827px; height: 270px; }
		.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
		.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 827px; }
		.stripNavL, .stripNavR, .stripNav			{ display: none; }
		
		.panel_image { width: 407px; height: 270px; float: left; padding: 0px 13px 0px 0px; }
		.panel_image a:hover img { margin: -270px 0px 0px 0px; }
		.panel_content { width: 407px; height: 220px; float: left; padding: 48px 0px 0px 0px; text-align: center; }
	/* Case Study */
	.case_study_left { width: 560px; float: left; padding: 15px 20px 0px 0px; }
	.case_study_right { width: 286px; float: left; padding: 15px 0px 0px 0px; }

/*   NEWS BANNER   */

	.news_banner { float:left; height:206px; width:630px; overflow:hidden; margin:10px 0 0 100px; }
		.news_banner p.ci_pic { margin:0; float:left; }
		.news_banner p.ci_pic a:hover { cursor:default; }
		.news_banner p.ci_pic img:hover { margin: -206px 0px 0px 0px; }