* {
	margin:							0;
	padding:						0;
}

html {
	width:							100%;
}

body {
	margin:							56px auto 20px;
	padding:						1px;
	width:							964px;
}
ol {
	margin-left:					30px;
}
.index #header {
	min-height:						138px;
}

#header {
	min-height:						88px;
	padding:						30px 0 0 37px;
}

#header img {
	display: block;
}

* html #header {
	height:							138px;
}

#header .strapline {
	float:							left;
	margin-top:						16px;
}


#framework {
	padding:						0 10px;
}




.index #content {
	float:							left;
	margin:							0;
	padding:						16px 0 0 28px;
	width:							471px;
}

.index #callouts {
	float:							right;
	width:							400px;
}


.index #content p {
	margin-bottom:					10px;
}

#content {
	float:							right;
	margin:							11px 24px 0 0;
	padding:						7px 0 24px 35px;
	width:							700px;
}

#callouts {
	float:							left;
	margin:							11px 0 0 2px;
	padding:						8px 0 0;
	width:							182px;
}

.headings {
	margin-bottom:					14px;
	padding-bottom:					9px
}

.strapline {
	margin-bottom:					20px;
}




/* -------------------- THE TEAM STYLES -------------------- */

.the-team #column-1 {
	float:							left;
	width:							388px;
}

.the-team #column-2 {
	float:							right;
	margin-right:					24px;
	width:							260px;	
}

/* -------------------- PROJECT STYLES -------------------- */

#projects-list li {
	float:							left;
	margin:							0 21px 14px 0;
	padding:						10px 11px 12px 10px;
	width:							308px;
}
#projects-list li.newRow {
	clear:							left;
}

#projects-list h2 {
	margin:							2px 0 6px;
}

#projects-list span,
#projects-list h2,
#projects-list p {
	float:							left;
	width:							200px;
}

#projects-list .submit {
	margin-top:						10px;
}


.project #column-1 {
	float:							left;
	width:							388px;
}

.project #column-2 {
	float:							right;
	margin-right:					24px;
	width:							260px;	
}
.project #column-2 h2 {
	padding:						10px 0 5px;
	margin:							0 0 10px;
}
.project li {
	padding:						0 0 5px;
}
#project-gallery {
	padding:						27px 0 6px 11px;
}

#project-gallery ul {
	margin:							7px 0 0;
}

#project-gallery li {
	float:							left;
}

#project-gallery img {
	margin-right:					3px;	
}



#icon-links {
	clear:							both;	
	margin-right:					1px;
}

#icon-links img {
	float:							left;
}

#icon-links a img, #icon-links .partners {
	display:						block;
	float:							right;
	margin: 1px 0;
}

/* -------------------- TEAM STYLES -------------------- */

.the-team #column-1 .descriptionText,
.the-team #column-1 .emplyeeList {
	width:							178px;
	float:							left;
	margin-top:						-14px;
	padding-top:					14px;
	margin-bottom:					-24px;
	padding-bottom:					24px;
}
.the-team #column-1 .descriptionText {
	padding-right:					15px;
}
.the-team #column-1 .emplyeeList {
	padding-left:					15px;
}
#content.project #column-1 ul {
	margin-bottom:					10px;
}
#content.project #column-1 li {
	padding:						2px 0 2px 10px;
}

/* -------------------- FORM STYLES -------------------- */

.contact #content ul {
	margin-bottom:					10px;
}
.contact #content li {
	padding:						2px 0 2px 10px;
}
.contact  #content form .submit {
	margin-left:					120px;
	width:							96px;
	height:							18px;
}
/* -------------------- LIBRARY STYLES -------------------- */
.library-index .repositoryListContainer {
	width:							100%;
	float:							left;
	clear:							both;
}
.library-index .repositoryItem {
	width:							460px;
	padding:						0 0 6px 0;
	margin:							0 0 20px 0;
	float:							left;
	clear:							both;
}
.library-index .repositoryItem h2,
.library-index .repositoryItem p {
	float:							left;
	width:							300px;
}
.library-index .repositoryItem p {
	margin-bottom:					0;
}
.library-index .repositoryItem p.download {
	padding:						0 0 4px 10px;
	margin-bottom:					0;
	float:							right;
	width:							120px;
}
.library-index .repositoryItem p.download img {
	float:							left;
	margin-right:					4px;
}


/* -------------------- LINKS STYLES -------------------- */

.links-index #content {
	padding-right:					35px;
	width:							665px;
}
.links-index #content ul {
	margin:							-10px 0 20px;
	padding:						0 0 10px;
}
.links-index #content li {
	padding:						2px 0 2px 10px;
}
.links-index #content hr {
	margin:							20px 0 10px;
	padding:						0;
	line-height:					1px;
	height:							1px;
}

/* ------------------ SOCIAL RESPONSIBILITY STYLES ------------------ */

.social-responsibility #content p {
	margin-bottom: 7px;
}

