/* MAIN PAGE LAYOUT BLOCKS --------------------- */
html {
	 overflow:auto;
}

html, body { 
	height:100%;
}

fieldset {
	padding:10px;
	margin-left:25px;
	border-left: 1px solid #ff5b00;
}

fieldset div {
	margin-bottom:20px;
}

#container {
	position: relative;
	min-height: 100%;
	min-width:960px;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #container {
	height: auto;
}

body {
	background: #7C7C7C url(../images/bgCircles.jpg) repeat center top;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
}

#container {
    position: relative;
    min-height: 100%;
}

#page {
	margin:0;
	zoom:1;
	padding:0 0 8em;
}

#page-top {
	height:50px;
	background: url(../images/whiteTop.png) no-repeat bottom center;
	margin:0;
	position:relative;
}

#page-middle {
	z-index:4;
	position:relative;
	clear:both; 
	padding:0;
	margin:0 auto;
	background: url(../images/whiteMiddle.png) repeat-y center;
}

#page-bottom {
	background: url(../images/whiteBottom.png) no-repeat top center;
	margin:0;
	height:50px;
	position:relative;
}

img {
	behavior: url("themes/clearpoint/css/resources/iepngfix.htc");
}

.consultantBio img {
	border:1px solid #FF5B00;
}


/* FOOTER --------------------------------- */
#footer { 
	font-size:1.05em;
	position:absolute; 
	bottom:0;  
	margin:0;
	padding-top:2.7em;
	width:100%; 
	height:5.3em; 
	background: url("../images/footerBg.png") no-repeat center top;
	color: #333333;
	z-index:5;
	
}

#footer a {
	color: #FF5B00;
}

#footer .block960 {
	margin:0 auto;
	width:940px;
	padding:0 10px;
	height:100%;
}

#footer .block960 .left {
	float:left;
	width:30%;
	/*line-height:5.3em;*/
	padding-top:22px;
}
#footer .block960 .right {
	float:right;
	width:30%;
	text-align:right;
	/*line-height:5.3em;*/
	padding-top:22px;
	word-wrap:break;
	word-break:break-word;
	overflow:hidden;
}
#footer .block960 .middle {
	float:left;
	width:40%;
	text-align:center;
	line-height:1.2em;
	padding-top:22px;
}


/* HEADER ------------------------------- */
#header {
	width:960px;
	height:135px;
	margin:0 auto;
	padding:0;
	position:relative;
	overflow:visible;
}

#header h1 {
	text-indent:-9999px;
	background: url(../images/clearpointLogo.png) no-repeat;
	behavior: url("themes/clearpoint/css/resources/iepngfix.htc");
	position:absolute;
	left:-24px;
	top:3px;
	width:413px;
	height:135px;
}

#header h2 {
	position:absolute;
	top:50%;
	font-size:4.5em;
	margin-top:-0.25em;
	margin-left:220px;
}

/* Navigation --------------------------- */

#navigation {
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:visible;
	height:50px;
}

#navigation595 {
	min-width:595px;
	height:69px;
	position:absolute;
	bottom:25px;
	right:0;
}

#navigationTable {
	margin:0 auto;
	display:table;
}

#navigation .shrinkwrap {
}

#navigation ul {
	
}

#navigation li {
	/*margin:0 1.2em;*/
	color:#FFF;
	font-size:18px;
	height:69px;
	float:left;
	display:block;
}

#navigation li span a {
	/*font-family:Aller, Aller_TrueType, Aller_EOT, Calibri, sans-serif;*/
	font-family: GillSans, Calibri, Trebuchet, sans-serif; 
}

#navigation li .middle {
	height:36px;
	padding-top:33px;
	float:left;
}

#navigation li.current .middle, #navigation li.section .middle {
	color:#FF5B00;
	background:url("../images/tabMiddle.png") repeat-x;
	behavior: url("themes/clearpoint/css/resources/iepngfix.htc");
}

#navigation li a {
	color:#fff;
}

