/**
 * Theme Name: Ian Allan Group
 * Theme URI: http://www.newerainternet.com/
 * Description:  This is the Ian Allan Group theme
 * Author: New Era Internet
 * Author URI: http://www.newerainternet.com/
 * Version: 3.0
 *
 * General comments: This is the Ian Allan Group theme
 *
 */

@charset "utf-8";
@import url('../ianallangroup/bootstrap/css/bootstrap.css');
@import url('../ianallangroup/bootstrap/css/bootstrap-responsive.css');

/* ----- CUSTOMISE LAYOUT ----- */

header {
    margin-top: 0;
    margin-bottom: 0;

    background-color: #fafafa;
background-image: linear-gradient(to bottom, #d1d2d2, #f9f9f9);
background-image: -webkit-linear-gradient(top, #d1d2d2, #f9f9f9);
background-image: -ms-linear-gradient(top, #d1d2d2, #f9f9f9);
	
	
}

header .container {
    min-height: 45px;

    color: inherit;
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

header .row {
    padding: 0;
}
#main .row {margin-bottom:30px;}

.homeimage {text-align:center;padding:60px 0px;}

#homefeatures {width:100%;min-height:315px;background-color:#606060;}
#homefeatures .span3 {height:230px;font-size:12px;line-height:130%;}
#homefeatures img {margin-bottom:10px;}
#homefeatures .span3 h2 {font-size:24px;color:#fff;text-decoration:none;font-weight:normal;}
#homefeatures .span3 a {color:#fff;text-decoration:none;font-weight:normal;}
#homefeatures .span3 a:hover {color:#fff;text-decoration:none;font-weight:normal;}
.old-companies {padding-bottom:30px;margin-bottom:30px;min-height:370px !important;}
h2.company {padding-left:20px;color:#fff;margin-top:30px;}
#bannerR h2 {color:#fff;text-align:right;}
.widgetbox h2 {background-color:#606060;color:#fff;font-size:18px;height:40px;line-height:40px;padding-left:10px;}
.page-template-page-tennay-php .widgetbox h2 {background-color:#037960;color:#fff;font-size:18px;height:40px;line-height:40px;padding-left:10px;}
.widget-text {display:block;}
#bannerbg {width:100%;min-height:300px;background-color:#606060;}
.widgetbox a {text-decoration:none;color:#333333;}
.widgetbox a:hover {text-decoration:none;color:#333333;}
#right iframe {height:350px;}



nav {
    position: inherit !important;
    top: inherit !important;
}

nav .navbar-inner {
    margin-top: 0;
    margin-bottom: 0;
	filter:none;
    background-color: transparent;
    background-image: none;
    border: none !important;
    box-shadow: none !important;
}

nav .container {
    background-color: transparent;
    background-image: none;
	filter:none;
	padding-top:100px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}


.navbar .nav > li > a {
    padding: 0px 10px;

    color: #606060;
    text-shadow: none;
    background-color: transparent;
    background-image: none;

    border-radius: 0;
}

.navbar .nav > li > a:hover, .nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
    color: #000000 !important;
    text-shadow: none;
    background-color: transparent;
    background-image: none;

}

.navbar .nav > .active > a {
    color: #606060 !important;
    background-color: transparent !important;

    box-shadow: none !important;
}

.navbar .btn-navbar,
.navbar .btn-navbar:hover {
    padding: 7px 10px;

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -ms-linear-gradient(top, #444444, #222222);

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.navbar .in a {
	
}

#bannerR a {color:#ffffff;}
#bannerR a:hover {color:#000000;}
@media only screen and (min-width: 980px) {
	#headerR a:hover {color:#006940 !important;}
}

#headerR nav  ul{ float: right; }



/*-------- Navigation: Suckerfish styles ----------------- */
/* styles will be picked up by all screen sizes unless overwritten by media queries below */


/*** ESSENTIAL STYLES ***/
.nav,
.nav * {
    margin:	0;
    padding: 0;
    list-style: none;
}

.nav ul {
    display: none;
    width: 100%; /* left offset of submenus need to match (see below) */
}

.nav ul li {
    width: 100%;
}

.nav li:hover {
    visibility:	inherit; /* fixes IE7 'sticky bug' */
}

.nav li {
}

.nav a {
    display: block;
}

.nav li:hover ul,
.nav li.sfHover ul {
    left: 0;
    display: block;
    z-index: 99;
}

ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
    top: -999em;
    display: none;
}

ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
    top: 0;
    display: block;
}

ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
    top: -999em;
    display: none;
}

ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
    top: 0;
    display: block;
}


/* toggle button disappears after this width */
@media only screen and (min-width: 980px) {

    .nav ul {
        position: absolute;
        top: -999em;
        width: 10em; /* left offset of submenus need to match (see below) */
    }

    .nav li {
        position: relative;
    }

    .nav a {
        position: relative;
    }

    .nav li:hover ul,
    .nav li.sfHover ul {
        top: 2.5em; /* match top ul list item height */
    }

    ul.nav li li:hover ul,
    ul.nav li li.sfHover ul {
        left: 10em; /* match ul width */
    }

    ul.nav li li li:hover ul,
    ul.nav li li li.sfHover ul {
        left: 10em; /* match ul width */
    }

}



/*-------- End Navigation: Suckerfish styles -------------- */

/* all menus */
.menu li {
	list-style:none;
}



/* main nav styling */
@media only screen and (min-width: 979px) {
	ul.nav li {
		border-left: 1px solid #606060;
	}

	ul.nav li:first-child {
		border-left: none;
	}
}

ul.nav a {
	padding: .75em 1em;
	text-decoration:none;
}

ul.nav a, 
ul.nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000;
}
ul.nav li {
	background: transparent;
}
ul.nav li li {
	background: transparent;
}
ul.nav li li li {
	background: transparent;
}
ul.nav li:hover, 
ul.nav li.sfHover,
ul.nav a:focus, 
ul.nav a:hover, 
ul.nav a:active {
	background: transparent;
	outline: 0;
}


/* bannerR nav styling */
@media only screen and (min-width: 979px) {
	#bannerR ul li {
		border-left: none;
	}

	#bannerR ul li:first-child {
		border-left: none;
	}


#bannerR ul a {
	padding: .75em 1em;
	text-decoration:none;
}


#bannerR ul li {
	background: transparent;
	text-align:right;
	line-height:225%;
}
#bannerR ul li li {
	background: transparent;
}
#bannerR ul li li li {
	background: transparent;
}
#bannerR ul li:hover, 
#bannerR ul li.sfHover,
#bannerR ul a:focus, 
#bannerR ul a:hover, 
#bannerR ul a:active {
	background: transparent;
	outline: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
	#bannerR h2 {font-size:18px;}
	#bannerR ul li {
		border-left: none;
	}

	#bannerR ul li:first-child {
		border-left: none;
	}


