/*
Theme Name: Moonauto
Theme URI: http://www.dizzy-design.co.uk
Description: Bespoke Moonauto
Version: 1.0
Author: dizzy-design.co.uk
Author URI: http://www.dizzy-design.co.uk

    
*/

/* CSS Document */


* {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	
	} 


#outerWrapper {
	display: block;
	 overflow:hidden;
	width: 100%;
	padding-bottom: 0px;
	clear: both;
	background-color: transparent;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

#innerWrapper {
	position: relative;
	background-color: transparent;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	padding-bottom: 0px;
}

#wrapper {
	position: relative;
	background-color: transparent;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	
	width: 100%	;	
}


#topwrapper {
	height: auto;
	background-color: #000000;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top center;
	position: relative;
	width: 100%;
    z-index: 1000;
} 

#banner {
	height: auto;
	background-color: transparent;
	max-width: 1020px;
	width: 100%	;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}




#wrapper, #topwrapper {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	width: 100%; 
}

body {
	text-align: left;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
}


#logo {
	position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -189px;
    float: none;
    width: auto;
}

#socialtop {
    float: left;
    width: 30%;
    padding-top: 10px;
    text-align: left;
    color: #ffffff;
    padding-bottom: 20px;
}


.emailbox {
	padding-top: 10px;
    padding-bottom: 20px;
	display: block;
	float: right;
    padding-left: 0px;
	width: 30%;
	text-align: right;
    font-size: 100%;
    font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: normal;
font-style: normal;
    color: #ffffff;

}

.emailbox p, #socialtop p { 
 font-family: 'franklin-gothic-urw-comp', Arial, Helvetica, "sans-serif" !important;
font-weight: normal;
font-style: normal !important;
    color: #E9EBC1 !important;
    font-size: 110%;
}

.emailbox a, #socialtop a { 
 font-family: 'franklin-gothic-urw-comp', Arial, Helvetica, "sans-serif" !important;
font-weight: normal;
font-style: normal !important;color: #E9EBC1 !important;
    font-size: 110%;
}




#topBanner {
	width: 100%;
	float: right;
	padding-bottom: 0px;
	padding-top: 15px;
	text-align: left;
	margin-right: 0px;
	height: auto;
    background-color: transparent;
}

#topInner {
	max-width: 100%;
    width: 1020px;
	margin-right: auto;
    margin-left: auto;
	height: auto;
}

#topBanner p {
	padding-bottom: 5px;
}

#navWrapper {
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	text-align: center;
}


#prodNav {
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent;
	max-width: 1020px;
	width: 100%	;
	padding-top:0px;
    padding-bottom:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: auto;
	text-align: left;
 
    z-index: 10000;
}

.topNav {
    width: 100%	;
    background-color: #000000;

    margin-top: 20px;
     margin-bottom: 0px;
    display: block;
}

#topNav {
	width: 100%;
	background-color: transparent;
	padding-top: 15px;
    padding-left: 0px;
    padding-right:0px;
    float: none;
    text-align: left;
    margin-right: auto;
	margin-left: auto;
}


#middleWrapper {
	
	width: 100%	;
  /*  max-width: 1020px;*/
	clear: both;
	background-color: transparent;
	background-repeat: no-repeat;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}



#wrapper #leftWrapper {
	float: right;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 75%;	
	margin-left: 0px;
	
}


#outerWrapper.fullwidth #wrapper #leftWrapper{
	float: none;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 100%;	
	margin-left: 0px;

}

.blog #leftWrapper {
	float: left;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 75%;	
	margin-left: 0px;
	
}

#mainContent {
	width: 100%;
	padding: 0;
	position:relative;
	margin-bottom: 0px;
  
	
}


#middleWrapper.posttype #mainContent {
    width: 74% !important;
    float: right !important;
}



#mainNav, #wrapper.blog #mainNav {
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	overflow: hidden;
	width: 22%;
	
	background-color: transparent;
	margin-top: 0px;
	position: relative;
}


#outerWrapper.fullwidth #wrapper #mainNav 
{
	display: none;
}

#newsblock {
    margin-right: auto;
	margin-bottom: 0px;
    margin-top: 0px;
	margin-left: auto;
    width: 100%;
	position: relative;
	clear:both;
    display: block;
    padding-bottom: 20px;
    padding-top: 30px;
    background-color: #F2ECDB;
}
#newsblockInner {
    margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    max-width: 1020px;
	width: 100%	;
}

#footerWrapperBlue {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #000000;
	width: 100%;
	position: relative;
	clear:both;
	padding-bottom: 0px;
	margin-top: 0px; /* negative value of footer height */
	height: auto;
	
}

#footerWrapperInnerGrey  {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	bottom: 0px;
	height: auto;
	background-color: #000000;
}

#footerWrapperInnerMan  {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	bottom: 0px;
	height: auto;
	background-color: #ffffff;
}


#infoWrapper {
	width: 100%;
	margin-right: auto;
	padding-bottom: 0px;
	padding-top: 20px;
	margin-left: auto;
	background-color: #EE3A39;
	clear: both;
}

#infoWrapperInner {
	max-width: 1020px;
	width: 100%	;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
}



#newsFeeds {
	background-color: transparent;
	max-width: 1020px;
	width: 100%	;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	padding-bottom: 0px;

}

#footerInner, #footerInner2 {
	padding-bottom: 20px;
	padding-top: 0px;
	background-color: transparent;
	max-width: 1020px;
	width: 100%	;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	}


#footerOne, #footerTwo {
    width: 31.5%;
    margin-right: 2%;
    float: left;
    padding-top: 30px;
     padding-bottom: 30px;
}

#footerThree {
    width: 31.5%;
    margin-right: 0%;
     float: right;
     padding-top: 30px;
    padding-bottom: 30px;
}

#footerOne p, #footerTwo p, #footerThree p, #footerOne h3, #footerTwo h3, #footerThree h3, #footerOne h4, #footerTwo h4, #footerThree h4, #footerOne h5, #footerTwo h5, #footerThree h5, #footerOne h6, #footerTwo h6, #footerThree h6, #footerOne a, #footerTwo a, #footerThree a {
    color: #E9EBC1;
      text-align: center;
    font-family: franklin-gothic-urw-comp, sans-serif;
}

#footerOne p, #footerTwo p, #footerThree p {
    font-size: 110% !important;
    line-height: 125%;
    padding-bottom: 15px;
}
	
#address {
	padding-top: 10px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	float: none;
    color: #E9EBC1;
    border-top: 1px solid #E9EBC1;
	font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: normal;
font-style: normal;
    text-align: center;

}

#address p, #logos p {
	
	font-size: 100%;
	padding-top: 10px;
}




#socialFooter img, .darkBackground p.speakercontact img {
	filter:brightness(200%) saturate(0);
}

#blogBox {
/* padding-top: 0px;
	width: 30.5%;
	float: left;
	margin-right: 1%;
	padding-right: 1%;*/
}

.blogitem {
    padding-top: 0px;
	width: 47.5%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
    text-align: center;
}

.blogitemcontent {
    width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: left;
}

