/*
Theme Name: St Albans Office Space
Description: Designed by <a href="http://verulamwebdesign.co.uk/">Verulam Web Design</a>.
Author: Verulam Web Design
Author URI: http://verulamwebdesign.co.uk
Template: Chamomile
Version: 1.0
*/


@import url("../Chamomile/style.css");

p, ul, li {
	font-size: 15px;
}

.nav a {
    font-size: 14px;
}

.section-wide {
    margin: 30px auto!important;
}

.topheader {
float: left;
width: 100%;
height: auto;
margin-bottom: 40px;
max-height: 400px;
background: rgb(0, 0, 0);
}

.topheader img { width: 100%; height: 400px; background: rgb(0, 0, 0); opacity: 0.9; }

.topheader h1 {
font-size: 70px;
font-weight: bold;
text-align: center;
width: 100%;
position: absolute;
margin-top: -250px;
color: #fff;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.footer {
    min-height: 50px;
}

.footer-innernew { float: none; margin: auto; max-width: 980px; width: 100%; padding: 20px 0px; height: 18px; }

.footer-left, .footer-middle, .footer-rightnew {
	float: left;
	width: 33%;
}


.footer-left {
	text-align: left;
}

.footer-middle {
	text-align: center;
}

.footer-rightnew {
	text-align: right;
}

.tftable td {
padding: 5px 0px;
border: 0px;	
}

.tftable tr {
border: 0px;	
}

.tftable th {
border: 0px;	
}

.tftable table {
border: 0px;	
}

.tftable tbody {
border: 0px!important;	
}

table {
border-color: #fff!important;
border: 0px;	
}


h1, h2, h3, h4, h5, h6 {
line-height: 1.2em;
margin-bottom: 15px;
font-weight: normal;
font-family: 'Open Sans', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif!important;
}

h2 {
    font-size: 2.2em!important;
}


h3 {
    font-size: 1.9em!important;
}

h4 {
    font-size: 1.6em!important;
}

.side-widget {
background: url('images/hr.gif') no-repeat bottom center!important;
}

.article .post-date {
background: url('images/post_date.png') no-repeat bottom center!important;
}


.nav {
border-bottom: 1px solid #e5e5e5!important;
border-top: 1px solid #e5e5e5;
background: none!important;
}

body { border-top: 0px solid #e5e5e5!important; }


.footer-inner {
display: none!important;
}

p.footer-copy {
border-top: 0px dotted #c6c6c6!important;
}

.textwidget {
overflow: hidden;
clear: both;
padding: 10px 10px;
border: 1px solid #666;
border-radius: 10px;
}


.formborder {
overflow: hidden;
clear: both;
padding: 10px 10px;
border: 1px solid #666;
border-radius: 10px;
}

.formborder h3 {
font: normal 1.8em 'Open Sans', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif!important;
text-transform: none!important;
color: #ffffff!important;
margin-bottom: 15px;
background: #327ee5;
text-align: center;
}

.side-widget h3 {
font: normal 1.8em 'Open Sans', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif!important;
text-transform: none!important;
color: #ffffff!important;
margin-bottom: 15px;
background: #327ee5;
text-align: center;
}

.sidetext {
width: 210px!important;
margin: 2px auto;
color: #888;
border: 1px solid #bbb;
}


@media screen and (min-width: 981px) {

.galleryid-1494 {
height: 250px;
}

.galleryid-1378 {
height: 250px;
}

.article {
margin-bottom: 30px!important;
clear: both;
}
	
.footer-right {
width: 980px;
clear: both;
font-size: .9em;
overflow: hidden;
padding: 0px 0;
margin: 0 auto;
text-align: right;
margin-top: -40px;
}


.nav {
border-bottom: 2px dotted #e5e5e5!important;
border-top: 2px dotted #e5e5e5;
background: none!important;
}

.elastislide {
background: url('images/hr.gif') no-repeat bottom center!important;
}

.es-carousel ul li span {
font-family: 'Open Sans', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif!important;
}

.es-carousel ul {
max-width: 980px;
width: 100%!important;
}

.es-carousel ul li {
height: 400px;
margin-right: 3px;
float: left;
display: block;
position: relative;
overflow: hidden;
width: 487px!important;
}


.es-carousel ul li a img {
display: block;
border: none;
max-height: 100%;
max-width: 100%;
width: 100%!important;
}

#logo {
max-width: 478px;
float: left;
width:100%;
padding: 15px 0px;
}

.contactus {
float: right;
font-size: 20px;
text-align: right;
padding: 15px 0px;
}

.aside {
margin: 10px 10px 30px 0!important;
}

.section {
margin: 0px 0 30px 10px!important;
width: 620px!important;
}

.wpcf7 input.wpcf7-form-control.wpcf7-submit {
width: 62px!important;	
}

.wpcf7 input {
width: 265px!important;
}

.wpcf7 textarea {
width: 265px!important;
height: 50px;
}


.home .wpcf7 input {
width: 268px!important;
}

.home .wpcf7 textarea {
width: 268px!important;
}

.es-carousel ul li span {
font-size: 1.8em!important;
}


.aside {
float: right;
width: 300px!important;
margin: 30px 10px 30px 0;
}


.sidetext {
width: 210px!important;
margin: 2px auto;
color: #888;
border: 1px solid #bbb;
}


}