#bannerR ul a {
	padding: .75em .5em;
	text-decoration:none;
}

#bannerR ul a, 
#bannerR ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
#bannerR ul li {
	background: transparent;
	text-align:right;
	line-height:150%;
}
#bannerR ul li li {
	background: transparent;
}
#bannerR ul li li li {
	background: transparent;
}
#bannerR ul li:hover, 
#bannerR ul li.sfHover,
#bannerR ul a:focus, 
#bannerR ul a:hover, 
#bannerR ul a:active {
	background: transparent;
	outline: 0;
}
#bannerbg {width:100%;min-height:231px;background-color:#606060;}
}

/* footer nav styling */
@media only screen and (min-width: 979px) {
	footer ul li {
		border-left: 1px solid #606060;
	}

	footer ul li:first-child {
		border-left: none;
	}

footer ul a {
	padding: .75em 1em;
	text-decoration:none;
}

footer ul a, 
footer ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #606060;
}
footer ul li {
	background: transparent;
	display: inline;
}
footer ul li li {
	background: transparent;
}
footer ul li li li {
	background: transparent;
}
footer ul li:hover, 
footer ul li.sfHover,
footer ul a:focus, 
footer ul a:hover, 
footer ul a:active {
	background: transparent;
	outline: 0;
}

}