#blogBox .blogitemcontent p  { 
    padding-bottom: 20px !important;
    text-align: center !important;
    float: none !important;
    display: block !important;
    font-size: 110%;
    color: #000000;
}

#blogBox .blogitemcontent h4  { 
    font-size: 120%;
     text-align: center !important;
}

#blogBox .blogitemcontent a.blogbutton:link, #blogBox .blogitemcontent a.blogbutton:visited { 
	background-color: transparent;
	color: #EE3A39 !important;
    border: 1px solid #EE3A39 ;
	padding-left: 20px;	
    padding-top: 7px;	
    padding-bottom: 7px;	
    padding-right: 20px;	
    font-size: 110% !important;
    text-align: center;
    font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
    text-transform: uppercase;

}
#blogBox .blogitemcontent a.blogbutton:hover, #blogBox .blogitemcontent a.blogbutton:active {
    background-color: #000000 !important;
}

#contactBox {
	padding-top: 0px;
	width: 30.5%;
	float: left;
	margin-right: 1%;
	padding-right: 1%;
	border-right: 1px solid #fff;
}


#blogBox h3 {
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;

}

#blogBox p, #contactBox p {
	line-height: 128%;
	font-size: 100%;
	padding-bottom: 10px;
    color: #333333;
}


#certBox {
	padding-top: 0px;
	width: 30.5%;
	float: left;
	margin-right: 0px;
}

#contact1 {
	padding-top: 0px;
	width: 32.5%;
	float: left;
	margin-right: 3%;
	padding-right: 1%;
    margin-bottom: 40px;
}


#contact2 {
	padding-top: 0px;
	width: 22.5%;
	float: left;
	margin-right: 2%;
	padding-right: 2%;
    margin-bottom: 40px;
}


#contact3 {
	padding-top: 0px;
	width: 32.5%;
	float: left;
	margin-right: 0px;
     margin-bottom: 40px;
}

#contact3 p, #contact2 p, #contact1 p {
	line-height: 128%;
	font-size: 90%;
	padding-bottom: 20px;
    color: #ffffff;
}

#contact3 h2, #contact2 h2, #contact1 h2, #contact3 h3, #contact2 h3, #contact1 h3, #contact3 h4, #contact2 h4, #contact1 h4, #contact3 h5, #contact2 h5, #contact1 h5, #contact3 h6, #contact2 h6, #contact1 h6 {

    color: #ffffff;
}


/* Articles */

ul.reviewsgrid li {
	width: 47%;
	display: inline-block;
	padding: 0px !important;
	margin-bottom: 20px;
	vertical-align: top;
	background-image: none !important;
    margin-left: 1.5%;
    margin-right: 1.5%;
    text-align: center;
}
ul.reviewsgrid {
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0px !important;
	display: inline-block;
}


ul.reviewsgrid .link {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

h6.reviewtitle {
    padding-top:20px;
}

.stars {
    padding-top: 15px;
    padding-bottom: 15px;
}

.headingWrapper {
    padding-bottom: 40px;
    display: block;
}

.casestudieswrapper li.casestudiesbox{
	display: inline-block;
    width: 47%;
    margin-right: 2.5%;
	vertical-align:top;
    border-bottom: 1px solid #aaaaaa;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center !important;
    margin-bottom: 10px;
    padding-left: 0px !important;
    background-image: none !important;
}


.casestudieswrapper li.casestudiesbox h4 {
	text-align: center !important;
    min-height: 75px;
    padding-top: 20px;
    
}
h1.csbutton  {
    padding-top: 45px;
    padding-bottom: 35px;
    text-align: center;
    background-color: #F2ECDB;
    font-size: 300%;
    font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
    text-transform: uppercase;
}

.greyTitle {
    padding-top: 40px;
    padding-bottom: 4-px;
    text-align: center
}

ul.pastprojectsgrid li.pastprojectsbox {
    	width: 30%;
	display: inline-block;
	margin-left: 1% !important;
	margin-right: 1% !important;
	padding: 0px !important;
	margin-bottom: 20px;
	vertical-align: top;
	background-image: none !important;
}

ul.pastprojectsgrid {
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0px !important;
	text-align: center;
	display: inline-block;
}

ul.pastprojectsgrid li h6 {
    text-align: center !important;
    font-size: 120%;
    padding-top: 10px;
}

ul.pastprojectsgrid .projectPhoto {
	padding-bottom: 20px;
    min-height: 200px;

}

p.price {
    text-align: center !important;
    font-size: 80% !important;
    
}
/* Basic Styles */

.shadow {
	-moz-box-shadow: 1px 1px 10px #000000;
	-webkit-box-shadow: 1px 1px 10px #000000;
	box-shadow: 1px 1px 10px #000000;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#000000')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#000000');
}

.nodata {
	display: none;
}


#mainContent .greyBox p {
	padding-bottom: 0px;
}


a.PDFbutton:link, a.PDFbutton:visited {
	padding-left: 30px;
	padding-bottom: 20px;
	padding-top: 20px;

	background-image: url(images/AdobePDFicon.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 100%;	
	display: block;
}

a.redButton:link, a.redButton:visited, p a.redButton:link, p a.redButton:visited, a.moretag:link, a.moretag:visited, a.more-link:link, a.more-link:visited {
	background-color: transparent;
	color: #EE3A39 !important;
    border: 1px solid #EE3A39 ;
	padding-left: 20px;	
    padding-top: 7px;	
    padding-bottom: 7px;	
    padding-right: 20px;	
    font-size: 110% !important;
    text-align: center;
    font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
    text-transform: uppercase;

}

a.whiteButton:link, a.whiteButton:visited, p a.whiteButton:link, p a.whiteButton:visited {
border: 1px solid #E9EBC1 ;
	color: #E9EBC1 !important;
    background-color: transparent;
    padding-top: 10px;	
    padding-bottom: 10px;	
	display: block;
     text-transform: uppercase;
    font-size: 110% !important;
    text-align: center;
font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
    width: 100%;
}



a.redButton:hover, a.redButton:active {
	color: #000000 !important;
    border: 1px solid #000000 ;
}

.whiteOpacityBox {
    background-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
    padding: 15px;
}

/* Basic Styles */
img.nospace {
	vertical-align: middle;
}

.clearme img {
	height: 0;
	}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}	


h4.blockheader {
    background-color: #EE3A39;
	color: #FFFFFF !important;
	padding-left: 5px;	
    padding-top: 7px;	
    padding-bottom: 7px;	
    padding-right: 5px;	
    margin-bottom: 15px;
    border: solid 2px #000000;
    text-align: center;
    font-family: franklin-gothic-urw-comp, sans-serif;
    font-weight: normal;
    font-style: normal;
  
}

#wrapperMain.clearme img, #wrapperMain .postmeta img {
border: none;
}

