/* === 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	============================================================ */

/* Layout:
----------------------------------------------------- */

body { 
	border-top:5px solid #595493;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	background:#404574;
}

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

.row {
	margin-left:-10px;
	margin-right:-10px;	
}

.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, .navbar-collapse {
	padding-left: 10px;
    padding-right: 10px;	
}

h1, h2, h3, h4, h5, h6 {
	color:#7e84ae;
	line-height: 1.1;
    margin: 0.1em 0 0.4em;
    padding-bottom: 0.3em;
	font-size:1.2em;
}

h1 {
	font-size:1.8em;	
	color:#373b6e;
	line-height:1;
	border-bottom:1px solid #bcbecb;
	margin: 0 0 0.4em;
	padding-bottom: 0.2em;
}

h2 {
	font-size:1.5em;
	border-bottom:1px solid #dddee5;	
	color:#3e4378;
}

#sideBar h2 {
	color:#7e84ae;
}	

h3 {
	font-size:1.4em;	
}

h4 {
	font-size:1.3em;	
}

#mainContent {
	min-height:35.5em;	
}

.textContent ul {
	padding-left:15px;	
}

.textContent ul li {
	background:url('/app/images/global/list-bullet.png') no-repeat center left;
	list-style:none;
	padding-left:20px;
}

.breadcrumbs {
	margin: 0 0 1em;
    padding: 0;	
}

.breadcrumbs li {
	display:inline;	
	font-size:0.9em;
}

.breadcrumbs a {
	color:#7f7c98;
	text-decoration:underline;
}	

/* Highlight Panel Styles:
----------------------------------------------------- */
.highlightPanel {
	background:url('/app/images/global/panel-bg-light.jpg') repeat top left #5e5a87;
	border:4px solid #5a5f84;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	margin-top:15px;
	
}

.highlightPanel.dark {
	background:url('/app/images/global/panel-bg-dark.jpg') repeat top left #5e5a87;
	border:4px solid #404574;
}

.highlightPanel h2 {
	border-bottom:none;	
	margin:0;
	padding:0.6em 1em 0.7em;
	font-size:1.3em;
}

.highlightPanel a {
	color:#fff;	
}

.highlightPanel a:hover {
	text-decoration:none;
}

.highlightPanel p {
	color:#e7e7ee;	
	padding:1em 1em 0 1em;
	margin:0;
}

.highlightPanel .panelLink {
	border-top:none;
	padding:0.8em 1em;
	text-align:left;
	color:#fff;	
	margin:0;
}

.highlightPanel .panelLink:hover {
	text-decoration:underline;	
}


/* Roundabout/Banner Styles:
----------------------------------------------------- */
#banners {
	background:url('/app/images/global/banners-bg.jpg') repeat center center;
}

.carousel {
	height:	345px;
	overflow:auto;
}

.carousel li {
	display:block;
	float:left;
	position:relative;
	border: 2px solid #fff;
  -webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	overflow:hidden;
	margin:15px;
}

.carousel.roundabout-holder {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  height: 355px;
  width:820px;
  overflow:visible;
}

.carousel .roundabout-moveable-item {
  height: 318px;
  width: 475px;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #fff;
  -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	overflow:hidden;
	margin:0;
}
.carousel .roundabout-in-focus {
  cursor: auto;
}

#banners .caption {
	background:#5e5a87;	
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	font-size:1.3em;
	color:#ffffff;
	line-height: 1.1em;
    padding: 0.3em;
}

@media screen and (max-width: 1200px) { 
.carousel.roundabout-holder {
	width:600px;
}
}

@media screen and (max-width: 992px) { 
.carousel.roundabout-holder {
	width:350px;
}
}

@media screen and (max-width: 767px) { 
.carousel.roundabout-holder {
	width:120px;
}
}

@media screen and (max-width: 600px) { 
.carousel.roundabout-holder {
	width:90px;
	height:200px;
}
.carousel .roundabout-moveable-item {
	max-height:90%;
	width:250px;
}


}

/* Article List Styles:
----------------------------------------------------- */

.articlesList,
.articles {
	margin:1em 0 0 0;
	padding:0;	
}

.articlesList li,
.articles li  {
	list-style:none;
	background:#f7f7f7;
	padding:1em;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;	
	margin-bottom:1em;
}

