/* REDEFINE HTML
----------------------------------------------- */
	body
		{
		margin: 0;
		padding: 0;
		background: #B1F9E1;
		text-align: center;
		color: #2C1600;
		}
		
	img
		{
		border: 0;
		}
		
	a:link 
		{
		color: #396;
		text-decoration:none;
		}
		
	a:visited 
		{
		color: #396;
		text-decoration:none;
		}
	
	a:hover 
		{
		color: #666;
		text-decoration:underline;
		}
	
	a:active 
		{
		color: #666;
		text-decoration:underline;
		}
	
	h1
		{
		margin: 0;
		padding: 34px 0 0 0;
		font: normal 20px trebuchet ms, sans-serif;
		text-align: left;
		}
		
	h2
		{
		margin: 0;
		padding: 0;
		font: bold 26px 'trebuchet ms', arial, verdana, sans-serif;
		}
		
	h3
		{
		margin: 0;
		padding: 0;
		font: bold 20px 'trebuchet ms', arial, verdana, sans-serif;
		}
		
	p
		{
		font: 12px arial, geneva, verdana, sans-serif;
		}

/* STRUCTURE
----------------------------------------------- */
	#container
		{
		margin: auto;
		background: #fff url(../images/backgrounds/container.gif) repeat-y;
		text-align: left;
		width: 764px;
		}
		
	#phone-number
		{
		padding: 3px 16px 2px 0;
		font: bold 12px 'trebuchet ms', verdana, arial, sans-serif;
		color: #666;
		text-align: right;
		}
		
	#description
		{
		margin: 0px 6px;
		padding: 10px 90px;
		}
		
	#cookietrail
		{
		padding: 4px;
		font: 10px arial, geneva, verdana, sans-serif;
		clear: both;
		}
		
	#masthead
		{
		background: #000;
		height: 100px;
		}
		
	#content-main
		{
		margin: 0 0 0 175px;
		padding: 14px;
		border-left: 1px #999 solid;
		}
	
	#footer
		{
		background: #2C1600 url(../images/backgrounds/footer.gif) bottom right no-repeat;
		color: #B78E65;
		height: 77px;
		font: 10px arial, geneva, verdana, sans-serif;
		text-align: center;
		}
		
	#footer	a:link 
		{
		color: #fff;
		text-decoration:none;
		}
		
	#footer	a:visited 
		{
		color: #fff;
		text-decoration:none;
		}
	
	#footer	a:hover 
		{
		color: #B78E65;
		text-decoration:underline;
		}
	
	#footer	a:active 
		{
		color: #B78E65;
		text-decoration:underline;
		}

/* MAIN MENU
----------------------------------------------- */
	#menu-main ul 
		{
		margin: 0 6px 0 0;
		padding: 0;
		list-style-type: none;
		height: 14px;
		}
		
	#menu-main ul li 
		{
		width: 12.5%;
		float: left;
		}
		
	#menu-main ul li a 
		{
		padding: 7px 0 8px 0;
		background: #4BB290 url(../images/backgrounds/menu-main.gif) repeat-x;
		font: bold 14px 'trebuchet ms', arial, verdana, sans-serif;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		height: 14px;
		}
	
	#menu-main ul li a:hover 
		{
		color: #145741;
		}
	
	#menu-main ul li#main-active a
		{
		background: #4BB290 url(../images/backgrounds/menu-active.gif) top center no-repeat;
		color: #145741;
		}
		
		#menu-main ul li#main-active b
		{
		background: #4BB290 url(../images/backgrounds/menu-active.gif) top right no-repeat;
		color: #145741;
		}
		
/* SIDE MENU
----------------------------------------------- */
	#menu-projects 
		{
		margin: 0;
		padding: 10px 0 0 0;
		width: 166px;
		}
	
	#menu-projects ul 
		{
		margin: 0;
		padding: 0;
		width: 100%;
		list-style-type: none;
		}
	
	#menu-projects ul li
		{
		margin: 0;
		padding: 0;
		width: 100%;
		list-style-type: none;
		}
	
	#menu-projects ul li a 
		{
		margin: 0;
		padding: 2px 8px 2px 12px;
		border-top: 1px none;
		border-bottom: 1px none;
		font: 12px 'trebuchet ms', verdana, arial, sans-serif;
		text-decoration: none;
		text-align: right;
		display: block;
		}
	
	#menu-projects ul li a:hover
		{
		background: #B7B7B7;
		color: #fff;
		}
	
	#menu-projects li#client-active a 
		{
		padding-left: 16px;
		background: #B7B7B7 url(../images/elements/side-menu-arrow.gif) left no-repeat;
		color: #fff;
		font-weight: bold;
		text-align: left;
        }
		
	#column-scrolling
		{
		margin-right: 6px;
		background: #fff;
		background-position: fixed;
		width: 190px;
		height: 314px;
		overflow: auto;
		text-align: left;
		}
		
/* COSMETICS
----------------------------------------------- */	
	.page-note
		{
		font: 8pt arial, geneva, verdana, sans-serif;
		}

/* FORMS
----------------------------------------------- */		
	fieldset
		{
		margin: 0 0 14px 0;
		font: bold 10pt arial, geneva, verdana, sans-serif;
		}
		
	label
		{
		margin-right: 10px;
		font: 10px arial, geneva, verdana, sans-serif;
		float: left;
		}
		
	input.required
		{
		border-color: #f00;
		}

	input
		{
		border-width: 1px;
		}
	
	input:hover
		{
		background: #ffc;
		}
		
	input:focus
		{
		background: #ff3;
		}

	select
		{
		border-width: 1px;
		}
	
	select:hover
		{
		background: #ffc;
		}
		
	select:focus
		{
		background: #ff3;
		}

	textarea
		{
		border-width: 1px;
		}
	
	textarea:hover
		{
		background: #ffc;
		}
		
	textarea:focus
		{
		background: #ff3;
		}

/* FORM BUTTON
----------------------------------------------- */	
	.form-button
		{
		border: 3px #999 double;
		border-top-color: #ccc;
		border-left-color: #ccc;
		border-bottom-color: #333;
		border-right-color: #333;
		padding: 0.15em;
		background: #fff;
		color: #333;
		font: bold 8pt arial, geneva, verdana, sans-serif;
		cursor: pointer;
		}
	
	.form-button:link 
		{
		color: #333;
		}
		
	.form-button:visited
		{
		color: #333;
		}
		
	.form-button:hover
		{
		background: #cfc;
		color: #060;
		text-decoration: none;
		}

/* VALIDATION
----------------------------------------------- */	
	input.disabled
		{
		border: 1px solid #eee;
		background: #eee;
		}

	input.required, textarea.required
		{
		border: 1px solid #f00;
		}

	input.validation-failed, textarea.validation-failed
		{
		border: 1px solid #f00;
		}
		
	input.validation-passed, textarea.validation-passed
		{
		}

	.validation-advice
		{
		margin: 3px 0;
		padding: 3px;
		background: #f00;
		color : #fff;
		font: bold 11px arial, geneva, sans-serif;
		}