#address .widgettitle, #address .widget-title, #blogBox img.attachment-page-single, #blogBox img.attachment-index-categories, #case img.attachment-page-single, #case img.attachment-index-categories, #topBanner .widget-title, #topBanner .widgettitle #boxes div .widget-title, #logos .widgettitle, .page img.attachment-page-single, .home img.attachment-page-single, .blog img.attachment-page-single, .gc-testimonial-widget .widget-title, .gc-testimonial-widget h5, #key .widgettitle, #bBox1 .widgettitle, #bBox1 .widget-title, #bBox2 .widgettitle, #bBox2 .widget-title, #bBox3 .widgettitle, #bBox3 .widget-title, #homeBox1 .widgettitle,  #homeBox1 .widget-title, #homeBox2 .widgettitle,  #homeBox2 .widget-title, #homeBox3 .widgettitle, #homeBox3 .widget-title, #case .widget-title, #case .widgettitle, #manlogos .widget-title, #manlogos .widgettitle   {
	display: none;
}


.blogfooterimage {
 display: block !important;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    float: none !important;
    background-color: transparent;
}



.blogfooterimage img {
    float: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


.greyGrad {
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(46%, rgba(255,255,255,1)), color-stop(100%, rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 );
}

.commercialbox {
    background-color: #EE3A39;
    border: 4px solid #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 60px;
    position: relative;
}



.titlebox {
    background-color: #EE3A39;
    border: 4px solid #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    
}
.titlebox h1 {
    color: #ffffff;
    font-size: 300%;
    padding-bottom: 0px;
    text-transform: uppercase;
    font-weight: normal;
}

.commercialtitle {

    padding-left: 150px;

}

.bigiconhome {
    position: absolute; 
    top: -70px; 
    left: 30%;
}

.bigicontitle{
    position: absolute; 
    top: 10px; 
    left: 30px;
}

.boxedarea {
    background-color: #e6e6e6;
    padding: 10px;
}

.contactBox {
    background-color: #ffffff;
    border: 4px solid #EE3A39;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}


.creamline img {
    border: 1px solid #F2ECDB;
}

.overlapbox{
    z-index: 20000 !important;
    display: relative;
    margin-top: -350px;
    margin-bottom: 0px;
    padding-bottom: 0px;
        background-color: transparent;
}

.overlap{
    z-index: 300 !important;
    display: relative;

margin-top: -100px;
}

.sendtoBack {
     z-index: 0 !important;
}

.homeBox {
    height: 600px;
}

.homeBox h1, .homeBox h2, .homeBox h3, .homeBox h4, .homeBox h5, .homeBox h6, .homeBox p {
    color: #ffffff !important;
    text-transform: uppercase;
}

.creambackground {
    background-color: #F2ECDB;
}

.cars .attachment-page-single {
    display: none;
}
/* Text Colours */
.MidGrey {
	color: #D6D4D4;
}
.GreyLight {
	color: #F1F0F0;
}
.GreyDark {
	color: #000000;
}
.White {
	color: #FFFFFF;
}

.red {
	color: #EE3A39;
}


.centerWidth, div.centerWidth {

max-width: 1020px;
	width: 100%	;
	margin-left: auto;
	margin-right: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.allcaps {
    text-transform: uppercase;
}

.vc_row .centerWidth, .vc_row div.centerWidth {

max-width: 1020px;
	width: 100%	;
	margin-left: auto;
	margin-right: auto;

}


.rpc-box h3.rpc-post-title {
    text-align: center;
}

.rpc-box h3.rpc-post-title a:link, .rpc-box h3.rpc-post-title a:visited {
    font-size: 70% !important;
}

.rpc-comment-box {
    display: none;
}

.darkBackground {
    padding-bottom: 180px;
    padding-top: 50px;
}

.whiteTransparent {
    background-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.2);
    padding: 10px;
}

h1.bannerHeader {
    font-size: 360%;
    line-height: 100% !important;
    
}

 .homeBanner {
        height: 450px;
        
    }

.messageBanner {
    background-image: url("images/birdcage.jpg");
    background-size: cover;
    
}

.messageBanner2 {
    background-image: url("images/light.jpg");
    background-size: cover;
    
}

.mentorBanner {
    background-image: url("images/reflection.jpg");
    background-size: cover;
    
}

.investBanner {
    background-image: url("images/doors.jpg");
    background-size: cover;
    
}

.speakBanner {
    background-image: url("images/microphone.jpg");
    background-size: cover;
    
}
.bordercolumnright {
    border-right: solid 2px #000000;
}

H4.redBlock {
    background-color: #EE3A39 !important;
	color: #ffffff !important;
    font-size: 110%;
    padding: 5px !important;
    min-height: 40px;
}

.hovergrow {
    overflow: hidden;
}
.hovergrow img { transition: all .2s ease-in-out; }
.hovergrow img:hover { transform: scale(1.1); }

.headerLine {
 
    padding-left: 15px;
	border-left: 5px solid #EE3A39;
	padding-top: 0px;
padding-bottom: 0px;
}

h1.headerLine {
    margin-left: 15px;

}

h2.headerLine, h3.headerLine, h4.headerLine, h5.headerLine, h6.headerLine {
    

margin-bottom: 20px;
}

.headerIndent {
    
    padding-left: 20px;

	padding-top: 0px;

}

.homeBox .headerIndent {
    
    padding-left: 35px;

	padding-top: 0px;

}

.homeIntro {
    padding-bottom: 200px;
  
}

.formbox {
    border: 1px solid #ffffff;
    padding: 15px !important;
}
/* Headings */

H1, H2, H3, H4, H5, H6 {

	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: inherit;
	margin: 0px;
	font-family: 'franklin-gothic-urw-comp', sans-serif;
    font-weight: 700;
    font-style: normal;
	line-height: 120%;
	color: #000000;
    text-transform: uppercase;
}

H1 {
	font-size: 550%;
}

H2 {
	font-size: 310%;
}

H2.widgettitle  {
	font-size: 180% !important;
}

H3 {
	font-size: 280%;
}

H4 {
	font-size: 250%;
}

H5 {
	font-size: 200%;
}

H6 {
	font-size: 150%;
}

.extralargeBodytext {
	font-size: 180%;
	line-height: 150%;
}

.largeBodytext {
	font-size: 130%;
	line-height: 150%;
}

.smallBodytext {
	font-size: 90%;
	line-height: 128%;
}

.smallExtraBodytext {
	font-size: 80%;
	line-height: 128%;
}

/* Paragraphs & Text sizes */
/*p {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	
}*/


#mainContent p, #mainNav p {
	padding-bottom: 10px;
	font-size: 120%;
	color: #000000;
	line-height: 140%;
	text-align: left;
    text-decoration: none;
    font-family: franklin-gothic-urw-comp, sans-serif;
}


#news img {
	display: none;
	}
.ninetyPercent {
	font-size: 90%;
}
.eightyPercent {
	font-size: 80%;
}
.seventyPercent {
	font-size: 70%;
}
.sixtyfivePercent {
	font-size: 65%;
}


/* Spacing */
ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}


#mainContent ul, #mainContent ol, #mainNav ul  {
	padding-top: 0px;
	padding-bottom: 10px;
}


#mainContent ul li, #mainNav ul li {
	background-repeat: no-repeat;
	background-position: left 10px;
	line-height: 140%;
	padding-left: 15px;
	color: #000000;
	font-size: 120%;
	padding-bottom: 5px;
	background-image: url(images/bullet.png);
    
}