/*-------- End Navigation: Suckerfish styles -------------- */


div#banner-holder {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    background-image: none;
}

div#banner-holder .container  {
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

div#banner-holder .row {
    padding: 0;
}



div#features {
    display: block;
    margin-top: 0;
    margin-bottom: 0;

    background-color: transparent;
    background-image: none;
}

div#features .container {
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

div#features a.feature {
    min-height: 100px;
    padding: 0;

    color: inherit;
    background-color: #d5d5d5;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

div#features a:hover.feature {
    color: inherit;
    background-color: #d5d5d5;
    background-image: none;
}



div#main {
    margin-top: 20px;
    margin-bottom: 0;

    background-color: transparent;
    background-image: none;
}

div#main .container {
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

div#main #left {
    min-height: 300px;
    padding: 0;

    color: inherit;
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

div#main #right {
    min-height: 300px;
    padding: 0;

    color: inherit;
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}





footer {
    margin-top: 0;
    margin-bottom: 0;

    background-color:transparent;
    background-image: none;
}

footer .container {
    min-height: 140px;

    color: inherit;
    background-color: transparent;
    background-image: none;

    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

footer .row {
    padding: 0;
	text-align:center;
	font-size:12px;
}



/*-------- WordPress Core CSS Styles ----------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {
    background: white;
    border: 2px solid black;
}

.entry-content img {
    margin: 0 0 1.5em 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.gallery dl {
}

.gallery dt {
}

.gallery dd {
}

.gallery dl a {
}

.gallery dl img {
}

.gallery-caption {
}

.size-full {
}

.size-large {
}

.size-medium {
}

.size-thumbnail {
}

.bypostauthor {
}

/* Carousel Style
-------------------------------------------------------------- */
.carousel-caption {
    max-width: 500px;
    width: auto;
    bottom: 50px;
    color: #ffffff;
    font-size: 28px;
}

.carousel-caption.top {
    bottom: auto;
    top: 50px;
}

.carousel-indicators {
    top: inherit;
    bottom: 15px;
}
.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    display: block;
    float: left;
    height: 15px;
    margin-left: 5px;
    text-indent: -999px;
    width: 15px;
    cursor: pointer;
}


/* Comments Style
-------------------------------------------------------------- */
#comments {
    margin-left: 0;
}

#comments li {
    list-style: none;
}

.comment-body {
    margin-bottom:  15px;
}

#comments input {
    width: 90%;
}

#comments textarea {
    width: 90%;
}

#comments code {
    width: 90%;
    white-space: normal;
    display: block;
}

/*-------- Responsive table styles ----------------- */
@media only screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
    }

}

/**
 * Styles which appear in the WooCommerce pages
 */
.woocommerce-page ul.products li {
    width: 25%;
    float: left;
}

.woocommerce-page .images {
    float: right;
}

.woocommerce-page .col-1,
.woocommerce-page .col-2 {
    width: 45%;
    float: left;
}

.woocommerce-page .col-2 {
    margin: 20px;
}

.woocommerce-page #order_review_heading
{
   clear: both;
}


/* ----- CUSTOMISE FONTS ----- */

body {
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}
body.page-template-page-tennay-php #main .container {background:url(images/chase-fade.jpg) no-repeat bottom center;padding-bottom:450px; margin-bottom:15px;background-size: 100% auto;
}
/*body.page-template-page-tennay-php {background:url(images/chase-fade.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.page-template-page-tennay-php #main .container {background-color:rgba(255,255,255,0.7);margin-top:0px !important;}*/
body.page-template-page-tennay-php #left {padding-left:15px !important;}
body.page-template-page-tennay-php #left img {border: 1px solid #000;}
body.page-template-page-tennay-php #right {padding-right:15px !important;}
a {
    color: #606060;
    text-decoration: underline;
}