#navigation li a:visited {
	color:#fff;
}

#navigation li.current a, #navigation li.section a {
	color:#FF5B00;
}

#navigation li.current a:visited, #navigation li.section a:visited {
	color:#FF5B00;
}

#navigation li .left {
	display:inline;
	width:36px;
	float:left;
	height:69px;
}

#navigation li.current .left, #navigation li.section .left {
	
	background:url("../images/tabLeft.png") no-repeat right;
	behavior: url("themes/clearpoint/css/resources/iepngfix.htc");
}

#navigation li .right {
	display:inline;
	width:36px;
	float:left;
	height:69px;
}

#navigation li.current .right, #navigation li.section .right {
	
	background:url("../images/tabRight.png") no-repeat left;
	behavior: url("themes/clearpoint/css/resources/iepngfix.htc");
}

.secondaryNav {
	/*font-family: Aller, Aller_TrueType, Aller_EOT, Calibri, sans-serif;*/
	font-family: GillSans, Calibri, Trebuchet, sans-serif; 
	font-style:italic;
	font-size:1.6em !important;
	margin-bottom:1em;
}

.secondaryNav a {
	color:#333;
}

.secondaryNav a:visited {
	color:#333;
}

.secondaryNav li {
	float:left;
}

.secondaryNav li .left {
	float:left;
	display:block;
	width:0px;
	height:30px;
}

.secondaryNav li.current .left, .secondaryNav li.section .left {
	background: url("../images/secondaryTabLeft.png") no-repeat right;
	width:8px;
}

.secondaryNav li .middle {
	float:left;
	height:24px;
	padding-top:6px;
}

.secondaryNav li.current .middle, .secondaryNav li.section .middle {
	background: url("../images/secondaryTabMiddle.png") repeat-x;
}

.secondaryNav li.current .middle a, .secondaryNav li.section .middle a {
	color:#FF5B00;
}

.secondaryNav li.current .middle a:visited, .secondaryNav li.section .middle a:visited {
	color:#FF5B00;
}

.secondaryNav li .right {
	float:left;
	display:block;
	width:8px;
	height:30px;
	margin-right:8px;
}

.secondaryNav li.current .right, .secondaryNav li.section .right {
	background: url("../images/secondaryTabRight.png") no-repeat left;
}

/* Content ------------------------------ */

.page-content {
	margin:0 auto;
	width:960px;
	position:relative;
}

.tall {
	min-height:540px;
}

.page-content p {
	margin:1em 0;
}

p.homeMini {
	padding-top:20px;
	width:420px;
}

.mainImageRight {
	float:right;
	position:relative;
	overflow:hidden;
	right:-10px;
	width:310px;
}

.overlayImageRight {
	position:absolute;
	bottom:-50px;
	z-index:2;
}

.under {
	position:relative;
	z-index:1;
}

.over {
	position:relative;
	z-index:100;
}

/* COLUMNS ------------------------------ */
.Column {
	margin:0px 10px;
	float:left;
	display:inline;
}

.singleSpan {
	width:300px;
}

.doubleSpan {
	width:620px;
}

.tripleSpan {
	width:940px;
}


/* Fonts and text */

body {
	color:#333333;
	/*font:62.5% Aller, Aller_TrueType, Aller_EOT, Calibri, sans-serif;*/
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size:62.5%;
}

ul.directorList {
	margin-left:1em;
	font-size:1.8em;
	line-height:1.7;
}

.authorDate, .tags {
	font-size:1.2em;
	line-height:1;
}

a {
	color:#FF5B00;
	text-decoration:none;
}

a:visited {
  color:#FF5B00;
  text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Form Elements across the site */
input, textarea, button, label {
	color:#cccccc;
	display:block;
}

input.action {
	color:#000000;
}

input.text, textarea, select {
	width: 280px;
	font-size:1.4em;
	margin:0 0 0.5em 0;
	padding:7px 10px;
	border: 1px solid #BFBFBF;
	max-height:185px;
}

select {
	width:300px;
}

#Form_Form input.action {
	width:50px;
}

