/* ---
CSS Stylesheet for http://www.c3partnership.com
Author: Marc Thomas
Author URL: http://www.creode.co.uk
--- */

/* ---
1. Global
2. Layout
3. Typography
4. Navigation
5. Lists
6. Forms
7. Misc
--- */

/* ---
1. Global
--- */

@font-face {
	font-family: 'Moderna';
	src: url('fonts/MgOpenModernaRegular.eot');
	src: local('MgOpen Moderna'), 
	local('MgOpenModerna-Regular'), 
	url('fonts/MgOpenModernaRegular.woff') format('woff'), 
	url('fonts/MgOpenModernaRegular.ttf') format('truetype');
}

@font-face {
	font-family: 'Moderna';
	src: url('fonts/MgOpenModernaBold.eot');
	src: local('MgOpen Moderna'), 
	local('MgOpenModerna-Bold'), 
	url('fonts/MgOpenModernaBold.woff') format('woff'), 
	url('fonts/MgOpenModernaBold.ttf') format('truetype');
	font-weight:bold;
}

html {
	background-color:#627198;
	height:100%;
}

body {
	background-color: #94a5b5;
	color:#fff;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:62.5%;
	font-weight:300;
	height:100%;
	line-height:161%;
	margin:0;
	overflow-x:hidden;
	padding:0;
	text-shadow:0px 1px 1px #333;
	width:100%;
}

h1 {
	font-family:HlvtcThn, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:46px;
	font-weight:100;
	line-height:120%;
}

h2 {
	font-family:HlvtcThn, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:46px;
	font-weight:100;
	line-height:120%;
}

h2.hometitle {
	margin-bottom:20px;
}

h3 {
	font-weight:bold;
	margin-bottom:1.61em;
}

a:link {
	color:#eee;
	text-decoration:underline;
}

a:visited {
	color:#ddd;
	text-decoration:underline;
}

a:hover {
	color:#2b2b2b;
	text-decoration:none;
	text-shadow:0px 1px 1px #ddd;
}

a:active, a:focus {
	color:#2b2b2b;
	text-decoration:none;
	text-shadow:0px 1px 1px #ddd;
}

div.c3hr {
	background: url("../images/hr.png") repeat-x;
	border:none;
	display:block;
	font-size:0px;
	height:2px;
	line-height:0px;
	margin:10px 0;
}

div.beforeoffice {
	margin-bottom:20px;
}

h2.offices {
	font-size:24px;
	line-height:24px;
	margin-bottom:20px;
}

p {
	padding-bottom:1.61em;
}
textarea {
	resize:none;
}

/* ---
2. Layout
--- */

div#wrapper {
	background: #627198 url("../images/wrapper-bg.jpg") repeat-x bottom center;
	display:table;
	font-size:1.3em;
	height:60%;
	line-height:161%;
	width:100%;
}

div#header {
	background: #627198 url("../images/headerbg.jpg") repeat-x;
	border-bottom:1px solid #9aa3bb;
	display:block;
	height:110px;
}

div#navigation-wrapper {
	margin:0 auto;
	width:1060px;
}

ul#navigation {
	float:left;
	width:820px;
}

#c3logo {
	display:block;
	float:right;
	font-size:1.2em;
	height:110px;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	right:80px;
	width:160px;
}


#c3logo span,
#c3logo a:link span,
#c3logo a:visited span {
	background: url("../images/logo.jpg") no-repeat 0 0;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}


#c3logo a:link, #c3logo a:visited {
	bottom:0;
	display:block;
	height:110px;
	left:0;
	overflow:hidden;
	position:relative;
	width:160px;
}

#c3logo a:hover, #c3logo a:active, #c3logo a:hover, #c3logo a:active {
	cursor:pointer;
}

div#container {
	margin:0 auto;
	width:940px;
}

div#content {
	margin-top:40px;
}

div#pagetitle {
	display:block;
	/* float:left; */
	margin-bottom:40px;
	width:940px;
}

div#wholemaincontent {
	float:left;
	margin:0 auto;
	width:940px;
}

div#maincontent {
	float:left;
	width:620px;
}

div#sidebar {
	float:right;
	width:300px;
}

div#leftsidebar {
	float:left;
	width:300px;
}

div#rightmaincontent {
	float:right;
	width:620px;
}

div#teamleftcontent {
	display:inline;
	float:left;
	margin-right:20px;
	width:300px;
	_width:290px !important;
}

div#teammiddlecontent {
	display:inline;
	float:left;
	margin-right:0px;
	width:619px;
}

div#teamrightcontent {
	display:inline;
	float:left;
	margin-right:0;
	width:300px;
}