@media screen and (max-width: 980px) and (min-width: 681px) {

.es-nav span.es-nav-next {
    display: none!important;
}

.sidetext {
width: 100px!important;
margin: 2px auto;
color: #888;
border: 1px solid #bbb;
}

input[type=submit], .post-button {
background: #fd7173;
border: 1px solid #fd7173;
color: #ffffff;
-webkit-appearance: none;
}

.galleryid-1494 {
height: 200px;
}

.galleryid-1378 {
height: 200px;
}


.footer-right {
width: 98%;
clear: both;
font-size: .9em;
overflow: hidden;
padding: 0px 0;
margin: 0 auto;
text-align: right;
margin-top: -40px;
}

.textwidget img {
width: 95%;	
}

.textwidget img.ipadfix {
width: 36%;	
}

.elastislide {
background: url('images/hr.gif') no-repeat bottom center!important;
height: 400px;
padding-bottom: 20px!important;
overflow: hidden;
}



#logo {
max-width: 360px;
float: left;
width:100%;
padding: 15px 0px;
}

.contactus {
float: right;
font-size: 17px;
text-align: right;
padding: 15px 0px;
}

.nav a {
display: block;
padding: 8px 8px!important;
font-size: 12px!important;
}

.es-carousel ul li span {
font-family: 'Open Sans', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif!important;
}


.wpcf7 input.wpcf7-form-control.wpcf7-submit {
width: 62px!important;	
}

.wpcf7 input {
width: 205px!important;
}

.wpcf7 {
height: 400px;	
}


.wpcf7 textarea {
width: 205px!important;
height: 50px;
}



.wpcf7#wpcf7-f107-o2 input {
width: 225px!important;
}

.wpcf7 {
height: 400px;	
}


.wpcf7#wpcf7-f107-o2 textarea {
width: 225px!important;
height: 50px;
}

.home .wpcf7 input {
width: 180px!important;
}

.home .wpcf7 textarea {
width: 180px!important;
}


h3 {
    font-size: 1.6em !important;
}

h4 {
    font-size: 1.2em !important;
}

.es-carousel ul li span {
font-size: 1.4em!important;
}

.formborder {
    overflow: hidden;
    clear: both;
    border: 1px solid rgb(102, 102, 102);
    border-radius: 10px;
    padding: 10px;
    width: 195px;
	height: 520px;
}

img#captchaimage {
width: 60px;
height: 20px;	
}

.section {
float: left;
width: 60%!important;
margin: 0% 0 5% 1%!important;
}

.aside {
float: right;
width: 35%!important;
margin: 1% 1% 5% 0!important;
}

.sidetext {
width: 170px!important;
margin: 2px auto;
color: #888;
border: 1px solid #bbb;
}



#fancybox-overlay { background-color: transparent!important; z-index: 1!important; }

