/* === PHANG-RESET ============================================================ */

body { margin:0; padding:0; }

a img { border:0; }
a { text-decoration:none }
a:hover { text-decoration:underline }
a, a:visited, a:hover, a:active { color:#277ddb; }

hr { border:1px solid #ccc; border-bottom:0; }

table { border-collapse:collapse; border-spacing:0; }
table td, table th, table tr { vertical-align:top; }

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }	
/* === PHANG-GENERAL ============================================================ */

div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total { font-weight:bold; }
table.full { width:100%; }

.hidden { display:none; }	
	
/* === GLOBAL	============================================================ */

@font-face {
    font-family: 'LatoRegular';
    src: url('/app/fonts/lato-regular.eot');
    src: url('/app/fonts/lato-regular.eot') format('embedded-opentype'),
         url('/app/fonts/lato-regular.woff') format('woff'),
         url('/app/fonts/lato-regular.ttf') format('truetype'),
         url('/app/fonts/lato-regular.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'LatoBold';
    src: url('/app/fonts/lato-bold.eot');
    src: url('/app/fonts/lato-bold.eot') format('embedded-opentype'),
         url('/app/fonts/lato-bold.woff') format('woff'),
         url('/app/fonts/lato-bold.ttf') format('truetype'),
         url('/app/fonts/lato-bold.svg#LatoBold') format('svg');
}


body {
	background: url('/app/images/global/body-bg.jpg' ) repeat center top #fff;
	margin:0 auto;
	color:#333;
	font-family:'LatoRegular', Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

.clear-both {
	clear:both;	
}

b, strong {
	font-family:'LatoBold', Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;	
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #589133;	
}

.loading {
	padding:2em;
	text-align:center;	
}

.loading img {
	margin:15px;	
}

.loading p {
	color:#fff;	
}

/* Box Sizing Fix for IE7 */
*,
:after,
hr {
	*behavior: url("/app/js/boxsizing.htc");
	
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container {
	padding-left:30px;
	padding-right:30px;	
}

.row {
	margin-left:-30px;
	margin-right:-30px;		
	*zoom:1;
}


.container {
	background:#fff;	
}

h1, h2, h3, h4, h5, h6 {
	color:#666666;
	text-transform:uppercase;
	margin:0.2em 0;
	font-size:1.1em;
}	

h1 {
	font-size:1.4em;
	margin:0 0 20px;	
}

a, a:visited, a:hover, a:active {
	color:#333;
}

a:active, a:focus {
    outline: none;
}

a.btn-tooltip {
	width:18px;
	height:18px;
	display:block;
	text-indent:-99999px;	
	background: url('/app/images/global/tooltip-btn.png' ) no-repeat center center;
	overflow:hidden;
}

a.btn-tooltip:hover {
	background: url('/app/images/global/tooltip-btn-hover.png' ) no-repeat center center;
}

.tooltip-inner {
	border:5px solid #aac21e;
	padding:10px;
	background-color: rgba(77, 105, 86, 1.0);
} 

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-top-color: rgba(77, 105, 86, 1.0);
  border-width: 10px 10px 0;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: rgba(77, 105, 86, 1.0);;
  border-width: 0 10px 10px;
}

.tooltip.in{opacity:1;filter:alpha(opacity=100)}

.slides_container { 
	margin:0;
	padding:0;
	list-style:none;
	height:330px;
}

#mainContent {
	border-left:2px dashed #8e8e90;
	padding-top:25px;
	padding-bottom:25px;
	position:relative;
	min-height:48em;
}	

.textContent.contentWrap { 
	background: #ececec;
	padding:25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.titlePanel {
	background: url('/app/images/global/title-bg.jpg' ) repeat-y top left #a0bd85;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding:15px;
	margin-bottom:10px;
}

.titlePanel h2 {
	color:#fff;
	padding:0;
	margin:0;	
}

.titlePanel .btn-tooltip {
	float:right;	
}

.navbar-collapse {
	width:100% !important;
	max-height:none;
}


#sidebar ul.menu {
	margin:0;
	padding:1.5em 0;	
}

#sidebar .menu li {
	list-style:none;	
}

#sidebar .menu a {
	color:#333333;	
	text-transform:uppercase;	
	display:block;
	padding:0.3em 1.2em 0.3em 1.8em;
	position:relative;
	line-height:1.2em;
	background: url('/app/images/global/nav_bullet.jpg' ) no-repeat center left #fff;
	font-size:1.2em;
}