.social-responsibility #content h3 {
	margin-bottom:					10px;
}
.social-responsibility #content img {
	float:							right;
	margin-left:					10px;
}
.social-responsibility #content ul {
	margin-bottom:					10px;
}
.social-responsibility #content li {
	padding:						2px 0 2px 10px;
}

/* ------------------ INVESTORS STYLES ------------------ */

.investors #content ul {
	margin-bottom:					10px;
}
.investors #content li {
	padding:						2px 0 2px 10px;
}

/* -------------------- SITE MAP STYLES -------------------- */

.site-map #content ul ul {
	margin-bottom:					10px;
}
.site-map #content li {
	padding:						2px 0 2px 10px;
}


/* -------------------- FAQ STYLES -------------------- */

.faqs #content ul {
	margin-bottom:					10px;
}
.faqs #content ol {
	margin-bottom:					10px;
	margin-top:						-10px;
}

/* -------------------- FORM STYLES -------------------- */

form {
	padding:						20px;
	width:							380px;
}

form p {
	margin-bottom:					5px;
}

form p label,
form div label,
form .radio .main-label {
	float:							left;
	width:							120px;
}

form p input,
form div textarea {
	float:							left;
	width:							220px;
}

form .radio input {
	width: auto;
	margin: 0 5px 0 0;
}

form .radio label {
	width: 100px;
}

form div {
	clear:							both;
	padding-top:					5px;
}

form div p {
	margin-left:					120px;
	width:							220px;
}



/* -------------------- CALLOUT STYLES -------------------- */

.contact-details {
	padding:						17px 0 1px 21px;
}

.contact-details h2 {
	margin-bottom:					6px;
}

.contact-details address {
	margin-bottom:					20px;
}
#callouts .w-quote img.quoteBottom {
	position:						relative;
	left:							-21px;
	top:							27px;
	// top:							24px;
}
.index #callouts .widget.sideImage .w-quote img.quoteBottom {
	left:							0;
	top:							174px;
}
.index #callouts .widget-pair .widget {
	position:						relative;
	float:							left;
	width:							198px;
}
.index #callouts .widget-pair .widget,
.index #callouts .widget-pair .widget.sideImage {
	height:							184px;
}
.index #callouts .widget-pair .widget .w-project p {
	margin-right:					60px;
	margin-bottom:					0;
}
.index #callouts .widget-pair .widget.project p a {
	padding-left:					22px;
}
.index #callouts .widget-pair .widget .w-quote {
	height:							130px;
}
.index #callouts .widget-pair .widget.sideImage p {
	padding-right:					30px;
}
.index #callouts .widget-pair .widget.sideImage img {
	position:						absolute;
	top:							0;
	right:							0;
}
.index #callouts .widget-pair .widget .w-project p {
	padding:						5px 22px;
	margin-bottom: 0;
}

.index #callouts .widget {
	margin-right: 1px;
}

.index #callouts .sideImage, .index #callouts .project {
	margin-right: 0px;
}

#callouts #w-info {
	margin:							2px 0px 10px 2px;
	padding-top:					8px;
}

#callouts #w-info #w-info-inner {
	margin: 0px 47px 0px 0px;
	padding: 0px 4px 15px 22px;
	zoom: 1;
}

#callouts #w-info #w-info-inner h3 {
	margin:							0 0 5px 0;
}
#callouts #w-info #w-info-inner p.imageShared {
	width:							180px;
	float:							left;
}
#callouts #w-info #w-info-inner img {
	float:							right;
	margin-top:						4px;
}

#callouts #w-info #w-info-inner #clear {
	clear: both;
}

#callouts #w-info #w-info-bottom {
	font-size: 1px;
	line-height: 0;
}


.w-quote {
	padding:						30px 32px 24px 21px;
}







#footnote {
	clear:							both;
	height:							30px;
	margin:							0px 24px 0 2px;
}


#footer {
	padding:						14px 37px 21px 41px;
}

#footer a {
	float:							left;
}

#footer div {
	float:							right;
	margin-bottom:					30px;
	width:							560px;
}

#footer span {
	float:							left;
}

#footer ul {
	float:							right;
	margin-bottom:					10px;
}

#footer ul li {
	float:							left;
	margin-left:					5px;
}
#footer ul li a {
	padding-left:					5px;
}
#footer p {
	clear:							both;
}

/* -------------------- HACKS AND MAGIC -------------------- */

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

.clearfix {
	display: 						inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 						1%;
}

.clearfix {
	display: 						block;
}
/* End hide from IE-mac */


/* Specific Clearfixes */

form p:after,
#projects-list li:after {
    content: 						"."; 
    display: 						block; 
    height: 						0; 
    clear: 							both; 
    visibility: 					hidden;
}

form p,
#projects-list li {
	display: 						inline-block;
}

/* Hides from IE-mac \*/
* html form p,
* html #projects-list li {
	height: 						1%;
}

form p,
#projects-list li {
	display: 						block;
}
/* End hide from IE-mac */