div#contactleft {
	float:left;
	width:300px;
}

div#contactmiddle {
	display:inline;
	float:left;
	margin-left:18px;
	width:300px;
}

div#contactright {
	display:inline;
	float:left;
	margin-left:19px;
	width:300px;
}

div.abbey-member {
	display:inline;
	float:left;
	margin-right:40px;
	width:280px;
}

div.abbey-member-last {
	display:inline;
	float:left;
	margin-right:0;
	width:279px;
}

div.abbey-member p, div.abbey-memner-last p {
	position:relative;
}

div.abbey-clear {
	display:block;
	margin-bottom:20px;
	width:940px;
}

div#footer {
	display:table;
	height:35%;
	margin:0 auto;
	margin-bottom:-11px;
	width:100%;
}

div#image-wrap {
	display:table-cell;
	vertical-align:bottom;
}

div#footer-wrapper {
	background: #000;
	border-top:1px solid #000;
	clear:both;
	display:table;
	filter:alpha(opacity=80);
	float:left;
	font-size:1.2em;
	-khtml-opacity:0.8;
	margin-top:-62px;
	-moz-opacity:0.8;
	opacity: 0.8;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:100;
}

div#footer-content {
	height:60px;
	margin:0 auto;
	overflow:hidden;
	width:980px;
}

div#footer-leftcontent {
	float:left;
}

div#footer-rightcontent {
	float:right;
	text-align:right;
}

div#feedContent {
	height:auto;
}

/* ---
3. Typography
--- */

a.team:link, a.team:visited {
	/*background-color:#8391b8;
	border:1px solid #9ba2bc;
	border-radius:5px;
	cursor:pointer;
	display:block;
	filter:alpha(opacity=80);
	-khtml-opacity:0.8;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-moz-opacity:0.8;
	opacity: 0.8;
	padding:5px 8px;
	text-decoration:none;
	-webkit-border-radius:5px;*/
	cursor:pointer;
	display:block;
	padding:5px 16px;
	text-decoration: none;
}

h3.teamh3 {
	display:block;
	margin-bottom:0.8em;
	font-size:1.5em;
	padding:5px 8px;
}

h3.teamh3head,
h3.careersh3 {
	display:block;
	padding:0px 8px;
	font-size:1.5em;
	margin-bottom:0.8em;
}

div#teamaccordion div,
div#repsaccordion div {
	padding:0 8px;
}

a.team:hover, a.team:focus, a.team:active {
	/*filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;*/
}

span.news-item-title {
	display:block;
}

span.news-item-date {
	color:#ddd;
	display:block;
}

span.news-item-title a:link, span.news-item-title a:visited {
	color:#fff;
	text-decoration:none;
}

span.news-item-title a:hover, span.news-item-title a:active, span.news-item-title a:focus {
	color:#2b2b2b;
	text-decoration:none;
}

div#leftsidebar a,
div#teamleftcontent a {
	display:block;
	text-decoration:none;
	width:284px;
	_width:264px !important;
}

a.team_active {
	color:#2b2b2b;
	text-decoration:none;
	text-shadow:0px 1px 1px #ddd;
}
div.teamc3head a.team_active {color:#ddd; text-shadow:0px 1px 1px #333;}

span.abbey-member-name {
	display:block;
	font-weight:bold;
	padding-bottom:0.85em;
}

span#phone-number {
	display:block;
	font-size:2.2em;
	font-weight:lighter;
	line-height:36px;
}

span#ftr-contact {
	display:block;
	line-height:12px;
}

span#img-credit {
	display:block;
	line-height:34px;
}

span#web-credit {
	color:#666;
	display:block;
	line-height:12px;
	text-shadow:0px 1px 1px #000;
}

span#web-credit a:link, span#web-credit a:visited {
color:#666;}

div#footer-wrapper a:hover, div#footer-wrapper a:active, div#footer-wrapper a:focus {
	color:#fff;
	text-decoration:underline;
	text-shadow:0px 1px 1px #000;
}

a.tablelink:link, a.tablelink:visited {
	color:#ddd;
	text-decoration:none;
}

a.tablelink:hover, a.tablelink:active, a.tablelink:focus {
	color:#000;
}

p.messagesent,
p.error {
	background-color:#8391b8;
	border:1px solid #9ba2bc;
	border-radius:5px;
	display:block;
	margin-bottom:20px;
	-moz-border-radius:5px;
	padding:10px;
	-webkit-border-radius:5px;
}

.careers p {
	position:relative;
	overflow:hidden;
}