.articlesList .image,
.articles .image {
	float:right;
	border:3px solid #fff;
	margin-left:2em;	
}

.articlesList .date,
.articles .date {
	font-size:0.85em;
	font-style:italic;	
}

.articlesList a,
.articles .title span {
	color:#7E84AE;	
}

.articlesList .title span {
	color:#666666;	
}

a.backLink {
	border-top: 1px solid #DDDEE5;
    color: #999999;
    display: block;
    margin-top: 0.5em;
    padding: 0.8em 0 0;
}	


/* Form Styles:
----------------------------------------------------- */

.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
}

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 {
	background:#f7f7f7;
	padding:1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.form span {
	color:#58528E;
}	

.form h2 {
	font-size:1.2em;
	margin-bottom:0.6em;	
}

.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;	
}

.btn-primary {
	background:	#9C99B9;
	border:none;
}

.btn-primary:hover {
	background:	#58528E;
}

#lightbox img {
	max-width:100%;	
}

@media screen and (max-width: 480px) { 
.articlesList .image, .articles .image {
	float:none;	
	max-width:125px;
	margin:0 auto 1em;
}

}	
	

/* === TOP 	============================================================ */
#section_header {
	background:url('/app/images/global/header_bg.jpg') repeat-x top center;	
}

#section_nav {
	background:url('/app/images/global/nav_bg.jpg') repeat-x bottom left;	
}

#telephone,
#email {
	color:#6f69a7;
	font-size:1.3em;
	text-align:center;
	padding-top:3.2em;
}

#telephone span,
#email span {
	color:#8f8cad;
	font-size:0.9em;
}

#email a {
	color:#6f69a7;	
}

a.logo {
	display:block;
	padding:15px;	
	text-align:center;
}

a.logo img {
	margin:0 auto;	
}

.navbar {
	margin-bottom:0;
	min-height:0;	
}

.nav li a,
.nav li a:focus,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus {
	background:#9c99b9;
	color:#fff;
	padding:8px 25px;
	margin-bottom:8px;
}

.nav li a.active,
.nav li a:hover,
.navbar-default .navbar-nav > li > a:hover {
	background:#58528e;
	color:#fff;
}	

.nav li a.active {
	margin-bottom:0;
	padding-bottom:10px;
}

.nav li {
	margin-right:4px;	
}

.nav li.last {
	margin-right:0;	
}

.nav li.first a {
	padding-left:10px !important;
	padding-right:10px !important;
}

.nav li.first span {
	background:url('/app/images/global/home.png') no-repeat center center;
	height:20px;
	width:20px;
	display:block;
	text-indent:-99999px;
}


.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus,
.navbar-toggle {
	background:#58528e;
	display:block;
	color:#fff;
	float:none;
	width:100%;
	text-transform:uppercase;
	padding:0.8em 1em;
	border-radius:0;
	margin:0;
	border:none;
}

.navbar-default {
	background:none;
	border:none;	
}

.navbar-default .navbar-toggle .icon-bar {
	background:#fff;
	clear: right;
    float: right;
	margin-right:0.8em;
	margin-top:4px;
}

.navigate {
	float:left;	
	padding-left:0.8em;
	font-size:1.1em;
	font-family:'LatoBold', Trebuchet MS, Arial, Helvetica, sans-serif;
}

.navbar-header {
	margin:0;	
}

/* Responsive Header Styles:
----------------------------------------------------- */

@media screen and (max-width: 1200px) {
.nav li a,
.nav li a:focus,
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
	padding:8px 14px;
}

.nav li a.active { 
	padding-bottom:15px;
}

}

@media screen and (max-width: 992px) {
.nav li a,
.nav li a:focus,
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
	padding:8px 6px;
}

.nav li a.active { 
	padding-bottom:15px;
}

.nav li.first {
	display:none;
}

.nav li {
	margin-right:1px;	
}
}