input.chkboxfield {
	margin:1.2em 0.5em 1.2em 0;
}

input.error {
  border:1px solid #730C02;
}

span.field {
	font-size:2.4em;
	margin:0;
	padding:7px 10px;
}

textarea.field {
	width:420px;
	height:150px;
	background: #fff url(../images/formInputBg.gif) repeat-x center -60px;
	border: 1px solid #BFBFBF;
	font-size:2.4em;
	margin:0;
	padding:7px 10px;
}

select.field {
	width:300px;
	font-size:2.4em;
	margin:0;
	padding:7px 10px;
	background: url(../images/formInputBg.gif) repeat-x center;
	border: 1px solid #BFBFBF;
}

label {
  display:block;
  font-size:2.4em;
  margin:0;
}

label.float {
	padding:7px 0;
	float:left;
	margin-right:0.5em;
}

/* labels get error class added by stripes - but shouldn't be styled as errors */
label.error {
	border:0;
	color:#333333;
	padding:0;
}

.errorNoBorder {
	color:#730C02;
}

.success {  
  color:#166E64;
}

/* Visual Display Elements */

hr {
	height:1px;
	color:#BFBFBF;
	background-color:#BFBFBF;
	border:0;
}

.float, .floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.forceWordBreak {
	word-wrap:break;
	word-break:break-word;
	overflow:hidden;
	-moz-binding: url(resources/wordwrap.xml#wordwrap);
}

/* Latest News element */

#latestNewsHolder {
	position:absolute;
	right:-25px;
	height:65px;
	width:290px;
	padding:10px 35px 35px;
	background:url("../images/latestNewsBg.png") no-repeat center bottom;
}

#latestNewsHolder a {
	color:#FF5B00;
}

#latestNewsHolder a:visited {
	color:#FF5B00;
}

#latestNewsHolder .title {
	float:left;
	color:#FF5B00;
	font-size:1.8em;
}

#latestNewsHolder .link {
	float:right;
	font-style:italic;
	color:#FF5B00;
	font-size:1.4em;
	padding-top:0.3em;
}

#latestNewsHolder .newsItem {
	clear:both;
	margin-top:16px;
}

#latestNewsHolder .newsTitle {
	display:block;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow:hidden;
	color:#FF5B00;
	font-style:italic;
	font-size:1.4em;
	line-height:27px;
	height:27px;
	width:245px;
}

#latestNewsHolder .calendar {
	float:left;
	-webkit-box-shadow: 1px 1px 7px #666;
	-moz-box-shadow: 1px 1px 7px #666;
	box-shadow: 1px 1px 7px #666;
	width:25px;
	height:27px;
	margin:0 15px 0 5px;
}

#latestNewsHolder .calendar .month {
	display:block;
	height:10px;
	width:25px;
	color:#fff;
	background-color:#FF5B00;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:9px;
	border-top:1px solid #FF5B00;
	border-left:1px solid #FF5B00;
	border-right:1px solid #FF5B00;
}

#latestNewsHolder .calendar .date {
	display:block;
	padding-top: 2px;
	height:15px;
	width:25px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#consultantList {
	padding:0 25px;
}

.userAvatar {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

#Remember input {
	float:left;
	margin-top:3px;
}

#Remember label {
	font-size:1em;
	display:inline;
	float:left;
}

.required {
	color:#ff5b00;
	font-size:12px;
}

.vacancyDescription p {
	font-style:italic;
	font-size:1em !important;
	margin:0 0 1em 1em !important;
	color:#666;
}

#Form_Form ul li {
	list-style: none !important;
	clear:both;
}

#Form_Form ul li input {
	float:left;
	vertical-align:middle;
	height:24px;
	margin-right:5px;
}


#Form_Form ul li label {
	float:left;
	font-size:1em;
}

#Form_Form ul li label.required {
	margin-right:20px;
}