#sidebar .menu a.current,
#sidebar .menu a:hover  {
	color:#52982d;	
	text-decoration:none;
}

#wrapper {
	position:relative;	
}

#news {
	position:absolute;
	bottom:1em;
	left:0.5em;	
	padding-top:30px;
}

#news h2 {
	border-bottom:2px dashed #8E8E90;
	padding-bottom:5px;	
}

#news li h3 {
	font-size:1em;	
}

#news li h3 a {
	color:#333;
}

#news ul {
	margin:0;
	padding:0;
}

#news li {
	list-style:none;
	padding:10px 0;
	margin:0;	
}

#news li .date {
	font-family:'LatoBold', Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size:1em;	
}	

#news li p {
	margin:0;	
}

#news li a,
.articlesList .item .content a  {
	color:#52982D;
	text-transform:uppercase;
	font-size:0.9em;	
}

.articles .date,
.articlesList .date {
	padding-top:10px;
	font-family:'LatoBold', Trebuchet MS, Arial, Helvetica, sans-serif;			
}

.image {
	position:relative;
}

.textContent {
	padding:1.2em;	
	line-height:1.6em;
}

.textContent h2,
.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6 {
	margin-bottom:0.4em; 
	margin-top:1.4em;
	border-bottom:1px solid #ccc;
	padding-bottom:0.2em;
	color:#4c4c4c;
}

.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6 {
	border-bottom:0;	
}

.textContent p {
	margin:0 0 15px 0;	
}

.textContent a {
	text-decoration:underline;	
}

.item {
	background:#f9f9f9;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:10px;
	padding:1em;	
}

.item h2 {
	margin-top:0;
	border-bottom:none;	
}

.item h2 a {
	text-decoration:none;
}

.item .date span {
	font-family:'LatoBold', Trebuchet MS, Arial, Helvetica, sans-serif;	
}

.arrowLink {
	background: url('/app/images/global/grey_arrow_right.png' ) no-repeat center right;
	padding-right:1.2em;
}

.backLink {
	background: url('/app/images/global/grey_arrow_left.png' ) no-repeat center left;
	padding-left:1.2em;
}

.btn {
	*display:block;	
}

.btn-default {
	background:#333;
	color:#fff;	
}

.btn-default:hover {
	background:#000;	
	color:#fff;	
}

.form-group {
	margin-bottom:10px;	
}

label {
	font-weight:normal;
}	

input, textarea {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.428571429;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

input.btn {
	*height:50px;	
}

iframe {
	max-width:100%;	
}

textarea {
	height:60px; 
}	
	
input:focus,
textarea:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:
	inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form span {
	color:#B7A863;
}	

.message {
	background: none repeat scroll 0 0 #FCF8F2;
    color: #e5931f;
    display: block;
    padding: 0.5em 1em;
	position:relative;
	margin-bottom:1em;
	border:1px solid #ebbf80;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.message .r {
	right:-0.5em;
	top:-0.5em;	
	position:absolute;
}

.message .r a {
	background: none repeat scroll 0 0 #ffffff;
    color: #F0AD4E;
    display: block;
    right: 0;
    top: 0;
	text-decoration:none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #ebbf80;
	text-align:center;
	padding:0.3em 0.5em 0.5em;
	line-height:0.8em;
}

.message p {
	margin:3px 0;	
}

.navbar-toggle {
	margin-top: -18px;
    position: absolute;
    right: 10px;
    top: 50%;
	border:1px solid #AAA692;
}

.navbar-toggle .icon-bar {
	background:#AAA692;	
}

/*
 * Lightbox Styles
 * --------------------------------------------------
 */
.lb-outerContainer {
	border:8px solid #589233;
}

.lb-container,
#lightbox img.lb-image  {
	width:100%;	
}

.lb-caption {
	color:#5D981D;	
}

.lb-description {
	font-size:0.9em;	
}

#lightbox button.close,
#myModal button.close {
	background:#000;
	opacity:0.8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    padding: 0 6px 3px;
	right:-15px;
	top:-15px;
	position:absolute;
	color:#fff;
	z-index:1550;
}	

#myModal button.close  {
	top:-8px;
	right:-8px;	
	 padding: 3px 8px 5px;
}

#lightbox {
	position:absolute;	
}


.modal-open {
	position:relative;	
}

/*
 * CBO Responsive Styles
 * --------------------------------------------------
 */

