/* ----======== Reseting All Browsers ========---- */
		
		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
		{
		margin:0;
		padding:0;
		}
		
		fieldset, img
		{
		border:0;
		}
		
		ol, ul
		{
		list-style:none;
		}
		
		caption, th
		{
		text-align:left;
		}
		
		h1, h2, h3, h4, h5, h6
		{
		font-size:100%;
		font-weight:normal;
		}
		
		abbr, acronym
		{
		border:0;
		}
		
		form
		{
		height: 100%;
		}
		
		/* ----======== HTML Elements ========---- */
		
		html
		{
		height: 100%;	
		margin-bottom: 1px;
		}
		
		body
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background: #FFE320 url(http://www.thefolk.com/images/bg.jpg) repeat-x;
		margin: 0;
		padding: 0;
		height: 100%;
		text-align: center;
		}
		
		.textColumnOverview
		{
		 width: 450px;
		}
		
		h1 
		{
		font-family: Georgia, Arial, Helvetica, sans-serif;	
		width: 100%;	
		padding: 0px 0px 2px 0px;	
		font-size: 45px;	
		color: #000;	
		margin: 0;	
		}
		
		h2
		{
		color: #868686;
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 4px;
		}
		
		p
		{
		line-height: 17px;
		color: #000;
		margin-bottom: 5px;
		font-size: 11px;
		}
		
		#midTop p
		{
		font-size: 12px;
		}
		
		#featuredWork p
		{
		padding: 9px 0 14px 0;
		line-height: 15px;
		margin: 0;
		}
		
		.feature
		{
		padding-bottom: 18px;
		}
		
		.accent
		{
		color: #868686; 
		font-weight: bold; 
		font-size: 12px;
		}
		
		a:link, a:visited
		{
		color: #000;
		outline: none;
		}
		
		a:hover
		{
		color: #000;
		}

		/* ----======== Layout ========---- */
		
		
		#contentWrapper
		{
		width: 1014px;
		text-align: left;
		margin: auto;
		height: 100%;
		z-index: 99;
		position: relative;
		min-height: 800px;
		}
		
		body > #clientAccess
		{
		}
		
		#midTop
		{
		height: 147px;
		padding: 0;
		margin: 19px 0 9px 0;
		position: relative;
		}
		
		#homeTop
		{
		padding: 0;
		margin: 19px 0 9px 0;
		}
		
		.textColumnTop
		{
		width: 140px;
		float: left;
		margin-right: 18px;
		}
		
		#menu
		{
		float: right;
		margin-top: 20px;
		z-index: 150;
		display: block;
		position: relative;
		/*background: #FFE320;*/
		width: 172px;
		}
		
		#access
		{
		float: right; 
		z-index: 1;
		}
		
		#featuredWork
		{
		width: 135px;
		float: right;
		text-align: right;
		padding-top: 19px;
		padding-right: 22px;
		position: relative;
		z-index: 999;
		}
		
		#topNav
		{
		width: auto;
		position: absolute;
		right: 0;
		text-align: right;
		}
		
		#topNav a:link, #topNav a:visited
		{
		color: #a9a8a8;
		text-decoration: none;
		font-size: 11px;
		height: 15px;
		display: block;
		padding-right: 18px;
		padding-top: 1px;
		padding-bottom: 1px;
		}
		
		#topNav a:hover
		{
		background: url(http://www.thefolk.com/images/yellow_arrow.jpg) no-repeat top right;		
		}
		
		#topNav a.selected
		{
		background: url(http://www.thefolk.com/images/yellow_arrow.jpg) no-repeat top right;
		color: #000 !important;
		}
		
		.navImage
		{
		margin: 0 18px 4px 0;
		}
		
		.clearer
		{
		clear: both;
		}
		
		.mainImage
		{
		margin: 0 21px 21px 0;
		}
		
		.about a:link, .about a:visited
		{
		background: url(http://www.thefolk.com/images/menu/about.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-top: 18px;
		margin-bottom: 15px;
		}		
		.about a:hover, .about a.selected
		{
		background: url(http://www.thefolk.com/images/menu/about.jpg) no-repeat bottom right !important;
		}
		
		
		.clients a:link, .clients a:visited
		{
		background: url(http://www.thefolk.com/images/menu/clients.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}
		.clients a:hover, .clients a.selected
		{
		background: url(http://www.thefolk.com/images/menu/clients.jpg) no-repeat bottom right !important;
		}
		
		
		.contact a:link, .contact a:visited
		{
		background: url(http://www.thefolk.com/images/menu/contact.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.contact a:hover, .contact a.selected
		{
		background: url(http://www.thefolk.com/images/menu/contact.jpg) no-repeat bottom right !important;
		}
		
		.subscribe a:link, .subscribe a:visited
		{
		background: url(http://www.thefolk.com/images/menu/subscribe.gif) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 20px;
		}		

		.subscribe a:hover, .subscribe a.selected
		{
		background: url(http://www.thefolk.com/images/menu/subscribe.gif) no-repeat bottom right !important;
		}		
		
		.brand_identity a:link, .brand_identity a:visited
		{
		background: url(http://www.thefolk.com/images/menu/brand_identity.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-top: 23px;
		margin-bottom: 15px;
		}		
		.brand_identity a:hover, .brand_identity a.selected
		{
		background: url(http://www.thefolk.com/images/menu/brand_identity.jpg) no-repeat bottom right !important;
		}
		
		
		.print_design a:link, .print_design a:visited
		{
		background: url(http://www.thefolk.com/images/menu/print_design.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.print_design a:hover, .print_design a.selected
		{
		background: url(http://www.thefolk.com/images/menu/print_design.jpg) no-repeat bottom right !important;
		}
		
		
		.advertising a:link, .advertising a:visited
		{
		background: url(http://www.thefolk.com/images/menu/advertising.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.advertising a:hover, .advertising a.selected
		{
		background: url(http://www.thefolk.com/images/menu/advertising.jpg) no-repeat bottom right !important;
		}
		
		
		.direct_marketing a:link, .direct_marketing a:visited
		{
		background: url(http://www.thefolk.com/images/menu/direct_marketing.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.direct_marketing a:hover, .direct_marketing a.selected
		{
		background: url(http://www.thefolk.com/images/menu/direct_marketing.jpg) no-repeat bottom right !important;
		}
		
		
		.interactive a:link, .interactive a:visited
		{
		background: url(http://www.thefolk.com/images/menu/interactive.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.interactive a:hover, .interactive a.selected
		{
		background: url(http://www.thefolk.com/images/menu/interactive.jpg) no-repeat bottom right !important;
		}
		
		
		.video a:link, .video a:visited
		{
		background: url(http://www.thefolk.com/images/menu/video.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.video a:hover, .video a.selected
		{
		background: url(http://www.thefolk.com/images/menu/video.jpg) no-repeat bottom right !important;
		}
		
		
		.retail_presence a:link, .retail_presence a:visited
		{
		background: url(http://www.thefolk.com/images/menu/retail_presence.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.retail_presence a:hover, .retail_presence a.selected
		{
		background: url(http://www.thefolk.com/images/menu/retail_presence.jpg) no-repeat bottom right !important;
		}
		
		
		.exhibition a:link, .exhibition a:visited
		{
		background: url(http://www.thefolk.com/images/menu/exhibition.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.exhibition a:hover, .exhibition a.selected
		{
		background: url(http://www.thefolk.com/images/menu/exhibition.jpg) no-repeat bottom right !important;
		}
		
		
		.environmental a:link, .environmental a:visited
		{
		background: url(http://www.thefolk.com/images/menu/environmental.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.environmental a:hover, .environmental a.selected
		{
		background: url(http://www.thefolk.com/images/menu/environmental.jpg) no-repeat bottom right !important;
		}
		
		
		.government a:link, .government a:visited
		{
		background: url(http://www.thefolk.com/images/menu/government.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		margin-bottom: 15px;
		}		
		.government a:hover, .government a.selected
		{
		background: url(http://www.thefolk.com/images/menu/government.jpg) no-repeat bottom right !important;
		}
		
		
		.client_access a:link, .client_access a:visited
		{
		background: url(http://www.thefolk.com/images/menu/client_access.jpg) no-repeat top right;
		height: 18px;
		width: 172px;
		display: block;				
		font-size: 0px;
		text-align: left;
		color: #ffe11f;
		bottom: 35px;
		position: fixed;
		z-index: 1;
		}		
		.client_access a:hover, .client_access a.selected
		{
		background: url(http://www.thefolk.com/images/menu/client_access.jpg) no-repeat bottom right !important;
		}
		#menu > .client_access a:link, #menu > .client_access a:visited
		{
		position: fixed;
		}
		
		#box
		{
		width: 19px;
		height: 30px;
		bottom: 0;
		margin-left: 153px;
		background: #FFE11F;
		position: fixed;
		z-index: 1;
		}
		#menu > #box
		{
		position: fixed;
		}
		
		#left
		{
		width: 236px;
		text-align: right;
		float: left;
		position: relative;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		}
		
		#mid
		{
		width: 664px;
		background: #fff url(http://www.thefolk.com/images/mid_bg.jpg) repeat-y left;
		padding: 0px 0px 0px 23px;
		float: left;
		z-index: 999;
		border-left: 18px solid #fff;
		height:auto !important;
		height: 100%;
		min-height: 100%;
		position: relative;
		}
		
		#right
		{
		width: 73px;
		background: #ffe11f;
		text-align: right;
		float: left;		
		position: relative;
		display: none;
		}
		
		#rightStripes
		{
		background: url(http://www.thefolk.com/images/stripes.jpg);
		height: 160px;
		width: 27px;
		position: absolute;
		right: 0;
		top: 19px;
		z-index: 0;
		}
		
		#bottomStripes
		{
		position: fixed;
		left: 0;
		bottom: 0;
		background: #fff url(http://www.thefolk.com/images/bottomStripes.jpg) repeat-x right;
		height: 27px;
		width: 50%;
		z-index: 1;
		}
		
			
		/* ----======== Table Styling ========---- */	
		
		table
		{
		margin-top: 15px;
		border: none;
		}
		
		.text-field
		{
		background: #fff;
		border: 1px solid #000;
		padding: 3px 4px 3px 4px;
		color: #555;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		.text-field:hover, .text-field:focus
		{
		border: 1px solid #000;
		color: #000;
		}
		
		.row td
		{
		padding: 4px 5px;
		text-align: left;
		color: #000;
		font-size: 12px;
		background: #fff;
		border-bottom: 1px solid #efefef;
		}
		
		.row-alt td
		{
		padding: 4px 5px;
		text-align: left;
		color: #000;
		font-size: 12px;
		background: #FAFAFA;
		border-bottom: 1px solid #eee;
		}
		
		th
		{
		padding: 8px 5px;
		color: #000;
		font-weight: bold;
		background: #eee;
		font-size: 12px;
		text-align: left;
		border-bottom: 1px solid #000;
		}
		
		/* ----======== Form Styling ========---- */
		
			
			.button
		{
		border: none;
		background: #666;
		font-size: 12px;
		color: #fff;
		padding: 4px 4px;
		margin-left: 2px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		.button:hover
		{
		border: none;
		color: #000;
		background: #FFE225;
		}
		
		.button:active
		{
		border: none;
		color: #333;
		}
		
		#editor td
		{
		padding: 0;
		text-align: left;
		color: #333;
		font-size: 12px;
		background: #FDFDFD;
		border-right: none;
		border-bottom: none;
		border-left: none;
		}
		
		a.folder
		{
		background: url(../_images/folder.jpg) no-repeat left;
		padding: 2px 0 2px 20px;
		}
		
		a.upfolder
		{
		background: url(../_images/return_folder.jpg) no-repeat left;
		padding: 2px 0 2px 20px;
		font-size: 11px;
		}
		
		a.file
		{
		background: url(../_images/file.jpg) no-repeat left;
		margin-left: 2px;
		padding: 2px 0 2px 18px;
		}
		
		a.download
		{
		background: url(../_images/goto.png) no-repeat left;
		padding: 2px 0 2px 20px;
		}