a:hover {
    color: #007245;
    text-decoration: underline;
}

h1 {
    line-height: 40px;
    font-weight: normal;
	font-family: inherit;
    margin: 10px 0;
	font-size:30px;
	color:#007245;
}

h2 {
    color:#007245;
    font-family: inherit;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    margin: 10px 0;
}

h3 {
    color: inherit;
    font-family: inherit;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    margin: 10px 0;
}

h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    margin: 10px 0;
}

.error {
    color: red;
}
/* ----- CUSTOMISE BUTTONS ----- */

.btn {
    padding: 4px 12px;

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -ms-linear-gradient(top, #444444, #222222);
	text-decoration:none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #222222;
    background-image: linear-gradient(to bottom, #222222, #222222);
    background-image: -webkit-linear-gradient(top, #222222, #222222);
    background-image: -ms-linear-gradient(top, #222222, #222222);
	text-decoration:none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.wpcf7 {margin-top:20px !important;}
.wpcf7-text {height:35px;margin-bottom:5px;border:1px solid #cccccc;width:100%;padding:5px;}
.wpcf7-captchar {height:35px;margin-bottom:5px;border:1px solid #cccccc;width:100%;padding:5px;}
.wpcf7-textarea {height:100px;margin-bottom:5px;border:1px solid #cccccc;width:100%;padding:5px;}
.wpcf7-submit {
	padding: 4px 12px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -ms-linear-gradient(top, #444444, #222222);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.wpcf7-response-output {
    margin: 20px 0px;
    padding: 0.2em 1em;
}



/* ----- CORE MODIFICATIONS ----- */

html {
    min-height: 101%;
}

body {
    padding: 0 !important;
}

nav {
    margin: 0 !important;
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar-inner .container {
        width: 724px;
    }
	#homefeatures {min-height:350px;}
	#homefeatures .span3 h2 {font-size:18px;}
}

@media (max-width: 440px) {
	#headerL {text-align:center;}
	#homefeatures img {width: 100%;}
	body.home #right img {width: 100%;}
	body.page-template-page-tennay-php {background:none;} 
}

@media (min-width: 441px) and (max-width: 767px) {
	#headerL {text-align:center;}
	body.home #right img {float:left;margin-right: 10px;}
	
	#homefeatures .span3 {width: 49%;float:left;}
	#homefeatures .span3:nth-child(odd) {clear:both;}
	#homefeatures .widget-text {width:210px;}
	#homefeatures h2 {font-size: 18px !important;}
	body.page-template-page-tennay-php {background:none;} 
}




@media (max-width: 767px) {
	#homefeatures {padding:2%;min-height:auto;}
	#homefeatures .span3 {height:auto;}
	h2.company {padding-left:0px;}
	.homeimage {padding:2%;text-align:center;}
	#main {padding:2%;}
	#bannerR {display:none;}
	#bannerbg {min-height:inherit !important;
	height:auto;}
	nav .navbar-inner {
    background-color:#666;
    background-image: none;
    border-color:transparent;
	height:auto;
	border-radius:0px;
}

.navbar .nav > li > a {
    color: #fff;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
	width:100%;
	font-size:18px;
	padding: 10px 5px;

}
.navbar .nav > li > a:active, .navbar .nav > li > a:visited  {
    color: #fff;
    text-shadow: none;
    background-color: transparent;
    background-image: none;

}
#headerR nav  ul{ float:left; }
}



.btn:hover, .navbar .btn-navbar:hover {
    background-position: 0 0;
}

div#features a.feature {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

a:active, a:visited, a:focus {
    outline: none;
}

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.home-logo {margin-bottom:15px;}