#mainContent .boxedarea ul li {
    background-position: left 10px;
}


#mainNav ul, #mainNav ol  {
	padding-top: 0px;
	padding-bottom: 10px;
}

#mainContent ol li ol, #mainNav ol li ol, #mainContent ol li ul li {
	font-size: 100%;
	background-image: none;
}

#mainContent ol, #mainNav ol {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: decimal;
	margin-right: 0px;
	margin-left: 10px;
	color: #000000;
	font-size: 120%;
} 

#mainContent ol.letter {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: lower-alpha;
	margin-right: 0px;
	margin-left: 15px;
	font-size: 120%;
	color: #000000;

} 

#mainContent ol li, #mainNav ol li {
	line-height: 150%; 
	margin-left: 15px;
	margin-bottom: 10px;
}

form {
	margin:  0px;
	padding: 0px;
}
.space {
	display: block;
	height: 10px;
	width: 5px;
}
.space img {
	height: 10px;
	width: 5px;
}
.padmetop {
	padding-top: 10px;
}
.padmebottom {
	padding-bottom: 10px;
}
.padmeright {
	padding-right: 10px;
}
.padmeleft {
	padding-left: 10px;
}
.marginright {
	margin-right: 10px;
}
.marginleft {
	margin-left: 10px;
}

/* Alignment */
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.centreme {
	text-align: center;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.clearme {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 0;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}

/* Widths */
div.half {
	width: 49%;
	margin-right: 1%;
	float: left;
	overflow: hidden;
}


div.third {
	width: 32%;
	margin-right: 1.5%;
	float: left;
	overflow: hidden;
}

/*div.last{
	clear: right;
	margin-right: 0;
}

div.last:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

div.last  {
	clear: right;
	margin-right: 0;
}*/

.twothirds {
	width: 65%;
	margin-right: 1%;
}

.quarter {
	width: 22%;
	margin-right: 1%;
}

/* Height */
.heightSmall {
	height: 80px;
}

.heightMedium {
	height: 120px;
}

.heightLarge {
	height: 160px;
}

/* Other */
.hideme {
	display: none;
}

* {
  margin: 0;
  padding: 0;
}

hr {
	height: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
}
.nounderline {
	text-decoration: none;
}
em {
	font-family:'franklin-gothic-urw-comp', Arial, Helvetica, "sans-serif";
    font-style: italic;
}
strong, b {
	font-family:'franklin-gothic-urw-comp', Arial, Helvetica, "sans-serif";
    font-weight: 700 !important;
}

em b, em strong, strong em, b em  {
	font-family:'franklin-gothic-urw-comp', Arial, Helvetica, "sans-serif";
    font-weight: 400 !important;
    font-style: italic;
}

.hand {
	cursor:pointer;
	cursor:hand;
}


/*** ESSENTIAL STYLES ***/
ul.sf-menu, ul.sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
ul.sf-menu {
	line-height:	1.0;
}
ul.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
ul.sf-menu ul li {
	width:			100%;
}
ul.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu li {
	float:			left;
	position:		relative;
}
ul.sf-menu a {
	display:		block;
	position:		relative;
}
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
	left:			0px;
	top:			30px; /* match top ul list item height */
	z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			100px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			100px; /* match ul width */
	top:			0;
}

/*** SKIN ***/

ul.sf-menu {
	padding-top: 15px !important;
    padding-right: 0px !important;
	margin-right: 0px;
    margin-left: 0px;
	text-align: left;
    width: 100%;
}

ul.sf-menu li a:link, ul.sf-menu li a:visited {
	color: #ffffff;
	
font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 35px;
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 18px;
	font-size: 110%;
	height: auto;
	z-index: 150;
	width: auto;
	background-color: transparent;
	text-align:center;
    text-transform: uppercase;

}




ul.sf-menu li a:hover, ul.sf-menu li a:active {
	color: #EE3A39;

}

ul.sf-menu li {
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent;
}
ul.sf-menu li.mobile {
	display: none;
}

ul.sf-menu li ul.sub-menu li, ul.sub-menu li {
	background-color: #D6D4D4;
}

ul.sf-menu li ul.sub-menu li a:link, ul.sf-menu li ul.sub-menu li a:visited {
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	font-size: 90%;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	background-image: none;
	background-color: #D6D4D4;
	height: auto;
	text-align: center;
	border-top-width: 0px;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	font-weight: normal;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;

	border-bottom-color: #000000;
	
}

ul.sf-menu li.rightmenu {
    margin-right: 420px;
}

ul.sf-menu li.current_page_item a:link, ul.sf-menu li.current_page_item a:visited, ul.sf-menu li.current_page_parent a:link, ul.sf-menu li.current_page_parent a:visited, 
ul.sf-menu li.current-menu-parent a:link, ul.sf-menu li.current-menu-parent a:visited, ul.sf-menu li.current-menu-item a:link, ul.sf-menu li.current-menu-item a:visited {
	color: #EE3A39;

}



ul.sf-menu li a:hover, ul.sf-menu li a:active, ul.sf-menu li.current_page_item a:hover, ul.sf-menu li.current_page_item a:active, ul.sf-menu li.current_page_parent a:hover, ul.sf-menu li.current_page_parent a:active {
	text-decoration: underline;
}


ul.sf-menu {
	list-style:none;
	float:none;
	margin-right: auto;
	margin-left: auto;
	width:auto;
	
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	display: inline-block;
	
}

ul.sf-menu li ul.sub-menu li a:hover, ul.sf-menu li ul.sub-menu li a:active {
	
	text-decoration: underline;
	color: #EE3A39;
}

ul.sf-menu li:first-child a {
    padding-left: 0px !important;
}
ul.sf-menu li:last-child a {
    padding-right: 0px !important;
}

/*** arrows **/
ul.sf-menu a.sf-with-ul {
	
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; 
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {   
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; 
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*:NOTE: Top About Nav*/



#topNav ul.horiz {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: none;
	float: right;
}
#topNav ul.horiz li {
	float: left;
	background-image: none;
}

#topNav ul.horiz a, #topNav ul.horiz a:visited {
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	text-decoration: none;
	display: block;
	font-weight: normal !important;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: none;
	color: #333333;
	font-size: 90%;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: 333333;
	height: auto;
	padding-top: 0px;

}
#topNav ul.horiz a:hover, #topNav ul.horiz a:active {
	text-decoration: underline;
	font-weight: normal;
	border-bottom: none;
	color:  #EE3A39;
	background-image: none;
}



#topNav ul.horiz li {
	display: inline; /*:BODGE: Removes large gaps in IE*/
}

/*:NOTE:Rollover horitontal without Graphic element*/

#footerNav {
	width: auto;
	margin: 0 auto;
	padding-bottom: 20px;
    text-align: center;
}

#footerNav ul.horiz {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: none;
}
#footerNav ul.horiz li {
	float: left;
	background-image: none;
    text-align: center;
}

#footerNav ul.horiz a, #footerNav ul.horiz a:visited {
	font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
	text-decoration: none;
	display: block;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 100%;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: ffffff;
	height: auto;
	padding-top: 0px;
	background-image: none;
}
#footerNav ul.horiz a:hover, #footerNav ul.horiz a:active {
	text-decoration: underline;
	font-weight: normal;
	border-bottom: none;
	color:  #aaaaaa;
	background-image: none;
}