#teammiddlecontent h3 { font-size:1.5em; margin-bottom:0.8em; }

/* ---
4. Navigations
--- */

ul#navigation li.inlineblockie {
	display:inline;
	width:160px;
}

ul#navigation li a.inlineblockie {
	color:#fff;
	display:-moz-inline-box;
	display:inline-block;
	height:110px;
	position:relative;
	text-decoration:none;
	width:160px;
}

ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a:focus, ul#navigation li a.current_page {
	background: url("../images/navabg.jpg") no-repeat top center;
	color:#2b2b2b;
	text-decoration:none;
	text-shadow:0px 1px 1px #fff;
}

ul#navigation li a span.nav-number {
	font-size:0.9em;
	font-weight:bold;
	left:60px;
	position:relative;
	top:30px;
}

ul#navigation li a span.nav-text {
	font-size:1em;
	left:53px;
	position:relative;
	top:48px;
}

div#subThumbNav {
	margin:0 auto;
	padding-top:40px;
	width:940px;
}

ul#subNav li {
	display:inline;
	list-style:none;
}

ul#subNav li a {
	padding:0 20px;
}

ul#subNav li a.first {
	padding-left:0;
}

ul li.liblock {
	display:block;
}

ul li.liblock a {
	display:block;
	padding:10px;
}

ul li.odd {
	background-color:#6b7b9d;
}

/* ---
5. Tables
--- */

table {
	border-collapse:collapse;
	width:100%;
}

table thead td,
table thead th {
	background-color:#97a9b7;
	padding:10px 0;
	text-align:center;
}

table tbody tr td {
	padding:10px 0;
	text-align:center;
}

table tbody tr.odd td {
	background-color:#6b7b9d;
}
table tbody tr.even td {
	background-color:#8d9dbf;
}

/* ---
6. Forms
--- */

form#contactform label,
div#login-form label,
div#file-uploader label,
div#maincontent label {
	cursor:pointer;
	display:block;
	margin-bottom:10px;
}
form#contactform input[type="hidden"],
div#login-form input[type="hidden"],
div#file-uploader input[type="hidden"],
div#main-content input[type="hidden"] {
display:none;
}
form#contactform input.contactforminput,
div#login-form input#username,
div#login-form input#password,
div#file-uploader input#name,
div#maincontent input {
	background: url("../images/inputbg.jpg") no-repeat 0 0;
	border:none;
	color:#fff;
	font-family: HlvtcLght, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:300;
	display:block;
	height:20px;
	margin-bottom:10px;
	padding:10px;
	text-shadow:0px 1px 1px #000;
	width:600px;
}

form#contactform input.contactforminput2 {
	background:url('../images/inputbg-new.jpg') no-repeat  0 0;
	border:none;
	color:#fff;
	font-family: HlvtcLght, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:300;
	display:block;
	height:20px;
	margin-bottom:10px;
	padding:10px;
	text-shadow:0px 1px 1px #000;
	width:280px;
}

div#file-uploader input#file {
	background-color:#7380a2;
	border:1px solid #9ba2bc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-shadow:none;
}

div#maincontent input#isAdmin {
	text-align:left;
	width:auto;
}

div#file-uploader {
	padding-bottom:20px;
}

form#contactform textarea.contactformtextarea,
div#maincontent textarea {
	background: url("../images/inputbg.jpg") no-repeat 0 -80px;
	border:none;
	color:#fff;
	display:block;
	font-family: HlvtcLght, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:300;
	height:180px;
	margin-bottom:10px;
	padding:10px;
	text-shadow:0px 1px 1px #000;
	width:600px;
}

form#contactform textarea.contactformtextarea2 {
	background: url("../images/inputbg-new.jpg") no-repeat 0 -80px;
	border:none;
	color:#fff;
	display:block;
	font-family: HlvtcLght, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:300;
	height:80px;
	margin-bottom:10px;
	padding:10px;
	text-shadow:0px 1px 1px #000;
	width:280px;
}

form#contactform input.contactformsubmit,
div#login-form input#login,
div#file-uploader input#upload,
div#maincontent input#submit {
	background: url("../images/inputbg.jpg") no-repeat 0 -480px;
	border:none;
	display:block;
	font-size:0px;
	height:50px;
	line-height:0px;
	margin-top:10px;
	text-indent:-999em;
	width:140px;
}
#contactform em {
	float:left;
	margin-top:10px;
	display:block;
	width:150px;
}

form#contactform input.contactformsubmit2 {
	background: url("../images/inputbg-new.jpg") no-repeat 0 -480px;
	border:none;
	display:block;
	float:right;
	font-size:0px;
	height:50px;
	line-height:0px;
	margin-top:10px;
	text-indent:-999em;
	width:140px;
}

