/*

Douglas Radburn @ Branded3

Some guidelines to follow:
1. Break code down into sections.
2. Keep your rules related.
3. Only put one selector per line for a block of rules that apply to multiple selectors.
4. Indent your rules, only one rule per line.
5. Indent proprietary properties with a single tab. Keep these properties directly below the proposed property.
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html {
		margin:0;
		padding:0;
		color: #666;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		font-size:72.5%;
		height:100%;
		background:url(images/right_bg.jpg) top right repeat;
	}
	
	body{
		text-align:left;
		height:100%;
		display:block;
	}

	a{
		text-decoration:none;
		color:#0071b8;
	}

		a:hover{
			text-decoration:underline;
			outline:none;
		}

	/* MISC */

	.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}

	.clearfix {display:block;}

	img a {
		border:none;
	}
	
	.floatLeft{float:left;}
	.floatRight{float:right;}

	p{line-height:18px; margin:10px 0; font-size:15px;}
	p.disclaimer{font-size:13px;}
	
	h1
	{
		color:#3e3e3e; 
		margin:0 0 5px 0; 
		padding:0; 
		font-size:36px; 
		font-weight:bold; 
		line-height:36px;
		text-transform:lowercase;
		letter-spacing:-1px;
	}
	h2{color:#666; margin:0 0 5px 0; padding:0; font-size:15px; font-weight:bold; line-height:15px;}
	h3{margin:20px 0 0 0; padding:0; font-size:15px; font-weight:bold; line-height:19px;}

	input,
	textarea,
	select 
	{	
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	li 
	{
		padding:2px 0;
	}

	strong{font-weight:bold;}

	.border_white{
		border-top:5px solid #fff;
		border-bottom:1px solid #fff;
	}

	.border_pink{
		border-top:5px solid #e4acb5;
		border-bottom:1px solid #e4acb5;
	}

	.border_purple{
		border-top:5px solid #989ccb;
		border-bottom:1px solid #989ccb;
	}

	.border_green{
		border-top:5px solid #c6c288;
		border-bottom:1px solid #c6c288;
	}

	.border_orange{
		border-top:5px solid #edc56e;
		border-bottom:1px solid #edc56e;
	}
	
	.border_grey{
		border-top:5px solid #5c5a56;
		border-bottom:1px solid #5c5a56;
	}


	#dark_about_header{
		background:url(images/dark_aboutus.jpg) bottom right repeat-x #86b3b6;
	}

		#dark_about_header h1{color:#fff;}
	
	#about_header{
		background:url(images/light_aboutus.jpg) bottom right repeat-x #dfebeb;
	}
	
	#dark_contact-us_header{
		background:url(images/dark_contactus.jpg) bottom right repeat-x #d6d6d6;
	}

		#dark_contact-us_header h1{color:#fff;}

	#contact-us_header{
		background:url(images/light_contactus.jpg) bottom right repeat-x #efefef;
	}
	
	#dark_join-us_header{
		background:url(images/dark_joinus.jpg) bottom right repeat-x #958468;
	}

		#dark_join-us_header h1{color:#fff;}

	#join-us_header{
		background:url(images/light_joinus.jpg) bottom right repeat-x #dfd8d0;
	}

	#dark_atticus_header{
		background:url(images/dark_ourpeople.jpg) bottom right repeat-x #e5b471;
	}

		#dark_atticus_header h1{color:#fff;}

	#dark_our-people_header{
		background:url(images/dark_ourpeople.jpg) bottom right repeat-x #e5b471;
	}

		#dark_our-people_header h1{color:#fff;}

	#our-people_header{
		background:url(images/light_ourpeople.jpg) bottom right repeat-x #f7e8d3;
	}

	#dark_events_header{
		background:url(images/dark_events.jpg) bottom right repeat-x #b9ba78;
	}

		#dark_events_header h1{color:#fff;}

	#events_header{
		background:url(images/light_events.jpg) bottom right repeat-x #e9e8d3;
	}

	#dark_services_header{
		background:url(images/dark_services.jpg) bottom right repeat-x #f6aeb9;
	}

	#dark_services_header h1{color:#fff;}


	#services_header{
		background:url(images/light_services.jpg) bottom right repeat-x #ffeff0;
	}


	#_header, #header{
		background:url(images/light_news.jpg) bottom right repeat-x #e8ebf4;
	}

	#dark_header{
		background:url(images/dark_news.jpg) bottom right repeat-x #999ccf;
	}

	#dark_header h1{color:#fff;}


	.grey #header h1, .grey #dark_header h1{
		color:#3e3e3e;
	}

	.about .coloured, .about a.coloured, .colour_about, a.colour_about{color:#86b3b6;}


	.brown .coloured, .brown a.coloured, .colour_brown, a.colour_brown {color:#958468;}
	.white .coloured, .white a.coloured, .colour_white, a.colour_white{color:#fff;}
	.pink .coloured, .pink a.coloured, .colour_pink, a.colour_pink{color:#e4acb5;}
	.purple .coloured, .purple a.coloured, .colour_purple, a.colour_purple{color:#989ccb;}
	.green .coloured, .green a.coloured, .colour_green, a.colour_green{color:#b9ba78;}
	.orange .coloured, .orange a.coloured, .colour_orange, a.colour_orange{color:#e5b471 ;}
	.grey .coloured, .grey a.coloured, .colour_grey, a.colour_grey{color:#999999 ;}

	.linkgrey{color:#666;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#pagecontainer{  float:left; width:910px; padding:0 20px; margin:0; background:url(images/content_bg.jpg) top left repeat-y; min-height:100%;}

	.container{
		width:910px;
		margin:0 auto;
	}

		#topheader{
			float:left;
			width:100%;
			color:#b2b2b2;
		}
			
			#topheader #search_box{
				margin:0 0 0 233px;
				font-size:15px;
				padding:5px 0 0 0;
				display:inline;
			}
				
				#topheader #search_box label{
					float:left;
					margin:0 10px 0 0;
					padding:3px 0 0 0;
					font-weight:bold;
				}

				#topheader #search_box input.textarea{
					float:left;
					padding:3px;
					font-size:10px;
					width:200px;
				}
				
				#topheader #search_box input#go{
					float:left;
					margin:0 0 0 10px;
					background-color:transparent;
					border:none;
					color:#b2b2b2;
					text-decoration:underline;
					padding:3px;
					font-weight:bold;
				}

			#topheader #phone_numbers{
				border-top:5px solid #b2b2b2;
				font-size:13px;
				padding:4px 25px 8px 0;
				width:220px;
				
			}

				#topheader #phone_numbers p{
					margin:2px 0;
					font-size:14px;
				}

					#topheader #phone_numbers p span{
						font-size:15px;
						font-weight:bold;
					}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOMEPAGE ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#homepage{
		width:659px;
		height:309px;
		padding:10px 0 0 18px;
		border-bottom:2px solid #e4acb5;
		margin:0 0 20px 0;
		position:relative;
	}
	
		#homepage h1{
			font-size:38px;
			line-height:34px;
			color:#fff;
			margin:0;
			padding:0;
			width:390px;
			position:relative;
			z-index:99;
		}
		#homepage h1 span.coloured
		{
			font-weight:normal;
		}
	
		#homepage p{
			width:410px;
			font-size:14px;
			color:#fff;
			position:relative;
			z-index:99;
		}

		#homepage #background{
			position:absolute;
			top:0;
			left:0;
			z-index:10;
		}

	.homepage_blocks{
		width:186px;
		height:239px;
		color:#8c8c8c;
		float:left;
		background:#373534;
		margin:0;
		padding:13px;
	}
		/*
		.homepage_blocks a{
			color:#8c8c8c;
		}*/

	#lupton_news{
		margin:0 20px 0 0;
	}

		#lupton_news h2 {
			color:#fff;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-1px;
			margin:0 0 10px 0;
		}

		#lupton_news p{
			font-size:13px;
			margin:8px 0;
		}
		
			#lupton_news p a{color:#8c8c8c;}

	#our_services{
		margin:0 20px 0 0;
	}

		#our_services h2{
			color:#fff;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-1px;
			margin:0 0 10px 0;
		}
		
		#our_services p{
			font-size:18px;
			margin:8px 0;
			line-height:20px;
		}
		
			#our_services form select{
				font-size:12px;
				padding:3px;
				width:186px;
				float:left;
				margin:10px 0 0 0;
			}

	#open_brief{
	}

		#open_brief h2{
			color:#fff;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-1px;
			margin:0 0 10px 0;
		}
		
		#open_brief p{
			font-size:13px;
			margin:8px 0;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* INNER PAGE ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#innercontent{
		width:100%;
		float:left;
		display:inline;
		background:#fff;
		padding:0 0 50px 0;
	}

		#innercontent a{
			text-decoration:underline;
		}
		
			#innercontent a:hover{
				text-decoration:none;
			}
	
		#header, .header, #dark_header, .dark_header{
			width:645px;
			float:left;
			padding:15px 16px 0 16px;
		}
		
			#header h1, .header h1{
				margin:0;
				padding:0 0 10px 0;
				float:left;
				width:100%;
			}
			
			#dark_header h1, .dark_header h1{margin:0;padding:0; float:left; padding:0 0 10px 0;}
			.dark_header h1{color:#3e3e3e;}
		
			#breadcrumb{
				float:left;
				display:inline;
				width:100%;
				margin:0 0 24px 0;
				padding:0;
				color:#000;
				font-size:12px;
				line-height:12px;
			}
			
				#breadcrumb a{
					color:#000;
				}

				
		#contentarea{
			float:left;
			display:inline;
			margin:32px 0 0 20px;
		}

		#onecolumncontent{
			float:left;
			display:inline;
			width:640px;
			margin:0;
			padding:0;
		}
		
			#onecolumncontent p.date{
				margin-bottom:0;
			}
			
			p.outerdate{
				margin:0;
				padding:0;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
			}
		
		#leftcontent{
			float:left;
			display:inline;
			width:425px;
			margin:0 21px 0 0;
			padding:0;
		}

			#onecolumncontent #childpages, #leftcontent #childpages{
				margin:20px 0 0 0;
				float:left;
				width:100%;
			}

				#onecolumncontent #childpages li, #leftcontent #childpages li{
					list-style:none;
					margin:0;
					padding:2px 0;
					font-size:15px;
				}

			#onecolumncontent ul li, #leftcontent ul li{
				margin:0 0 4px 30px;
				list-style:disc;
				font-size:12px;
			}
			
			#onecolumncontent ol li, #leftcontent ol li{
				margin:0 0 4px 30px;
				list-style:decimal;;
				font-size:12px;
			}

		#rightcontent{
			float:left;
			display:inline;
			width:192px;
			margin:0;
			padding:0 0 13px 0;
		}
		
			#rightcontent h3{
				margin-bottom:0;
			}



	/**********************
	RIGHT COLUMN ELEMENTS
	**********************/
	
	#news{
		float:left;
		width:100%;
	}
	
		#news ul li{
			margin:0 0 15px 0;
		}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#leftmenu{
		float:left;
		display:inline;
		width:210px;
		background:#373534;
		margin:0;
		padding:0 0 14px 0;
	}
	
	.logo{
		margin:14px;
		float:left;
		display:inline;
	}

		#leftmenu ul{
			float:left;
			margin:30px 0 0 14px;
			padding:0;
			display:inline;
		}

			#leftmenu ul li{
				font-size:17px;
				color:#fff;
				margin:0;
				padding:0;
				text-indent:0;
				float:left;
				width:198px;
			}
			
				#leftmenu ul li .selected {
					color:#fff;
				}
			
				#leftmenu ul li ul {
					margin:0 0 0 14px;
					width:180px;
				}
			
				#leftmenu ul li ul li {
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					margin:0;
					padding:2px 0;
					text-indent:0;
					float:left;
					width:180px;
				}

				#leftmenu ul li a {
					color:#999999;
					padding:0;
					margin:0;
				}

					#leftmenu ul.list-cube .selected{
						color:#a8c4c9;
					}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#rightcolumn{
		float:right;
		display:inline;
		width:677px;
		margin:0;
		padding:0;
	}

		.quote{
			font-size:19px;
			line-height:22px;
		}

			.quote span{
				font-size:10px;
				line-height:15px;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* OUR PEOPLE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.row{
		float:left;
		width:100%;
		margin:0 0 10px 0;
	}
	
		.division{
			float:left;
			width:250px;
			margin:0 20px 0 0;
			font-weight:bold;
		}
		
			.division p{margin:0; padding:0;}
		
		.members{
			float:left;
			width:370px;
		}
		
			.members p{margin:0; padding:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#footer{
		float:left;
		margin:20px 0;
	}

	#footer p, #footer p a{
		color:#8c8c8c;
		margin:2px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* WORDPRESS ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	.asset-image{float:right; margin:0 10px 10px 0;}
	.ui-tabs .ui-tabs-hide { display: none !important; }
	.largertext{font-size:12px;}
	
	img.centered, .aligncenter, div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.alignright {
		display: inline;
		margin: 10px 0 0 10px;
	}
	
	img.alignleft {
		display: inline;
		margin: 0 10px 0 0;
	}
	
	.alignright {
		float: right;
		margin: 10px 0 0 10px;
	}
	
	.alignleft {
		float: left;
		margin: 0 10px 0 0;
	}
	
		#commentform p{
			float:left;
			width:100%;
		}
		
			#commentform label{
				float:left;
				width:100px;
			}
			
				#commentform input, #commentform textarea{
					float:left;
					width:200px;
					padding:3px;
				}

	.search_form input#s{
		width:250px;
		float:left;
		padding:3px;
	}