#footerNav ul.horiz li {
	display: inline; /*:BODGE: Removes large gaps in IE*/
}


#footerNav ul.vert {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: none;
}
#footerNav ul.vert li {
	float: none;
	background-image: none;
}

#footerNav ul.vert a, #footerNav ul.vert a:visited {
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	text-decoration: none;
	display: block;

	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #E9EBC1;
	font-size: 100%;
	height: auto;
	padding-top: 0px;
	background-image: none;
    font-weight: 700;
}
#footerNav ul.vert a:hover, #footerNav ul.vert a:active {
	text-decoration: underline;
	font-weight: 700;
	border-bottom: none;
	color:  #EE3A39;
	background-image: none;
}



#footerNav ul.vert li {
	display: inline; /*:BODGE: Removes large gaps in IE*/
}



/**
* Links N.B. List under Navigation when attached to main stylesheet to stop conflict**
*/
a:link img, a:visited img, a:hover img, a:active img {
	border: none;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
	text-decoration: none;
	font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
	
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #EE3A39;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
	color: #000000; 
	font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: 700;
font-style: normal;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: 700;
	font-family: franklin-gothic-urw-comp, sans-serif;
	color: #EE3A39;
}





a:hover, a:active {
	text-decoration: underline;
	color: #000000;
	font-weight: 700;
}

#mainNav ul li a {
	color: #333333;
     font-family: franklin-gothic-urw-comp, sans-serif;
}
#mainNav #dc_jqaccordion_widget-2 ul li.current-menu-item a, #mainNav #dc_jqaccordion_widget-2 ul li.current_page_parent a{
	color: #EE3A39;
}


#categoryposts-3 ul li.cat-post-item{
	background-image: none;
	list-style-type: none;
}

#categoryposts-3 ul li.cat-post-item a {
	background-image: none;
	list-style-type: none;
}


.rss{
float:right;
width:25px;
}



/****** RSS ICON ON HEADER ******/
.rssicon
{
  position: relative;
  display:block;
  float:right;
  background-image: url('images/rss.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 5px 5px auto auto;
  height: 17px;
  width: 17px;
}

.title {
	padding: 5px 5px 5px 20px;
	color: #fff;
}




#nextprev {
	clear: both;
	display: block;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}


/***** GENERAL TEXT FORMATTING *****/



.post {
	padding-bottom: 0px;
    position: relative;
}

.article {
 position: relative;
	width: auto;
}

/*.blog .article {

	width: 95%;
}*/

.article  {

	padding-right: 0px;
	padding-bottom: 0px;
}

blockquote
{
padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

blockquote:before
{
    content: '';
background-image: url("images/leftQuote.png");
    height: 20px;
    width: 26px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    display: block;
}
blockquote:after
{
    content: '';
background-image: url("images/rightQuote.png");
    height: 20px;
    width: 26px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    display: block;
}




.postmeta
{
	font-size: 80%;
	padding-top:0px;
	color: #666;
	padding-bottom:10px;
	float:none;
	width: 100%;
	 text-align:left;
}
.commentCount
{
 text-align:right;
 margin-right:10px;
 font-size:10px;

}

.small {
	font-size: 10px;
}

code {
	font: 12px 'Courier New', Courier, Fixed;
}


#wrapper.archive .post{
	display: inline-block;
    width: 47%;
    margin-right: 2.5%;
	vertical-align:top;

	border-bottom: 1px solid #aaaaaa;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center !important;

	margin-bottom: 10px;
}

#wrapper.videos .post{
	display: inline-block;
    width: 47%;
    margin-right: 2.5%;
	vertical-align:top;
	padding-top: 15px;
	padding-bottom: 0px;
	text-align: center !important;
margin-bottom: 10px;
}


#wrapper.blog .post h4.posttitle {
	text-align: center !important;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif" !important;
    min-height: 75px;
}


#wrapper.blog .post h4.posttitle a {

	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif" !important;
}


#wrapper.blog .post .blogthumbnail, #wrapper.blog .post .blogexcerpt, #wrapper.videos .post p {
	display: block !important;
	vertical-align: top !important;
	float: none !important;
    text-align: center !important;

}

#wrapper.blog .post .blogexcerpt {
	width: 100% !important;
 
}

#wrapper.blog .post .blogexcerpt p, #wrapper.blog .post .blogexcerpt .postmeta {
     text-align: center !important;
}

#wrapper.blog .post .blogthumbnail {
	width: 100% !important;
	margin-bottom: 20px;
	
}



	
/**** TABLE FORMATTING ****/	
	
/**
* Tables **
*/


#mainContent table#twentyfive {
	width: 25%;
}
#mainContent table {
	width: 100%;
	empty-cells: show;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #33333;
	border-right-color: #33333;
	background-color: transparent;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-color: transparent;
	border-left-color: transparent;
	letter-spacing: normal;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	font-weight: normal;
}
#mainContent table.fullcalendar {
	width: 100%;
	empty-cells: show;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: transparent;
	border-right-color: transparent;
	background-color: #ffffff;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-color: transparent;
	border-left-color: transparent;
	letter-spacing: normal;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
}
table caption {
	font-size: 60%;
}
#mainContent table th {
	background-color: #cccccc;
	border-left-color: #333333;
	border-bottom-color: #333333;
	color: #292929;
	letter-spacing: normal;
	font-size: 90%;
	padding: 3px;
	border-collapse: collapse;
	border-spacing: 0;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	text-align: left;
	font-weight: bold;
}
#mainContent table td {
	padding: 3px;
	border-collapse: collapse;
	border-spacing: 0;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	text-align: left;
	color: #292929;
	font-weight: normal;
	font-size: 90%;
}

#mainContent td.greyBack {
	background-color: #CCCCCC;
	border-left-color: #333333;
	border-bottom-color: #333333;	
}


/***** NAVIGATION BAR FORMATTING *****/


/***** SEARCH FORM FORMATTING *****/

.widget_search {
	clear: both;
	text-align: right;
}

.ysm-search-widget {
	margin-bottom: 0px;
}

.search-field {
    background-color: #ffffff !important;
    padding: 3px !important;
}

.ysm-search-widget .search-submit:before {
	display: block;
	color: inherit;
	text-align: center;
	font-size: 17px;
	font-family: 'ysm-fontello';
	line-height: 10px !important;
	content: '\e800';
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}

input#s{
	width: 130px;
	background: #fff;
	border: 1px solid #ffffff;
	color: #000;
	font-size: 11px;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	font-weight: normal;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	
}

#searchform {
	text-align:left;
}


.nf-form-fields-required {
	font-size: 80%;
}


#searchsubmit, input#submit, .form-group input[type=submit], #mainContent .ninja-forms-cont input[type=submit] {
	background-color: #EE3A39 !important;
	color: #FFFFFF !important;
	padding-left: 20px !important;	
    padding-top: 3px !important;	
    padding-bottom: 3px !important;	
    padding-right: 20px !important;	
    font-size: 90% !important;
    text-align: center;
    font-family: franklin-gothic-urw-comp, sans-serif !important;