form#contactform input.contactforminput:focus, form#contactform input.contactforminput:hover,
form#contactform input.contactforminput2:focus, form#contactform input.contactforminput2:hover,
div#login-form input#username:focus, div#login-form input#password:focus, div#login-form input#username:hover, div#login-form input#password:hover,
div#maincontent input:focus, div#maincontent input:hover {
	background-position: 0px -40px;
}

form#contactform textarea.contactformtextarea:focus, form#contactform textarea.contactformtextarea:hover,
form#contactform textarea.contactformtextarea2:focus, form#contactform textarea.contactformtextarea2:hover {
	background-position: 0px -280px;
}

form#contactform input.contactformsubmit:focus, form#contactform input.contactformsubmit:hover, form#contactform input.contactformsubmit:active,
form#contactform input.contactformsubmit2:focus, form#contactform input.contactformsubmit2:hover, form#contactform input.contactformsubmit2:active,
div#login-form input#login:focus, div#login-form input#login:hover, div#login-form input#login:active,
div#maincontent input#submit:focus, div#maincontent input#submit:hover, div#maincontent input#submit:active {
	background-position: -140px -480px;
	cursor:pointer;
}


/* ---
7. Misc
--- */

/* 7.1 Clearfix Styles */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* 7.2 Scalable Background Image Trick */

 img#expando {
	display: none;
	margin: 0;
	-ms-interpolation-mode: bicubic;
	padding: 0;
	position: absolute;
	z-index: 1;
}
 
.wide img#expando,
.tall img#expando {
	display: block;
}
 
.wide img#expando {
	height: auto;
	width: 100%;
}
 
.tall img#expando {
	height: 100%;
	width: auto;
}
 
.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}

/* 7.3 The Team Hide */

.hide {
	display:none;
}
.teamblurb ul {
	padding-left:15px;
	padding-bottom:1.61em;
}
.teamblurb ul li {
	list-style:disc outside none;
}

/* 7.4 Internet Explorer Hacks */

* html .inlineblockie { display:inline; }  /* for IE 6 */
* + html .inlineblockie { display:inline; }  /* for IE 7 */
.bg {
	display:block;
	left:0px;
	top:0;
	width:100%;
}

/* 7.5 Skiplinks */

.clearskip {clear:both; height: 0px; overflow: hidden;}
#skiptocontent { position: absolute; left: -999em; z-index:1; }
a#skiptocontent:active, a#skiptocontent:focus { 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	border: none; 
	color: #2b2b2b; 
	background-color: #fff; 
	padding: 2px 0px 4px 0px; 
	font-size: 1em; 
	font-weight: bold; 
	text-align:center;
}

.c3repslist { display:none; }
.c3careerslist { display:none; }
.c3headlist {display:none;}

h1,
h2.hometitle {
	background: #627198 url(../images/c3-title-sprite.jpg) no-repeat scroll 0 0;
	text-indent:-999em;
}
h2.hometitle {
	width:589px;height:101px;
}
h1.about {width:400px;height:47px;background-position:0 -110px;line-height:47px;}
h1.introducers {width:202px;height:39px;background-position:0px -160px;line-height:39px;}
h1.enquiry {width:295px;height:47px;background-position:-210px -160px;line-height:47px;}
h1.team {width:187px;height:39px;background-position:0 -210px;line-height:39px;}
h1.contact {width:149px;height:40px;background-position:-190px -210px;line-height:40px;}
h1.abbey {width:316px;height:47px; background-position:0 -420px;line-height:47px;}
h1.corp {width:296px;height:48px;background-position:0 -260px;line-height:48px;}
h1.capital {width:222px;height:48px;background-position:0 -310px;line-height:48px;}
h1.income {width:214px;height:39px;background-position:-310px -260px;line-height:39px;}
h1.inheritance {width:275px;height:40px;background-position:-230px -310px;line-height:40px;}
h1.sdlt {width:106px;height:40px;background-position:0px -370px;line-height:40px;}
h1.uploads {width:153px;height:49px;background-position:-120px -370px;line-height:49px;}
h1.members {width:175px;height:39px;background-position:-280px -370px;line-height:39px;}
h1.add-user {width:184px;height:47px;background-position:0px -470px;line-height:47px;}
h1.edit-details {width:204px;height:47px;background-position:-320px -420px;line-height:47px;}
h1.members {width:184px;height:47px;background-position:-190px -470px;line-height:47px;}

ol {
	list-style: decimal inside none;
	padding-bottom:1.61em;
}