@media screen and (max-width:550px) {
	.col-xs-6, 
	.col-xs-4,
	.col-xs-8 {
		width:100%;
		margin:0 auto;	
	}
	#logo img {
		margin:0 0 0 1em;	
	}
	
	.col-xs-6.text-right {
	text-align:left;	
}
}
	
	
/* === TOP 	============================================================ */

#header {
	position:relative;	
	border-bottom:2px dashed #8e8e90;
}

#logo {
	position:absolute;
	top:20%;
	left:0;	
	z-index:1000;
}

#logo a {
	display:block;	
}


#logo img {
	margin:0 auto;		
}

#headerTxt {
	position:absolute;
	bottom:10%;
	right:0;	
	z-index:1000;
}

#headerTxt p {
	font-size:20px;
	text-transform:uppercase;
}		
/* === BOTTOM	============================================================ */

#footer {
	font-size:0.85em;
	border-top:2px dashed #8e8e90;
	padding: 1.2em 0;
	line-height:1.7em;
}	

#footer p {
	margin-bottom:0.2em;
}	

#footer ul {
	margin:0;
	padding:0;
}	

#footer li {
	list-style:none;
	margin:0 0 0.2em 0;
}

#footer a {
	color:#999999;
	text-decoration:underline;
}	

#footer address,
#footer .regNo {
	color:#cccccc;	
	margin-bottom:0;
	margin-top:0.5em;
}

#footer .regNo {
	margin-bottom:0.5em;
}

#footer address span {
	font-family:'LatoBold';	
}	
/* === MIDDLE 	============================================================ */

#twoCol .col-sm-6,
#twoCol .col-sm-12 {
	padding-left:5px;
	padding-right:5px;	
}

#twoCol .row {
	margin-left:-5px;
	margin-right:-5px;
}	

#services h1,
#skills h1,
#services h2.header {
	background: url('/app/images/global/icon-header.jpg' ) no-repeat center right #939395;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:1.1em;
	padding:12px;
	margin-bottom:8px;
}

#services,
#skills {
	padding-left:0;	
}

#services #mainContent,
#skills #mainContent {
	background:#e5e5e5;
}

#servicesList,
.condensedList ul {
	margin:0;
	padding:0;
	list-style:none;	
}

.condensedList {
	position:relative;	
}

#servicesList li,
.condensedList span {
	background: url('/app/images/global/green_grad.jpg' ) repeat-y top left #c1ce72;
	color:#fff;	
	margin-bottom:8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px;
	position:relative;
	font-size:0.95em;
	text-transform:uppercase;	
	display:block;
}

#skills .condensedList span {
	background: url('/app/images/global/green_grad.png' ) repeat-y top left;
}

#skills .condensedList {
	min-height:40em;	
}


#servicesList h2 {
	color:#fff;	
	font-size:1em;
}

.condensedList .btn-tooltip {
	margin-top: -9px;
    position: absolute;
    right: 10px;
    top: 50%;
}

body .tooltip-inner {
	max-width:100% !important;
	width:500px;
	margin-right:300px;
	text-align:left;
}

body.directors .tooltip-inner {
	width:auto;
	margin-right:0;
	mardin-left:0;	
}

body.services_and_projects .tooltip-inner {
	margin-left:300px;	
	margin-right:10px;
}

body .tooltip-inner .title {
	display:block;	
	color:#AFCB04;
	text-transform:uppercase;
	font-family:'LatoBold', Trebuchet MS, Arial, Helvetica, sans-serif;	
	background:none;
	margin:0;
	padding:0;
}
	
body .tooltip-inner p {
	margin-bottom:0;
	text-transform:none;	
}

#servicesList li .caseStudies {
	margin:0;
	padding:0;
	display:inline;	
}

#servicesList li .caseStudies li {
	*display:inline;
	background:none;
	margin:0 0 0 6px;
	text-transform:none;
	color:#666666;
	padding:0;
	display:inline-block;
	list-style:none;
}

#servicesList li .caseStudies li a {
	color:#666666;
	background: url('/app/images/global/bullet.png' ) no-repeat center left;
	padding:0 0 0 16px;
}


#servicesList .col-sm-6,
#servicesList .col-sm-5,
#servicesList .col-sm-1,
#servicesList .col-sm-11 {
	padding-left:5px;
	padding-right:5px;	
}

#servicesList .row {
	margin-left:-5px;
	margin-right:-5px;	
}

.condensedList span {
	display:block;
	background: url('/app/images/global/green_grad_small.jpg' ) repeat-y top left #c1ce72;
}