font-weight: 700;
font-style: normal;
    text-transform: uppercase;

}


/*input#nf-field-7.submit  {
	background-color: #EE3A39 !important;
	color: #FFFFFF !important;
	padding-left: 20px !important;	
    padding-top: 0px !important;	
    padding-bottom: 0px !important;	
    padding-right: 20px !important;	
    font-size: 90% !important;
    text-align: center;
    font-family: franklin-gothic-urw-comp, sans-serif;
font-weight: normal;
font-style: normal;
    text-transform: uppercase;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    border: none;
}*/



#searchsubmit:hover, input#submit:hover, .form-group input[type=submit]:hover, #mainContent .ninja-forms-cont input[type=submit]:hover {
	color: #000000 !important;
}

/* FORMS */

#callbackbox form {
	background-image: none;
	padding: 0px;
	margin: 0px;
} 

#callbackbox form p#hidden {
padding: 0px;
	margin: 0px;
}

select {
	color: #222222 !important;
	margin: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	border: 1px solid #222222 !important;
}

select#format {
   -webkit-appearance: button;
   -webkit-border-radius: 0px;

   -webkit-padding-end: 20px;
   -webkit-padding-start: 10px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 10px;
   overflow: hidden;
   padding: 5px 10px !important;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: auto;
}
input:focus, textarea:focus, select:focus {
	background-color: #f2f2f2;
}

.textbox-container, .email-container, .textarea-container {
    margin: 0px !important;
    padding: 0px !important;
}


label.nowidth {
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	color: #333333;
	text-decoration: none;
}

#mainContent .ninja-forms-cont label {
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	color: #333333;
	text-decoration: none;
	display: block;
	width: 170px;
	float: left;
	font-size: 100%;
}


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

input#user_captcha {
	margin-left: 100px;
}

div.form-group label {

	padding-left: 0px;
	padding-right: 0px;
	color: #333333;
	text-decoration: none;
	display: block;
	width: 100px;
	float: left;
	font-size: 100%;
}


input.radio, input.checkbox {
	width: auto;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;
}

#mainContent textarea {
	height: 100px;

}

/*#mainContent input.textbox, #mainContent .email-wrap input {
   
	width: 98%;
	margin-bottom: 7px;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
	border: none;
    background-color: #f2f2f2;
    
}*/




fieldset {
	padding: 1em;
	padding-top: 1em;
	border: 1px solid #333333;
}
legend {
	font-size: 90%;
	background-color: #FFFFFF;
	color: #333333; /* Colour of title of form */
}


/*****  FORMATTING *****/

#sidebarLeft {
	width: 200px;
	float: left;
	color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.sidebar ul li { 
	margin: 0 0 0.6em 7px; 
/*	list-style-image: url(images/bullet1.png);*/
	list-style-position: inside;
}

.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { 
	margin: 0.5em 0 0.5em 5px; 
}



/***** IMAGE FORMATTING *****/

img.post {
	padding: 1px;
	margin: 5px 5px 5px 5px;
	float: right;
	background: transparent;
}


img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	border: none;
}

img.alignright {
	padding: 1px;
	border: none;
	margin: 10px 10px 10px 10px;
	display: inline;
	background: transparent;
}

img.alignleft {
	padding: 1px;
	border: none;
	margin: 10px 10px 10px 10px;
	display: inline;
	background: transparent;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/***** COMMENTS *****/

#comments {
	width: 100%;
	float:left;
	margin: 5px 0px 5px 0px;
	}
		
.commentlist {
	width: 95%;
	float:left;
	margin: 5px;
}
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: normal;
	color: #666;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	color: #666;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	padding: 5px 0 0 0;
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 98%;
	padding: 10px;
	border: none;
    background-color: #f2f2f2;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 5px 0px 20px 0px;
	float: left;
	border: 1px solid #000000;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
	
.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

#author, #email, #url {
	background: #FFFFFF;
	color: #222222;
	font-size: 12px;
font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
font-weight: normal;
	margin: 0px;
	padding: 4px;
	border: 1px solid #666;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #F2F2F2;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px solid #E6E6E6;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
	}

.pinglist {
	padding-top: 10px; 
	width: 500px; 
	float: left; 
	margin-left: 20px
}

li.pings {
  border-bottom: 1px dotted #CCC;
  margin: 0;
  padding: 5px 0 5px 5px;
  width: 500px;
}

.pings:first-child { border-top: none; }
.pings:last-child { border-bottom: none; padding-bottom: 30px; }



/**** CAPTION FORMATTING ******/

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: transparent;
	padding-top: 4px;
	overflow: hidden;

}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}



#mainContent .wp-caption p.wp-caption-text {
	font-size: 100%;
	line-height: 120%;
	padding: 3px;
	margin: 0;
	text-align: center;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	font-weight: normal;
	color: #333333;
	z-index: 2000;
	position: relative;
}


/* End captions & aligment */
#wp-calendar {
	border: 1px solid #900;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #630;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #933;
font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
font-weight: normal;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

img.wp-post-image {
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: transparent;
}

img.attachment-snippets {
	float: left;
}

#mainImage {
	padding-bottom: 15px;
}

#mainImage img.attachment-page-single {
	float: none;
}

#mainContent.page img.attachment-page-single {
	display: none;
}

img.attachment-page-single {
	float: right;
}

img.attachment-index-categories {
	float: left;
}

#mainContent img {
	background-color: transparent;
}

li.menu-item {
	background-color: transparent;
}

li.menu-item a:link, li.menu-item a:visited {
	background-color: transparent;
}

#wrapper.home #leftWrapper #last.wp-caption {
	margin-right: 0px;
}
#blogBox br {
	display: none;
}

#blogBox p a {
	padding-left: 0px;
}


#outerWrapper #wrapper #middleWrapper .featuredposts-excerpt {
	background-image: none;
	color: #ffffff;
	left: 0px;
	background-color: #989A9D;
	position: absolute;
	text-align:left;
}

/**/#mainImage img.attachment-page-single, .pageColumns #mainContent img.attachment-page-single {
	display: none;
}


#mainContent .responsive-tabs ul li {
	background-image: none;

}

#mainContent .responsive-tabs ul {

	margin-bottom: 0px;
}

#mainContent .tabcontent {
	border: 1px solid #EE3A39;
	margin-top: 8px;
	background-color: transparent;
	padding: 12px;
}


#mainContent .responsive-tabs ul li.responsive-tabs__list__item  {
	padding-bottom: 8px;
	border-top: #333333 solid 1px;
	border-left: #333333 solid 1px;
	border-right: #333333 solid 1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	font-family: "franklin-gothic-urw-comp", Arial, Helvetica, "sans-serif";
	font-weight: normal;
	color: #333333;
}

#mainContent .responsive-tabs ul li.responsive-tabs__list__item--active {
	padding-bottom: 9px;
	border-top: #EE3A39 solid 1px;
	border-left: #EE3A39 solid 1px;
	border-right: #EE3A39 solid 1px;
	
}