#lbBottomContainer {
	z-index:9998 !important;
}

#fancybox-wrap, #fancybox-content, #fancybox-outer {
display: none!important;
}

.ngg-gallery-thumbnail img {
z-index: 1000!important;
}

}



@media screen and (max-width: 767px) {
	
p, ul, li {
	font-size: 16px;
}	
	
.topheader img { width: 100%; height: 300px; }	
	
	.topheader {
    max-height: 300px; margin-bottom: 10px;
	}
	
.topheader h1 { font-size: 45px; }	

.footer {
    min-height: 82px;
}

.footer-innernew { float: none; margin: auto; max-width: 980px; width: 100%; padding: 20px 0px; height: 18px; }

.footer-left, .footer-middle, .footer-rightnew {
	float: left;
	width: 100%;
}


.footer-left {
	text-align: center;
}

.footer-middle {
	text-align: center;
}

.footer-rightnew {
	text-align: center;
}
	
.container {
    width: 96%!important;
}	
	
.es-nav span.es-nav-next {
    display: none!important;
}

}


@media screen and (max-width: 680px) {

#fancybox-overlay { background-color: transparent!important; z-index: 1!important; }

#lbBottomContainer {
	z-index:9998 !important;
}

#fancybox-wrap, #fancybox-content, #fancybox-outer {
display: none!important;
}

.ngg-gallery-thumbnail img {
z-index: 1000!important;
}

.galleryid-1494 {
height: 110px;
}

.galleryid-1378 {
height: 110px;
}



input[type=submit], .post-button {
background: #fd7173;
border: 1px solid #fd7173;
color: #ffffff;
-webkit-appearance: none;
}

.sidetext {
width: 190px!important;
margin: 2px auto;
color: #888;
border: 1px solid #bbb;
}

.elastislide {
padding-bottom: 15px!important;
}

.footer-inner {
padding: 30px 0 0px!important;
}

.home .section-wide {
margin: 30px auto 0px!important;
}

iframe#twitter-widget-0 {
margin-top: 20px;	
}

.article {
margin-bottom: 20px;
clear: both;
}

.footer-right {
width: 90%;
clear: both;
font-size: .9em;
overflow: hidden;
padding: 0px 0;
margin: 0 auto;
text-align: center;
}

p.footer-copy {
    padding: 20px 10px 10px!important;
}

.ngg-gallery-thumbnail img {
    float: none!important;
    margin: 5px 45px!important;
	margin-bottom: 5px!important;
	margin-top: 5px!important;
}


.ngg-gallery-thumbnail {
    float: none!important;
    text-align: center;
    margin: auto;
}

.ngg-gallery-thumbnail-box {
    float: none;
    margin: auto;
	margin-right: 0px;
}

.wpcf7 select, .wpcf7 textarea, .wpcf7 input {
border: 1px solid #ccc;
color: #888;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 1em;
font-family: Arial, Verdana, Sans-serif;
text-shadow: none !important;
width: 97%;
}

#respond {
padding: 0px!important;
background: #fff;
}

.contactus {
text-align: center;
padding: 0px 0px 15px 0px;	
font-size: 15px;
}

.es-carousel ul li span {
font-family: 'Open Sans', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif!important;
}

.wpcf7 input.wpcf7-form-control.wpcf7-submit {
width: 62px!important;	
}

.wpcf7 input {
width: 250px!important;
}

.wpcf7 textarea {
width: 250px!important;
height: 50px;
}

.home .wpcf7 input {
width: 238px!important;
}

.home .wpcf7 textarea {
width: 238px!important;
}

h3 {
    font-size: 1.6em !important;
}

h4 {
    font-size: 1.2em !important;
}


.es-carousel ul li span {
    position: inherit!important;
    bottom: auto!important;
    font-size: 1em!important;
}

.es-nav span.es-nav-next {
    display: none!important;
}

.elastislide {

    background: url('images/hr.gif') no-repeat bottom center !important;

}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.textwidget img {
float: left;
max-width: 260px;
width: 100%;	
}


.textwidget img.ipadfix {
float: left;	
width: 20%;	
}
	
}