.condensedList .inner {
	position:relative;
	padding:12px 25px 12px 12px;	
}

.condensedList .col-sm-3,
.condensedList .col-sm-4,
.condensedList .col-sm-6,
.condensedList .col-sm-9,
.condensedList .col-sm-8,
.condensedList .col-sm-12 {
	padding-left:4px;
	padding-right:4px;
}

.condensedList.row,
.condensedList .row {
	margin-left:-4px;
	margin-right:-4px;	
}

#skills h2 {
	background:#939395;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:0.95em;
	padding:12px 35px 12px 12px;
	margin-bottom:8px;	
}

#skills h2.private {
	background: url('/app/images/global/icon-private.jpg' ) no-repeat center right #939395;
}

#skills h2.public {
	background: url('/app/images/global/icon-public.jpg' ) no-repeat center right #939395;
}

#skills h2.cycling {
	background: url('/app/images/global/icon-cycling.jpg' ) no-repeat center right #939395;
}

#skills h2.walking {
	background: url('/app/images/global/icon-walking.jpg' ) no-repeat center right #7a7a7a;
}


.bg-col {
	background:#d9dadc;	
	position:absolute;
	height:100%;
	top:0;
	right:0;
	display:block;
	width:26.5%;
}

.border-col {
	position:absolute;
	height:100%;
	top:0;
	left:1px;
	border-right:2px dashed #ffffff;
}

.full-height .inner {
	padding:28px 25px 28px 12px; 	
}

.thumbnails,
.thumbnails li {
	margin:0;
	padding:0;
	list-style:none;	
}


.modal-content {
	background:#3d5a47;
	border:8px solid #619943;
	z-index:1500;
}

#myModal .pageContent {
	padding:30px 40px;	
}

#myModal .pageContent h1 {
	color:#5d991d;	
}

#myModal .pageContent p,
#myModal .pageContent {
	color:#fff;	
}

#myModal .pageContent .col-sm-3 {
	border-right:2px dashed #4e7d31;
}

/*
 * CBO Responsive Styles
 * --------------------------------------------------
 */
@media screen and (max-width: 1200px) {
	.full-height .inner {
		padding:20px 28px 19px 12px;	
	}
	
	#skills h2 {
		min-height:52px;	
	}
	
	#skills h2.cycling,
	#skills h2.walking {
		line-height:28px;	
	}
	
	.condensedList .smallPanel {
		padding:7px 28px 7px 12px;
		line-height:1.1;
	}
	
	#servicesList li {
		font-size:0.9em;
	}
	
	.caseStudies li {
		font-size:0.8em;
	}
}

@media screen and (max-width: 990px) {
	.condensedList .smallPanel2 {
		padding:7px 28px 8px 12px;
		line-height:1.1;
	}	
	
}

@media screen and (max-width: 767px) {
	#skills h2 {
		display:none;	
	}
	
	.bg-col {
		display:none;	
	}
	
	#services, #skills {
		padding-left:15px;	
	}
	
	.condensedList .smallPanel,
	.condensedList .smallPanel2,
	.condensedList .full-height span {
		padding:12px 25px 12px 12px;
	}
	
	.condensedList span {
		line-height:1.1;	
	}
	
	#mainContent {
		border-left:0;	
	}
	
	#news {
		position:static;	
	}
	
	.border-col {
		border-right:0;	
	}
	
	#headerTxt {
		position:relative;	
		text-align:center;
	}
	
	#sidebar ul.menu {
		padding-top:0;		
	}
	
	#sidebar .sideInner {
		border-bottom: 2px dashed #8E8E90;	
	}
		
	.navbar-toggle {
		display:block;
		position:static;
		margin-top:10px;
		float:none;	
		width:100%;
		text-align:left;
		text-transform:uppercase;
		background:#666;
		border:none;
		color:#fff;
		padding: 12px 15px;
	}
	
	.navbar-toggle .icon-bar {
		background:#fff;	
	}
	
	.navbar-toggle .icons {
		float:right;	
	}
	
	#servicesList .text-right {
		text-align:left !important;	
		float:right;
		padding-top:5px;
	}
	
	#servicesList a.btn-tooltip {
		margin:0 auto;	
	}
	
	#servicesList li .caseStudies li {
		display:block;
		padding-top:5px;
		margin:0;	
	}
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container {
		padding-left:15px;
		padding-right:15px;	
	}
	
	.row {
		margin-left:-15px;
		margin-right:-15px;		
	}

}




/* styles/default.css 	================================================================================================== */