.home-main-wrapper {width: 100%; margin: 0 auto;}

/* Header ================================================================================================ */

.header-container {max-width:960px; margin:0 auto 0px;}
.header-search{
	float:right;
	margin:6px 0px;padding:0;
}
.header-search .form-search {
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #E5E5E5;
    box-shadow: 0 1px 2px #585858 inset;
    border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    float: left;
    position: relative;
    width: 280px;
}
.header-search .form-search input.input-text {
    background:#EAEAEA;
    border: medium none;
    color: #716A5D;
    float: left;
    margin: 3px;
    padding: 8px;
    width: 230px;
    height:29px;
    font-size:13px;
}
.header-login{
	float:right;
	width:100px;
	background:#0055A5;
	padding:15px;
	font-size:12px;
}
.header-login a{
	color:#ffffff;
}
.header-contacts{
	float:right;
	width:378px;
	padding:14px 5px;
	font-size:12px;
	text-align:right;
	line-height: 1.6em;
}
.header-contacts span{color:#0055A5;}
.header-contacts .hc{float:right; margin:0 15px;}

.header-contacts a{
	color:#0055A5;
}

/* Footer ================================================================================================ */
.footer-wrapper{width: 100%; margin: 15px auto 0;background:#E6EAED; border-top:1px solid #B1BAC1;}
.footer-container{max-width:960px; margin:0 auto; padding:25px 0; text-align: left;font-size:12px; font-weight:300; line-height: 1.3em;}
.footer-col{float:left;margin:0; padding:0 10px;width:157px; min-height:200px;}
.footer-col ul{float:left; width:100%; margin:0;padding:0; list-style: none;}
.footer-col ul li{margin:0; padding:0;color:#FFFFFF;}
.footer-col ul li a{color:#6C7A83;}
.footer-col ul li a:hover{color:#0080FF;}
.footer-col h3{font-size:12px;}
.footer-col p{float:left; width:100%;padding:10px;color:#6C7A83;font-size:12px;}
.footer-col-address{float:right;width:215px; margin:0;padding:0 0 0 10px;}

/* Layout ================================================================================================ */
.outter-wrapper {background:#ffffff;}
.page { max-width:946px; margin:0 auto; padding:10px 30px; text-align:left; }
.main-wrapper {width: 100%; margin: 0 auto;}
.main-container {max-width:960px; margin:18px auto;}
/* Base Columns */
.col-left{float:left; width:183px; text-align:left;padding:14px 5px; border:1px solid #F6F6F6; 
-moz-box-shadow:0 14px 38px -33px #000000;;
-webkit-box-shadow:0 14px 38px -33px #000000;;
box-shadow:0 14px 38px -33px #000000;
}

.col-main {width:68%; float:right;}
.col-search {width:98%; float:left;}

.col-main, .col-search, .col-main-sitemap { padding:17px 45px 45px; text-align:left; 
-moz-box-shadow:0 14px 38px -33px #000000;;
-webkit-box-shadow:0 14px 38px -33px #000000;;
box-shadow:0 14px 38px -33px #000000;
border:1px solid #f6f6f6;
}
.col-right { float:right; width:183px;padding:14px 5px; border:1px solid #F6F6F6; 
-moz-box-shadow:0 14px 38px -33px #000000;;
-webkit-box-shadow:0 14px 38px -33px #000000;;
box-shadow:0 14px 38px -33px #000000;
}

.col-main .top-banner{
position: relative; 
margin: 0 0 10px;
padding: 1px;
border:1px solid #ECECEC;
}
.col-main .top-banner img{
width:100%;
}
.col-main .top-banner h1{
background:#0C3383;
border-radius: 0 7px 7px 0;
bottom: 10px;
color: #FFFFFF;
font-size: 19px;
font-weight: 300;
left: 0;
min-width: 173px;
padding: 5px 10px;
position: absolute;
-moz-box-shadow:2px 0 3px 0 #000000;
-webkit-box-shadow:2px 0 3px 0 #000000;
box-shadow:2px 0 3px 0 #000000;
}
.col-main h1, .col-search h1{
font-size:22px; font-weight:400; color:#0055a5;margin:10px 0 10px 0;
}
.col-main h2, .col-search h2{
font-size:16px; font-weight:400; color:#0055a5;margin:10px 0 10px 0;
}
.col-main p, .col-search p{
color:#333333; font-size:13px; font-weight:300; line-height: 1.5em;
}
.col-main ul{
margin:0 0 30px 0;
}
.col-main ul li{
color:#333333; font-size:13px; font-weight:300; line-height: 1.8em;
list-style:disc; margin:0 20px;
}

.document-list{display:block; margin:5px 0;padding:10px; background:#F3FCDC; border:1px solid #E0F0B9; border-radius: 5px;}

.header-style
{
background:#0C3383;
border-radius: 0 7px 7px 0;
color: #FFFFFF !important;
font-size: 19px;
font-weight: 300 !important;
padding: 5px 10px;
-moz-box-shadow:2px 0 3px 0 #000000;
-webkit-box-shadow:2px 0 3px 0 #000000;
box-shadow:2px 0 3px 0 #000000;
}
.left-nav, .right-nav{margin:0;padding:0;}
.left-nav li, .right-nav li{
margin:0;
padding:3px 0px; 
color:#FFFFFF;
font-size:14px;
font-weight:300;
display:block;
-moz-box-sizing: border-box;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.left-nav li:hover, .right-nav li:hover{
/*background:#EEEEEE;*/
}
.left-nav li.active, .right-nav li.active{
/*background:#A7D5F0;*/
}
.left-nav li a, .right-nav li a{
margin:0;
padding:3px 10px; 
font-size:11px;
font-weight:300;
display:block;
-moz-box-sizing: border-box;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color:#0055A5;
}
.left-nav li a.active, .right-nav li a.active{
background:#D8EDFD;
}
.left-nav li a.group-highlight{
/*background:#F5F5F5;*/
}
.left-nav li a:hover, .right-nav li a:hover{
background:#EEEEEE;
}

.left-related-links{margin:25px 0;padding:0;}
.left-related-links h3{
font-size:15px;
font-weight:300;
}

.breadcrumbs{
margin: 0 0 20px;
padding: 0;	
}

.breadcrumbs li {
display: inline;
font-size:11px !important;
font-weight:300;
margin:0 !important;
}
.breadcrumbs li a{
padding:0 5px 0 0;
}
.col-main-sitemap{text-align:left;}
.col-main-sitemap h1, .col-main-sitemap h2, .col-main-sitemap h3{
margin: 10px 0;font-weight:400;
}
.col-main-sitemap p{font-weight:300; line-height: 1.6em;color:#000000; font-size:12px;}
.col-main-sitemap .l1{padding:0 10px;}
.col-main-sitemap .l2{padding:0 40px;}
.col-main-sitemap .l3{padding:0 70px;}
.col-main-sitemap a{color:#0095FF;}

.form-make-appointment{
	margin-bottom:100px;
	padding:10px 0;
	border-top:1px dashed #CCCCCC;
}

.appointment-post-success{
	width:100%;
	border-radius:8px;
	background-color:#E8F9F9;
}
.appointment-post-success h2, .appointment-post-success p{padding:5px 20px;margin:0;}


#embed-canvas{margin:0;padding:0;height:400px;}
.map-info{width:280px;font-weight: 350;}
.map-info h5{font-size: 16px;}
.map-info p{font-size: 13px; line-height: 1.3em !important;}

.special-qu-area-right{
background: none repeat scroll 0 0 #f5f5f5;
float: right;
margin: 0 0 20px 20px;
padding: 20px;
text-align: left;
width: 35%;
-moz-box-shadow:0 1px 4px 0 #c8c8c8;
-webkit-box-shadow:0 1px 4px 0 #c8c8c8;
box-shadow:0 1px 4px 0 #c8c8c8
}
.special-qu-area-left{
background: none repeat scroll 0 0 #f5f5f5;
float: left;
margin: 0  20px 20px 0;
padding: 20px;
text-align: left;
width: 35%;
-moz-box-shadow:0 1px 4px 0 #c8c8c8;
-webkit-box-shadow:0 1px 4px 0 #c8c8c8;
box-shadow:0 1px 4px 0 #c8c8c8
}
 
/* Search Results ================================================================================================ */
.search-item{float:left;padding:10px 10px; margin:0; width:100%;
border-bottom:1px dashed #CCCCCC;}
.search-item h2 a{font-size:15px; color:#0055A5;}


/* Blog ================================================================================================ */
.blog-item{float:left;padding:10px 0; margin:0; width:100%; border-bottom:1px dashed #CCCCCC;}
.blog-item h2{font-size:20px;}
.blog-item a{color:#0055A5;}
.blog-item .published-date{font-style:italic;}
.blog-item .blog-copy{float:left;}
.blog-item .blog-copy img{float:left; margin:0 10px 0 0;}
.blog-item .blog-copy p{float:left; padding:0;width:475px;}

/* Sub Page Filter ================================================================================================ */
.sub-page-filter{margin:0;padding:0;}
.tabs{float:left;margin:0;padding:0;}
.tabs li{float:left;margin:5px;height:40px;width:40px;background:#9A9A9A;}
.tabs li:hover{background:#A7D5F0;}
.tabs li.active{background:#0040AA;box-shadow:0px 0px 3px rgba(0, 0, 0, 0.0.48);}
.tabs li a{
float: left;
font-size: 29px;
font-weight: 400;
color:#FFFFFF;
height: 31px;
padding: 0;
text-align: center;
text-decoration: none;
width: 39px;
}
.tabs li.inactive{background:#F0F0F0;
font-size: 29px;color:#FFFFFF;padding: 0;text-align: center;}
.tab-container{float:left;margin:10px 0;padding:0;width:100%;}
.tab-content{float:left;margin:10px 0;padding:0;width:100%;}
.filter-letter{margin:0;padding:0px 15px;font-size:33px; font-weight:400;color:#0040AA;border-bottom:1px solid #CCCCCC;}
.filter-results{margin:0;padding:10px 0;}
/*.filter-results li a{float:left; margin:5px 5px;width:45%; background:#CCCCCC;}*/
.filter-results li a{float:left; margin:3px;width:44%; background:#F1F1F1;padding:6px 15px; color:#0040AA; font-weight:300;}
.filter-results li a:hover{text-decoration:none; background:#0040AA; color:#FFFFFF;}


/* Menu ================================================================================================ */
.menu-wrapper{width: 680px; float:right; margin:3px 0 0 0;}
.menu-container{max-width:960px; margin:0 auto;}
.menu-button-wrapper{display:none;}

/* Strapline wrapper ================================================================================================ */
.strapline-wrapper{float:right; width:650px;margin:0;font-size:12px; text-align: right;}
.strapline-wrapper p{padding:23px 5px 10px 5px;color:#6c7a83;}

/* Home Layout ================================================================================================ */
.home-main-container {max-width:960px; margin:0 auto; padding:0px 0 0px 0;}
.sub-brand{float:left; margin:0;padding:0;width:306px; border-top:5px solid #B1BAC1;}
.sub-brand.bs-1{margin:0 21px 0 0;}
.sub-brand.bs-2{margin:0 21px 0 0;}
.sub-brand.bs-3{margin:0 0 0 0;}
.sub-brand .title{background:#0a47ad;padding:5px 10px; text-align:left; color:#FFFFFF; font-size:14px;}

.sub-brand-logo{position:relative;float:left;width:145px; height:140px;}
.sub-brand-logo img{position:absolute;bottom:0;left:10px}
.sub-brand-links{float:right;width:146px; height:140px; position:relative;font-size:12px; 
color:#6C7A83; line-height:1.4em; text-align:left; font-weight:300;}
.sub-brand-links ul{position:absolute; bottom:0;}
.sub-brand-links a{
color:#6C7A83;
}
.sub-brand-links a:hover{
color:#0080FF;
}
.sub-brand-image-wrapper{float:left;height:97px;margin:10px 0 0;}
.sub-brand-images{float:left;width:102px;background:#F9FDFD;}
.sub-brand-images img{width:100%;}

/* Header ================================================================================================ */
.header-wrapper {width: 100%; margin: 0 auto;}
.header-left {float: left; margin: 0; padding:31px 0 0 0;}
.header-left .logo { width:278px; text-align:center; display:block; margin:0 auto 5px; float:none; }
.header-left .logo img { width: 100%; }
.header-right {float: right; margin: 0; padding:0;}
.header-right .quick-contact{float: right; margin: 15px; padding:0; color:#0040aa; font-size:15px;}
.header-right .make-appointment-wrapper{float:right;margin:0;width:188px; height:40px}
.header-right .make-appointment{
	float: right; margin: 0 0 0 15px; padding:1px;
	background-image: linear-gradient(to bottom, #3a68b5, #0040aa);
    border-radius: 5px;-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.home-main-slider{display:block;float: none; margin: 0 auto;width:960px;}
.general-main-slider{display:block;float: none; margin: 0 auto;width:650px;}

/* Social media ============================================================================== */
.social-media-container{
float:left; width:115px; text-align:left; margin:22px 0; padding:20px;/*border:1px solid #CCCCCC;*/
}
.social-media-container h2{margin:0 0 15px 0; color:#0055A5;}

/* Latest News ============================================================================================ */
.latest-newsbox-container{float:left; width:732px; text-align:left; 
margin:22px 0 0 30px; background:#ffffff; border:1px solid #cccccc; padding:10px 20px;
}
.latest-newsbox-container h2{margin:0 0 4px 0; color:#0055A5;}
.news-item{float:left;; width:182px; margin:0 30px 0 0; padding:0; font-weight:300;}
.news-item h3 a{margin:0;padding:2px 0 5px 0; font-size:14px; color:#6C7A83;}
.news-item p{margin:0;padding:0;font-size:11px;line-height:1.3em;}
.news-item a{font-size:11px; color:#0055A5;}
.news-item-date{font-size:11px;}

/*Theme Table 1*/
.theme-table1{font-weight:300;font-size:12px;
    border-spacing: 20px;
    border-collapse: separate;
    }
.theme-table1 th {
    background:#FFFFFF;
    color: #0040AA;
    font-weight: bold;
    padding: 6px 6px 6px 12px;
    text-align: left;
    text-transform: uppercase
}
.theme-table1 td {
    background:#FFFFFF;
    /*border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;*/
    padding: 17px 6px 17px 12px;
	-moz-box-shadow:0 1px 4px 0 #c8c8c8;
	-webkit-box-shadow:0 1px 4px 0 #c8c8c8;
	box-shadow:0 1px 4px 0 #c8c8c8;
}
.theme-table1 td p{font-size:12px;}


/*Timeline Slide*/
#timelineScrollable
{
	width:100%;
	height: 500px;
	position: relative;
}

#timelineScrollable div.scrollableArea img
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
		
/* Buttons ================================================================================================ */
.button-search{
	position: relative;
	margin-left: 4px;
	top:2px;
    border-color: #BBBBBB;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.button-search:hover{
	background:#ffffff;
	border-color: #999999;
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset;
	color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	outline: 0 none;
}

.button-search-icon{text-align:center;}
.button-search-icon:after{
font-family: FontAwesome;
content: "\f002";
color:#909090;
font-size:15px;	
}

	    
.button-general{
	position: relative;
	margin-left: 4px;
	top:5px;
    background-image: linear-gradient(to bottom, #3a68b5, #0040aa);
    border-color: #BBBBBB;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.button-general:active{
	background: linear-gradient(to bottom, #012F7C, #002690) repeat scroll 0 0 #2755A2;
	border-color: #999999;
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset;
	color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	outline: 0 none;
}
.button-menu{
	position: absolute;
	right: 5px;
    background-image: linear-gradient(to bottom, #FEFEFE, #F4F4F4);
    border-color: #BBBBBB;
    color: #333333;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.button-menu:active{
	background: linear-gradient(to bottom, #ACACAC, #FEFEFE) repeat scroll 0 0 #EEEEEE;
	border-color: #999999;
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset;
	color: #333333;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	outline: 0 none;
}
.button-home{
	position: absolute;
	left: 5px;
    background-image: linear-gradient(to bottom, #FEFEFE, #F4F4F4);
    border-color: #BBBBBB;
    color: #333333;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.button-home:active{
	background: linear-gradient(to bottom, #ACACAC, #FEFEFE) repeat scroll 0 0 #EEEEEE;
	border-color: #999999;
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset;
	color: #333333;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	outline: 0 none;
}
.button-large {
    -moz-box-sizing: border-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif; 
    height: 32px;
    line-height: 28px;
    margin: 0;
    padding: 2px 13px 1px;
    text-decoration: none;
    white-space: nowrap;
}

.button-clientpage{
	position: absolute;
	right: 5px;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    background:#0055a5;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.button-clientpage:hover{
    background:#1D78CF;
	outline: 0 none;
}

/*
Forms ================================================================================ */
.form-field {
    margin: 0;
    padding: 7px;
}
.form-button-submit {
    margin: 0;
    padding: 10px !important;
}
.form-field label {
    float: left;
    margin: 0;
    padding: 5px;
    text-align: left;
    width: 189px;
    color:#0040AA;
}
.form-field .form-margin {
    font-size: 12px;
    line-height: 20px;
}
input[type="text"], textarea, select {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 13px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    outline: medium none;
    padding: 6px;
}
input.regular-text, textarea.regular-text, select.regular-text {
    width: 25em;
}
span.field-description {
    font-family: sans-serif;
    font-size: 12px;
    font-style: italic;
    color:#333333;
    margin:0 0 0 5px;
}

/* Clears ================================================================================ */
.main-wrapper:after, .main-container:after, .col-left:after, .col-main:after, .home-main-wrapper:after, .header-container:after,
.sub-page-filter:after, .filter-results:after{
clear: both;content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
overflow: hidden;
}


/* Font-Awesome ================================================================================================ */ 
.fa-envelope{color:#000000;}
.fa-phone{color:#000000;}
