@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic);

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {
    background-color: #26484A;
	background: url('images/bg_RIBA.png') left 0px no-repeat scroll,#26484A url('images/bg_LOGO.png') right top no-repeat fixed;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-color: #26484A;
	margin: 0px;
	padding: 0px;
	color:#FFF;
	height:100%;
}
#container {
	width: 980px;
	padding-left:10px;
	padding-right:10px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
a {
	color: #8ECFCF;
	text-decoration:none;
	font-weight: 700;
	outline: 0;
	border:0px;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;
}
a:hover {
	color: #FF632C;
}
input::-moz-focus-inner { border: 0; }
img {
	border:0px;
	margin:0;
}
a[href^=tel] { 
	color:#FFF; 
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
h1 {
	font-size: 22px;
	font-weight: 400;
	color: #7CA1A1;
	margin-top: 15px;
	margin-bottom: 10px;
	line-height: 26px;
}
h2 {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: #BBBDC0;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 26px;
}
h3 {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #5DAAE0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h4 {
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	color: #595959;
	margin: 0px;
}
ul {
    padding-left: 13px;
	margin-top:0px;
}
hr {
	background-color: #3A6565;
	border: medium none;
	color: #3A6565;
	height: 4px;
	clear: both;
}
#header {
	height: 110px;
	position: relative;
	width:980px;
}
.field, textarea {
	font-size: 15px;
	color: #0083B9;
	padding: 5px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 200px;
	font-family: 'Ubuntu', sans-serif;
}
#logo {
	position: absolute;
	left: 20px;
	top: 31px;
}
#contactinfo {
	text-align: left;
	position: absolute;
	top: 34px;
	left: 390px;
	width:auto;
	font-size: 12px;
	line-height: 22px;
	z-index:999;
}
#branding {
	float: left;
	width: 300px;
	padding-left: 20px;
}
.white {
	background-color:#607F81;
}
#navright {
	float: right;
	width: 500px;
	padding-right: 0px;
	position: relative;
	text-align: right;
	right: 3px;
}
#nav {
	position: relative;
	height: auto;
	width: auto;
	text-align:right;
	padding-top: 58px;
}
#gallery {
	position: relative;
	right: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
}
#midblock {
	margin-top: 10px;
}
#footer {
	font-size: 10px;
	color: #E5EBEA;
	font-weight: 700;
	margin-top: 25px;
	clear: both;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #3A6565;
	padding-top: 25px;
}
.topbord {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #3A6565;
}

.rightbox {
	float: right;
	width: 128px;
	padding: 20px;
	font-size: 11px;
	margin-left: 20px;
	background-color: #3A6565;
	line-height: 1.4;
	font-weight: 700;
}
footer a {
	color: #8ECFCF;
	text-decoration: none;
}
.pad {
	padding: 20px;
}


/* TABS */

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.ui-tabs {
    position: relative;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: none outside none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color: #E7F0D6;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding-top: 0.5em;
	padding-right: 20px;
	padding-bottom: 0.5em;
	padding-left: 20px;
	font-size:14px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-tabs .ui-tabs-panel {
	border-width: 0;
	display: block;
	padding: 0px;
	background-color: #F0F5FA;
	min-height: 340px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color: #212121;
	background-color: #F0F5FA;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
/* END TABS */
.featurethumb {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
.bigtext {
	font-size: 14px;
	font-weight: 400;
	/* [disabled]color: #A5A5AA; */
	line-height: 1.7;
}
.box_skitter .info_slide_dots .image_number {
	border-radius: 50px;
	behavior: url(pie/pie.htc);
	position:relative;
	z-index: 9999;
}
.padin {
	padding-left:20px;
	padding-right:20px;
}
.rhs {
	width: auto;
	float: right;
	margin-left: 40px;
}
.lhs {
	width: auto;
	float: left;
	width:55%;
}
.lhs h1 {
	margin-top:0;
}
.logoprint, .accredsprint {
	display:none;
}

@media screen and (max-width:680px) {
body {
    background-color: #26484A;
	background-image: none;
}
#container {
	width: 100%;
	padding-left:0px;
	padding-right:0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	min-width:320px;
} 
#logo {
    left: 0;
    position: relative;
    top: 10px;
}
#logo img {
    width:70%;
	height:auto;
	margin-left:5%;
	margin-right:5%;
	max-width:340px;
	margin-top:10px;
}
#header {
	height: auto;
	position: relative;
	width:100%;
}
#contactinfo {
    font-size: 12px;
    left: 5%;
    line-height: 22px;
    position: relative;
    text-align: left;
    top: 25px;
    width: 90%;
    z-index: 999;
}
#contactinfo br {
	display:none;
}
#footer .accreds {
    display: block;
    float: none;
	margin-bottom: 20px;
}
#midblock {
    margin-top: 40px;
	margin-bottom: 0 !important;
}
.rhs, .lhs {
    float: none;
    width: auto;
	margin-left:0;
}
/*.box_skitter_large {
    height: 300px !important;
    padding: 20px !important;
    width: 100% !important;
}
.box_skitter_large img {
    height: auto !important;
    width: 100% !important;
}*/
.container_skitter {
	width: 100% !important;
}

.box_skitter {
	width:100% !important;
	padding:0 !important;
	background:none !important;
}

.box_skitter img {
	height: auto;
	max-width: 100% !important;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #607f81;
	border-bottom-color: #607f81;
}
.box_skitter .info_slide_dots {
	display:none !important;
}
.box_skitter_large {
    height: 250px !important;
    overflow: visible !important;
}
.box_skitter .container_skitter {
    overflow: visible !important;
}
.notop {
	margin-top: 50px !important;
	  
}
.martop {
	margin-top: 50px !important;
	  
}
.box_skitter .next_button, .box_skitter .prev_button {
    margin-top: -15px !important;
}
.home #footer {
	margin-top: 60px;
}

@media screen and (max-width:380px) {
.box_skitter_large {
    height: 150px !important;
    overflow: visible !important;
}
}
