#custom-doc { width:76.92em;*width:75.07em;min-width:1000px; margin:auto; text-align:left;font-family: MuseoSlab-300; }

@width: 		999px;
@height: 		538px;
@backgrond-colour: 	#020046;
@background-colour-ft:	#020046;
@font-colour: 		#fff;
@font-family: 		MuseoSlab-300;
@font-size: 		13px;
@font-title:		18px;
@font-large:		44px;

h1		{font-family: MuseoSlab-300; font-size: @font-large;margin-bottom: 24px}
h2		{
		font-size: @font-title; font-family:arial;margin-bottom: 20px;
		span {
			font-size: @font-title - 4;
		}
		}
a		{color: #c1c0ff}
.subtitle	{font-family: MuseoSlab-300; font-size: 28px;margin-bottom: 32px; }
.float		{float: left; display: inline;margin: 0 25px 0 0; 
			img	{float: left; }
		}

.button			{width: 281px; height: 85px; display: block; text-indent: -3000px; margin-top: 32px; text-decoration: none; }
.button.candidate	{background: url(images/button-candidate.png) top left no-repeat}
.button.firm		{background: url(images/button-firm.png) top left no-repeat}

.moto 		{font-size: @font-large;margin-left: 447px;position: absolute;top: 653px;}
.quote		{font-style: italic; }

body	{
	background:  @backgrond-colour url(images/bg.gif) top left repeat-x;
	color: @font-colour;
	font-size: @font-size;
}


.header{
	background:url(images/header.jpg) top left no-repeat;
	width: @width;
	height: 145px;
	text-align: center;
	ul	{
		display: block; 
		padding-top: 117px; 
	}
	li {
		display: inline; 
		margin-left: 20px;
		a {
			color: @font-colour; 
			text-decoration: none; 
			font-size: 15px; 
		}
		a:hover	{color: #c1c0ff; }
	}
}
.main {
	width: @width; 
	.content{
		padding: 35px 0px 0 50px;
		height: @height; 
		p,li,a{
			font-family: arial;  
		}
	} 
	
	#home {
		background:url(images/home-bg.jpg) top left no-repeat;

		.subtitle	{width: 400px}
		p		{width: 285px}
	}
	#jobs {
		background:url(images/home-bg.jpg) top left no-repeat;

		.subtitle	{width: 500px}
		p		{width: 485px}
	}		
	#company{
		background:url(images/company-bg.jpg) top left no-repeat;
		p		{width: 266px; margin-bottom: 15px; }
	}
	#giving{
		h1		{width: 590px; line-height: 48px;}
		background:url(images/just-giving.jpg) top left no-repeat;
		p		{width: 470px; margin-bottom: 15px;}
		height: 670px;
		.widget		{
			margin-left: 620px;top: 680px;position: absolute;
			a	{outline:0;display: block; text-indent: -3000px; width: 231px; height: 85px; background: url(images/donate.png) top left no-repeat; text-decoration: none; }
			a:active, a:focus {text-decoration: none; border: 0;}
		}
	}	
	#what	{
		background:url(images/what-bg.jpg) top left no-repeat;
		p		{width: 280px; margin-bottom: 15px; }
		li		{width: 280px; list-style: square outside;margin-left: 15px;}
		.moto {margin-left: 366px}
	}
	#who {
		img	{width: 95px; border: 3px solid #fff;margin: 5px 15px 20px 0;  }
		background:#b2597c url(images/who-bg.jpg) top left no-repeat;
		p		{width: 270px; margin-bottom: 15px; }
		li		{width: 270px; list-style: square outside;margin-left: 15px;}
		.moto {margin-left: 366px;top: 653px;}
		height: @height+155px;
		h2	{margin-bottom: 0px;}
	}
	#philosophy	{
		background:url(images/philosophy-bg.jpg) top left no-repeat;
		p		{width: 250px; margin-bottom: 15px; }
	}
	#contact	{
		background:url(images/contact-bg.jpg) top left no-repeat;
		p		{width: 280px; margin-bottom: 15px; }
		li		{width: 280px; list-style: square outside;margin-left: 15px;}
		height: @height+10px;
	}	
	#notfound{
		.warning	{font-size: 16px;
			a{font-size: 12px;font-family: MuseoSlab-300 ! important; }
		}
	}
}

.footer	{
	font-family: MuseoSlab-300;
	height: 75px;
	background-color: @background-colour-ft;
	width: @width;
	.contact{
		width: 100%; 
		text-align: center;
		padding: 20px 0 0 0; 
	}
}

.close	{position: absolute; margin-left: 257px; top: 0px; width: 35px; height: 34px; display: block; text-indent: -3000px; background: url(images/close.png) top left no-repeat; }
#contactFormContainer {position:absolute;left:368px;z-index:30000;top: 0px;}
#candidateForm, #firmForm {
	margin-top: 10px; 
	display: none; 
	width: 260px; 
	h2,label {font-family: MuseoSlab-300;width: 100%; font-size: 19px ! important;display: block }
	label	{margin-bottom:3px; }
	background:#A60041; border:3px solid #fff;padding:15px; color:#fff;
	span {display:none;font-size:9px;line-height:10px;padding-left:6px;color:#f5c478;}
	input, textarea {
		padding: 5px; font-size: 16px; border: 1px solid #eee; margin-bottom: 5px; width: 220px; margin-right: 10px;
		border-radius: 7px 7px 7px 7px;
	}
	textarea {height: 100px; }
	.title	{font-size: 28px;margin-bottom: 10px;  }
	p	{width: 186px ! important;margin-bottom: 15px; }
	.submit {margin-top: 8px; background:@background-colour-ft;font-weight: bold; color: #fff;font-family: MuseoSlab-300;padding:7px 16px 7px 14px; height:37px; width:85px; cursor:pointer;}
} 
#firmForm {background: #0079AE}
.bar{display:none; background:url(images/ajax-loader.gif) no-repeat center; margin-top:100px; height:40px; width:230px;}
#messageSent {display:none;}
#backgroundPopup{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0;background:#000; z-index:11;}  
.bottomlink {position:absolute; bottom:0;}
.loader,.complete	{display: none; }
.file-drop	{width: 220px; padding: 9px; color: #000; background: #F9E0EA url(images/arrow.jpg) top right no-repeat;border: 1px solid #aaa; }

#msg	{display: none ! important; }