#mainContent .responsive-tabs .tabcontent ul li{
	background-repeat: no-repeat;
	background-position: left 5px;
	line-height: 128%;
	padding-left: 15px;
	color: #000000;
	font-size: 90%;
	padding-bottom: 5px;
	background-image: url(images/bullet.png);
}



#mainContent ul.responsive-tabs__list {
	padding-bottom: 0px;
	margin-bottom: 0px
}

	
#mainContent .responsive-tabs .tabcontent ul  {
	padding-top: 0px;
	padding-bottom: 10px;
}



.ninja-forms-required-items {
	color: #aaaaaa;
	font-size: 70%;
}
#mobileHeader {
    display: none;
}

/************************************************************************************
MOBILE
*************************************************************************************/

.nav-button, #mobileNav  { display: none; } 



/* hide the navigation button by default */

@media screen and (min-width: 0px) and (max-width: 769px) {
    
    #mobileHeader {
    display: block;
}
    
    ul.pastprojectsgrid li.pastprojectsbox {
    	width: 47%;
    }
    
    #desktopHeader {
         display: none;
    }

    .mobileNav {
        background-color: #EE3A39;
    }
    


	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 0px; } 
	
	#banner {
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		clear: both;
		display: block;
		background-color: transparent;
		height: auto;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
	#bannerInner {
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
}


#socialtop {
    float: none;
    width: 96%;
    padding-top: 0px;
    text-align:left;
    margin-left: auto;
	margin-right: auto;
     padding-bottom: 0px;
}

    .emailbox {
	padding-top: 10px;
        padding-left: 0px;
    padding-bottom: 20px;
	display: block;
	float: none;
	width: 96%;
          margin-left: auto;
	margin-right: auto;
	text-align:left;
    font-size: 100%;
}
    
	img.attachment-snippet {
	width: 20%;
}

    .bigiconhome {
    position: absolute; 
    top: -70px; 
    left: 40%;
}
    
    .titlebox h1 {
    color: #ffffff;
    font-size: 150%;
    padding-bottom: 0px;
    text-transform: uppercase;
    font-weight: normal;
        text-align: center;
}

.commercialtitle {
    padding-top: 30px;
    padding-left: 10px;

}

.bigicontitle{
    position: absolute; 
    top: -70px; 
    left: 40%;
}
    
ul.horiz {
	float: none;
	width: auto;	
	display: inline-block;
}
    
    #topNav ul.horiz {
	float: none;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
}
    #topNav ul.horiz li:first-child a {
        padding-left: 0px !important;
    }
    
      #topNav ul.horiz li  {
       margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;  
    }

#topNav ul.horiz a, #topNav ul.horiz a:visited {

	color: #ffffff;
	font-size: 80%;
	border-right-color: #ffffff;
 margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;

}
#topNav ul.horiz a:hover, #topNav ul.horiz a:active {

	color:  #333333;
 margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
}

#mywooWrapper .page-description, #mywooWrapper ul.products, #mywooWrapper .singlewrapper, #mywooWrapper .related h2 {

	width: 96%	;
	margin-left: auto;
	margin-right: auto;
}
    
    
.negativeMargin {
    margin-top: 50px;
}

    
.negativeMarginTitle {
    margin-top: 0px;
}


#logo {
	float: none;
	width: 96%;
	padding-top: 0px;
	padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto !important;
	position: relative !important;
    text-align: center !important;
top: 0px;
    left: 0;
    margin-bottom: -50px;

}


#contact p {
	font-size: 100%;
}



#wrapper {
	padding-top: 0px;
}

#topwrapper {
  
	position: relative;

} 

    .topNav {
        display:  none;
    }

#mainImage {
	clear: both;
}

#topBanner {
	width: 100%;
	float: none !important;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
	margin-right: 0px;
	height: auto;

    position: relative !important;
    margin-top: 0px !important;
    display: block;
}
    .baskettotals {
	float: none;
	width: 70%;
	text-align: left;
	padding-top: 5px;
	display: block;
    font-size: 80%;
    padding-left: 10px;
}
    
   #topBanner .baskettotals a:link, #topBanner .baskettotals a:visited {
        color: #ffffff !important;
    }

#contact {
	float: none;
	padding-top:15px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

#phone {
    float: none;
	width: 95%;
	z-index: 10000;
    text-align:left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


#phoneInner {
	
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:left;
	
}


.blogitem {
    padding-top: 0px;
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
}
    
    ul.reviewsgrid li {
	width: 96%;

    margin-left: auto;
    margin-right: auto;

}


div.centerWidth, .centerWidth {

	width: 96% !important;
	margin-left: auto !important;
	margin-right: auto !important;

}
 #mainContent {
	float: none;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
    
#middleWrapper.innerPage #mainContent {
	float: none;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

#middleWrapper.posttype #mainContent {
	float: none;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
#mainNav {
	float: none;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
    #wrapper.blog #mainNav {
        display: none;
    }

#leftWrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


#mainContent {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
    
 /*   #mainContent p, #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6, #mainContent a {
	text-align: center;
}*/
.searchbox{
	display: none;
}

.mainBanner {
    height: 200px;
}
    
    .commercialbox {
    margin-bottom: 90px !important;
}


img.alignright {
	padding: 0px;
	margin: 0px;
	border: none;
	display: block;
	float: none;
}

img.alignleft {

	border: none;
	display: block !important;
	float: none !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

a.whiteButton:link, a.whiteButton:visited {
	margin-top: 5px;
	margin-bottom: 5px;
}


#footerWrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#contact1 {
    text-align: center;
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;

}


#contact2 {
    text-align: center;
	width: 96%;
	float: none;
	margin-right: auto;
margin-left: auto;
}


#contact3 {
    text-align: center;
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

#footerNav {
	width: auto;
	margin: 0 auto;
	padding-bottom: 20px;
     text-align: center;
}

#footerNav ul.horiz {
	
    display: inline-block;
}
#footerNav ul.horiz li {
	float: left;
	background-image: none;
}

#contact {
	float: none;
	padding-top:0px;
	padding-bottom: 10px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	display: block;

}

div.TwoTone {
	background-image: none;
	background-color: #DCE8F7;
}

img.attachment-snippet {
	float: left;
	max-width: 20%;
	height:auto;
}

#blogBox {
	padding-top: 0px;
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

#twitterBox {
	padding-top: 0px;
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}


#wrapper #leftWrapper {
	float: none;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 96%;	
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
}

.blog #leftWrapper {
	float: none;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 96%;	
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
}

#socialFooter {
	float: none;
	width: 96%;

	text-align: center;
}

#address {
	padding-top: 10px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	
}


#address p {
	text-align: center;
}
#logos {
	float: none;
	width: 96%;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