@media screen and (max-width: 767px) {
	.nav li a,
	.nav li a:focus,
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
		padding:12px 6px;
		margin-bottom:0;
	}
	
	#header a.logo {
		padding:1.5em 0;	
	}
	
	#header a.logo img {
		margin:0 auto;
	}
	
	.navbar-default .navbar-nav li a { 
		font-size:1em;
		color:#fff;
		border-bottom:1px solid #8680bc;
		border-top:1px solid #333;
		background:#58528e;
		margin:0;
		text-align:center;
	}
	
	
	.navbar-nav {
		margin:0;	
		background:#58528e;
	}
	
	#section_nav {
		background:#58528e;
		border-bottom:5px solid #f2f2f2;
	}	
	
	.navbar-default .navbar-nav li a.active,
	.navbar-default .navbar-nav li a.active:hover,
	.navbar-default .navbar-nav li a:hover {
		background:#9c99b9;	
		color:#fff;
	}
	
	.navbar-default .navbar-collapse {
		border-top:1px solid #8680bc;	
		max-height:none;
	}
}



@media screen and (min-width: 767px) {
	.navbar-header {
		display:none;
	}
	
	.navbar-default {
		background:none;
		border:none;	
	}

}

	
/* === BOTTOM	============================================================ */

#section_footer {
	background:#404574;
	color:#c6c8d8;	
	border-top:1px solid #2c3061;
	font-size: 0.9em;
    padding: 1.2em 0 0;
}

#copyright,
.footerMenu {
	color:#b7bacc;	
}

#copyright,
.footerMenu a {
	font-size: 0.95em;	
	color:#b7bacc;
	margin-bottom:1.2em;
}

#section_footer a {
	color:#b7bacc;
}

.footerMenu ul {
	margin-left:0;
	padding:0;	
}

.footerMenu li {
	display:inline;
	list-style:none;	
}

#lowerFooter {
	background:url('/app/images/global/header_bg.jpg') repeat-x top center #f2f2f2;	
	padding:2em 0;	
}

#lowerFooter a {
	color:#404574;
}

#contact {
	margin-top:1.4em;	
}

address,
#contact p {
	margin-bottom:0.5em;	
	color:#404574;
}

#section_footer a.siteBrandLink {
	color:#999;
	margin-top:1.5em;	
	display:block;
	font-size:0.85em;
	clear:both;
}


@media screen and (max-width: 992px) {
	#section_footer .text-right {
		text-align:left !important;	
	}
	
	#section_footer .pull-right {
		float:left!important;
	}
}
	
/* === MIDDLE 	============================================================ */

#section_middle {
	background:#e4e3ea;	
	padding-bottom:20px;
}

.contentInner {
	padding:20px;	
	background:#fff;
	margin:15px 0 0 0;
	border: 1px solid #dcdbe3;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

p.intro {
	color:#3e4378;
	font-size:1.1em;
	padding-top:0.3em;	
}

.accreditations {
	list-style:none;	
	margin:1.5em 0 0;
	padding:0;
}

.accreditations li {
	display:inline;	
	list-style:none;
	margin:0;
	padding:0 10px;
}

.accreditations li img {
	margin:0 auto;	
}

a.panelLink {
	display:block;
	border-top:1px solid #dddee5;
	text-align:right;
	padding:0.8em 0 0 0;
	color:#999999;
	margin-top:0.5em;	
}

/* Testimonials Feed:
----------------------------------------------------- */

.testimonialBlock {
	background:#f2f2f2;
	border: 1px solid #e7e7e7;	
	padding:30px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin-bottom:0;
	margin-top:15px;
	min-height:19.7em;
}

.testimonialDetails {
	background:url('/app/images/global/testimonial_arrow.jpg') no-repeat 25% top;	
	padding:15px 0;
	margin-top:-1px;
}

.testimonialDetails p {
	padding-top:25px;	
}

.testimonialDetails p a {
	color:#666666;	
	text-decoration:none;
}

.testimonialDetails p a span,
.testimonialBlock a {
	color:#7e84ae;
}

.testimonialDetails .image {
	margin: 0 auto;
    position: relative;
    width: 68px;	
}

.testimonialDetails .imageCover {
	background:url('/app/images/global/circleCover.png') no-repeat center center;	
	width:68px;
	height:68px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}


/* Portfolio Styles:
----------------------------------------------------- */

.portfolioItem {
	margin-top:1.5em;	
}

.portfolioItem ul {
	margin:0;
	padding:0;
}

.portfolioItem li {
	display:inline;
	list-style:none;	
}

.portfolioItem .thumbnail {
	margin-bottom:10px;
	padding:0;
	border:0;	
}

.lb-data {
	min-height:26px;	
}

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