#mainContent .entry-summary, #mainContent .entry-content, #mainContent .woocommerce-tabs, #middleWrapper .entry-summary, #mainContent .entry-content, #middleWrapper .woocommerce-tabs {
	width: 100%;
	float: none;
	clear: both;
	
}
#mainContent .images .thumbnails a {
	float: none !important;
	clear: both !important;
	width: 48%;
}
#mainContent .images img.attachment-shop_single, #mainContent .images a.woocommerce-main-image, #middleWrapper .images img.attachment-shop_single, #middleWrapper .images a.woocommerce-main-image {
	width: 100%;
}
#mainContent .images, #middleWrapper .images {
	height: auto;
	padding-bottom: 0;
	background-color: #ffffff;
	width: 96%;
	float: none;
	clear: both;
	margin-bottom: 20px;
}

#middleWrapper .woocommerce-tabs ul.tabs li {
	padding-left: 0px;
	padding-right: 0px;
	color: #292929;
	font-size: 110%;
	margin-bottom: 5px;
	margin-top: 5px;
	float: none;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-right: 0px;
	display: block;
}
#middleWrapper .woocommerce-tabs ul.tabs {
	display: block !important;
	clear: both !important;
}
#mainContent ul.products li.product , #mainContent .columns-4 li.product {
	max-width: 290px !important;
	width: 96% !important;
	overflow: visible !important;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-bottom: 15px;
	display: block;
	vertical-align: middle;
	float: none;
	
}

#mainContent .related ul.products li.product, #mainContent .upsells ul.products li.product {
	width: 96% !important;
	margin-right: 2% !important;
	margin-left: 2% !important;
	margin-bottom: 15px;
	display: inline-block;
}

#mainContent .columns-4 ul.products li.product, #mainContent #tab-accessories ul.products li.product {
	width: 96% !important;
	margin-right: 2% !important;
	margin-left: 2% !important;
	overflow: visible;
	margin-bottom: 15px;
	display: inline-block;
}

#middleWrapper .related li.product, #middleWrapper .upsells li.product {
	display: inline-block;
	vertical-align: top;
	background-image: none;
	padding-left: 0px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

#middleWrapper ul.brand-thumbnails li img {
	width: 80% !important;
	height: 80% !important;
}
#wrapper.home #middleWrapper, #wrapper.shop #middleWrapper {
	padding-top: 0px;
}
#wrapper.home #mainContent, #wrapper.shop #mainContent {
	float: none;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#middleWrapper div.coupon {
	position: relative;
	padding-right: 0px;
}

#middleWrapper div.coupon input.button {
	position: relative;
	
}
.woocommerce form.login p.form-row, .woocommerce form.checkout p.form-row {
	display: block;
	float: none;
}

.woocommerce .shop_table {
	max-width: 100% !important;
}

.woocommerce .shop_table td, .woocommerce .shop_table th {
	font-size: 80% !important;
}

.coupon input#coupon_code {
	width: 150px !important;
}

#blogBox {
	padding-top: 10px;
	width: 96%;
	float: none;
	margin-right: auto;
	padding-right: auto;
	border-right: none;
    text-align: center;
}



#twitterBox {
	padding-top: 10px;
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
}
#mainContent .thumbnails {
	display: inline-block;
	width: 98%;
	margin-top: 0px;
	vertical-align: top;
	position: relative;
	
}
#mainContent .images .thumbnails a {
	float: left !important;
	clear: none !important;
	max-width: 33%;
	max-height: 100px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	overflow: hidden;
}
	
		.term-light-engines #mainContent ul.products li.first .imagewrapper2 img, .term-light-engines #mainContent ul.products li.last .imagewrapper2 img {
	max-height: auto !important;
	max-width: auto !important;
	width: auto;
	vertical-align: bottom !important;
	border: none !important;
	z-index: 1 !important;
	margin-left: 0px !important;
	
}

H1 {
	font-size: 450%;
}

H2 {
	font-size: 210%;
}

H2.widgettitle  {
	font-size: 140% !important;
}

H3 {
	font-size: 180%;
}

H4 {
	font-size: 160%;
}

H5 {
	font-size: 150%;
}

H6 {
	font-size: 140%;
}
    
    
h1.greyBlockHeading, h1.storeTitle, h1.publishingTitle, h1.speakingTitle, h1.consultingTitle  {
    font-size:180% !important;

}

	#contactBox {
	padding-top: 10px;
	width: 96% !important;
	float: none;
	margin-right: auto !important;
		margin-left: auto !important;
	padding-right: auto ;
	border-right: none;
        text-align: center;
}
    

    
 ul.articlesgrid .articletitle {
	display: inline-block;
	width: 45%;
	margin-right: 2%;
	vertical-align: top;
	font-size: 100%;
}


ul.articlesgrid .publication {
	display: inline-block;
	width: 20%;
	margin-right: 1%;
vertical-align: top;
}

ul.articlesgrid .link {
	display: inline-block;
	width: 30%;
	vertical-align: top;
} 
        .messageBanner {
    background-image: url("images/birdcageMobile.jpg");
        height: 600px;
      
          background-size: cover;
            padding-top: 0px;
}
    
    
.messageBanner2 {
    background-image: url("");
    background-size: cover;
    
}

.mentorBanner {
    background-image: url("");
    background-size: cover;
    
}

.investBanner {
    background-image: url("");
    background-size: cover;
    
}

.speakBanner {
    background-image: url("");
    background-size: cover;
    
}
.homeBox {
    height: 450px;
}
.overlapbox{

    margin-top: -250px;

}

.overlap{

margin-top: -100px;
}
}

@media screen and (min-width: 0px) and (max-width: 414px) {
    
    
    .homeBox {
    height: 200px;
}
    
    .overlapbox{

    margin-top: 0px;
       

}

.overlap{

margin-top: 0px;
     padding-top: 40px;
}
       .hideMobile {
    display: none;
} 
    .noBackground {
    background-image: none !important;
        background-size: auto !important;
}
    H1 {
	font-size: 270%;
}


#wrapper.archive .post, #wrapper.videos .post{
margin-left: auto;
    margin-right: auto;
    width: 96%;
    }
    
    ul.articlesgrid .articletitle {
	margin-left: auto;
    margin-right: auto;
    width: 96%;
}
    
ul.articlesgrid .publication {
	margin-left: auto;
    margin-right: auto;
    width: 96%;
}

ul.articlesgrid .link {
	margin-left: auto;
    margin-right: auto;
    width: 96%;
}
    .setHeight {
    height: auto !important;
}
    
    .headingWrapper {

    display: none;
}
    
    #mainContent ul.products li.product-category {
	width: 96% !important;
}
    
    
h1.bannerHeader {
    font-size: 260%;
    line-height: 100% !important;
    
}
    
    .homeBanner {
        height: 200px;
        
    }

   #footerOne, #footerTwo {
    width: 96%;
    margin-right: auto;
        margin-left: auto;
    float: none;
    padding-top: 10px;
     padding-bottom: 10px;
}

#footerThree {
     width: 96%;
    margin-right: auto;
        margin-left: auto;
    float: none;
    padding-top: 10px;
     padding-bottom: 10px;
} 

    
    #mainContent p, #mainNav p {
	padding-bottom: 10px;
	font-size: 120%;
	
	line-height: 120%;

    text-decoration: none;
     
}
    
        ul.pastprojectsgrid li.pastprojectsbox {
    	width: 96%;

}
}
/* End Mobile Styles */

img { 
	max-width:100%;
	height: auto;
	}