/* INNFRESCO COLOUR SCHEME
orange #ee7d0c
blue #002e60
body copy #68696a

*/

/* DEFAULT STYLING */

body {font-family:  Calibri, "Helvetica Neue", Arial, Verdana,  Helvetica, sans-serif; margin:0; padding:0; font-size: 90%; line-height: 120%;}

img {border: none;}

p, dl, label {margin: 0 0 7px 0; font-size:0.9em; color: #68696a;}


h1, h2, h3, h4, h5 {margin: 10px 0;}

h1 {font-size: 1.4em; color: #002e60; margin: 20px 0px 10px 0px;}
h2 {font-size: 1em; color: #002e60; margin-bottom: 5px;}
#home-leadins h3 {font-size: 1em; color: #ee7d0c; display: block; width: 100px; margin-left: 5px;}


.strap-overlay h2 {font-size: 1.6em; color: #fff; font-weight:300; letter-spacing: .05em; text-align: left; width: 553px; background:transparent url(../images/strapline-intro.png) repeat-x left bottom; padding: 20px 10px 10px 10px; margin:0; }

/* IE 6 HACK FOR OVERLAY TEXT */
* html .strap-overlay h2 {font-size: 1.6em; color: #fff; font-weight:300; letter-spacing: .05em; text-align: left; width: 553px; background-color: #002e60; padding: 20px 10px 10px 10px; margin:0; background-image: none;}

h3 {font-size: 1em; color: #ee7d0c; display: block; /*margin-right: 10px; border-right: 10px solid #fff;*/}


a:link {color: #ee7d0c;}
a:visited {color: #68696a;}
a:hover {color: #002e60;}
a:active {color: #ee7d0c;}


#container {width: 961px; margin: 0 auto; padding:0;}/*hold site centered */


em {color:#002E60;
font-size:0.85em;
line-height:120%;}
em strong {font-size: 1em; font-weight: bold; display: block; margin-top: 3px;}

/*END DEFAULT STYLING */


#header-nav

{margin: 0; padding:0;
position: relative;
background: url(../images/inn-fresco-header.gif) no-repeat;
height: 114px; /*Height of header section*/
}


#header-nav ul {position: absolute; top: 114px; left: 0; padding:0 0 0 10px;  margin:0; list-style: none; font-size: .82em; height: 38px; display: block; background-color:#ee7d0c; width: 563px;}
#header-nav ul li {float: left; margin-top: -5px; padding:0;}

#header-nav ul li a:link {color: #fff; text-decoration: none; padding: 15px 5px 11px 6px; display: block; }
#header-nav ul li a:visited {color: #fff; display: block; text-decoration: none; padding: 15px 5px 11px 6px; }
#header-nav ul li a:hover {color: #ffa700; background: #b15d08; padding: 15px 5px 11px 6px; }
#header-nav ul li a:active {color: #fff; display: block; text-decoration: none; padding: 15px 5px 11px 6px; }



#marketing-toolkit {position: absolute; top: 10px; right:0; width: 120px; font-size: .8em; color: #fff;} 
#marketing-toolkit a {color: #fff; text-decoration: none;} 
#marketing-toolkit a:visited {color: #FBFBFB; text-decoration: underline;}
#marketing-toolkit a:hover {color: #fff; text-decoration: underline;}
#marketing-toolkit a:active {color: #fff; text-decoration: none;} 

body.home li.home a, body.blog li.blog a, body.services li.services a, body.case-studies li.case-studies a, body.products li.products a, body.simply li.simply a, body.aftersales li.aftersales a, body.results li.results a, body.contact li.contact a {background: #b15d08;}





#contentwrapper{
float: left;
width: 100%;
margin: 0; padding:0px 0px 0px 0px
}

#home-intro-column{
float: right;
text-align: left;
width: 388px;
margin: 0; 
padding:0;
display: inline;
background-color: #fff;
position: relative;
}


#intro-column{
float: right;
text-align: left;
width: 388px;
min-height: 323px;
height: auto !important;
height: 323px; 
margin: 0; 
padding:0;
display: inline;
background-color: #f3f6fc;
position: relative;
}

.calltoaction a {
	display: block;
	background: url(../wordpress/wp-content/themes/Basic%20Foundation%20Themes/Basic101/images/callstoaction.png) no-repeat;
	width: 410px;
	height: 70px;
	text-indent: -5000px;
	position: absolute;
	top: -17px;
}

.header_calltoaction a {
	display: none;
}

.main-content-container {float: left; width: 961px;}


.innertube{
margin: 4.8em 1.6em 1em; /*Margins for inner DIV inside each column (to provide padding)*/
padding: 0;
text-align:left;
}

* html body.home .innertube 
{margin: 0 0 0 20px;}


.duncans-signature {background: url(../images/duncan-signature.gif) no-repeat right center; height: 50px; text-indent: -9999px;} 
p span {float: right; font-size: .8em; line-height: 110%;} 



#hero-column{
float: left;
position: relative;
text-align: left;
width: 573px;
margin: 38px 0 0 0; 
padding:0;
display: inline;

}

.strap-overlay {position: absolute; top: 238px; left: 0;}



#home-leadins { display:block; overflow:hidden}
.lead-in {position: relative; float: left; display: inline; margin-left: 9px;}
.lead-in div {position: absolute;top: 107px; right: 0;}
.lead-in div a {font-size: .7em; display: block; padding: 2px 20px 2px 10px; color: #fff; background: #ee7d0c url(../images/orange-arrow.gif) no-repeat 92% 50%; text-decoration: none;}
.lead-in div a:hover {text-decoration: underline;}


.blogSyndicationLeft {
	border-top:1px dotted #CCCCCC;
	float:left;
	

	margin:0;
	padding:0;


	width:286px;
		}
		.blogSyndicationLeft ul {
			margin:0;
			padding:0;
			}
			.blogSyndicationLeft ul li {
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0 20px 0 0;
				padding:5px 0;
				width:260px;
				}




/**********************--------------------------3 COLUMN LAYOUT*/

.inner-cols-three {float: left; display: inline; width: 320px; margin-top: 1em; padding-bottom:2em;}
.inner-cols-three ul {padding-left: 0; list-style: none;}
.inner-cols-three li {font-size:0.9em; color: #68696a;}
.inner-cols-three li ul li {padding: .2em; list-style: disc; background: none; background-color: #fff;}

.inner-cols-three img {margin-bottom: 1em;}
.inner-cols-three em {padding: 0 40px 0 20px; display: block; width: 250px;}

.inner-cols-split {float: left; display: inline; width: 280px; margin-top: 1em;}

body.aftersales div.inner-cols-three  { padding-right: 40px; padding-bottom: 2em; width: 280px;}

body.aftersales div.inner-cols-three p  { padding-left: 120px; }


/*.inner-cols-three h3 {background: #F8F8F8 url(../images/product2.png) no-repeat scroll 2% 27%;
border:1px solid #CCCCCC;
color:#002E60;
font-weight:normal;
padding:10px 45px 10px 25px;
height:15px;
margin:0;}*/



/*.service h3 {display: block; color: #fff; background-color:#446ec4; padding: .5em 1em;}
.manage h3 {display: block; color: #fff; background-color:#447dc4; padding: .5em 1em;}
.journey h3 {display: block; color: #fff; background-color:#4468c4; padding: .5em 1em;}*/

.service li {background:  url(../images/services-icon.png) no-repeat 0 1px; padding:0px 30px 5px 25px;}
.manage li {background:  url(../images/manage-icon.png) no-repeat 0 1px; padding:0px 30px 5px 25px;}
.journey li {background:  url(../images/journey-icon.png) no-repeat 0 1px; padding:0px 30px 5px 25px;}



#warranty {background: url(../images/12months-bg.png) no-repeat 0% 30px;}
#maintenance {background: url(../images/contract-bg.png) no-repeat 0% 30px;}
#longTerm {background: url(../images/longTerm-bg.png) no-repeat 0% 30px;}



/**********************--------------------------4 COLUMN LAYOUT*/

.inner-cols-four {float: left; display: inline; width: 310px; border-top: 1px solid #ccc; margin: 10px 4px; }
.inner-cols-four ul {border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px 10px 10px;}


.inner-cols-four img {border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
height:206px;
width:308px;
display: block;}


/*.inner-cols-four a.thickbox:link {font-size: 0.7em; color: #666; margin: 3px 0 10px 240px; display: block; height: 12px; background: url(../images/zoomer3.png) no-repeat right bottom;}
.inner-cols-four a.thickbox:visited {color: #666;}
.inner-cols-four a.thickbox:hover {color: #88b52d; background: url(../images/zoomer3.png) no-repeat right top;}
.inner-cols-four a.thickbox:active {color: #666;}
*/

	.control-panel {height: 25px; background-color: #F8F8F8; line-height: 240%; font-size: .8em;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
position: relative;
width: 308px;} 
	.control-panel a {display: block; float: left; width: 100px; text-align: center; color: #ee7d0c; text-decoration: none; } 
	.control-panel a:visited {color: #ee7d0c; text-decoration: none; } 
	.control-panel a:hover {display: block; float: left; width: 100px; text-align: center; color: #666; text-decoration: underline; } 
	
	body.products .thickbox {position: absolute; left: 0; top: 0; background: url(../images/control-large.png) no-repeat 98% 50%;}
	.control-data {position: absolute; left: 100px; top: 0; background: url(../images/control-down.png) no-repeat 94% 35%;}
	.control-enquire {position: absolute; left: 190px; top: 0; background: url(../images/control-contact.png) no-repeat 84% 40%;}


.inner-cols-four li 
{background:transparent url(../images/feature.png) no-repeat scroll 9px 7px;
border-bottom:1px dotted #CCCCCC;
color:#68696A;
font-size:0.8em;
line-height:130%;
padding:5px 10px 5px 30px;}


.inner-cols-four h3 {background: #F8F8F8 url(../images/product2.png) no-repeat scroll 2% 27%;
/*border-bottom:1px solid #CCCCCC;*/
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#002E60;
font-weight:normal;
padding:10px 1px 10px 25px;
height:35px;
margin:0;}

span.enquire-button a {font-size: 0.7em; color: #ee7d0c; text-align: center; padding: 2px 5px ; width: 150px; margin-left: 80px; display: block; border: 1px solid #E2E2E2; /*background-color: #E2E2E2;*/} 

.hide-link {display: none;}

/*.parasol h3 {display: block; color: #fff; background-color:#104795; padding: .5em; font-size: .8em;}
.parasol li {background: #104795 url(../images/parasol-icon.png) no-repeat left top; padding:2px 20px 5px 35px;}*/

/**********************--------------------------2 COLUMN LAYOUT*/

#inner-cols-two-right {float: right; width: 662px; margin: .6em 0 2em 0;}

#inner-cols-two-left {float: left; width: 290px; margin: .6em 0;}

#inner-cols-two-left ul {list-style: none; margin:0; padding:0; width: 290px;}
#inner-cols-two-left ul li {float: left; margin-left: 9px; margin-bottom: 9px;}
#inner-cols-two-left ul li img {display: block;}

#inner-cols-two-right h4 {margin: 5px 0; color: #002e60; font-size: 1.2em;}

dl {margin: 0; padding: 0;} 
dt {float: left; width: 50px; margin: 0; padding:10px 10px 0 0; font-weight: bold;} 
dd {float: left; margin: 0; padding:10px 0 0 10px; float: left; width: 580px;} 



/**********************--------------------------CONTACT PAGE and Newsletter*/

#txtname, #txtemail, #txtphone, #txtmessage, #txtaddress  {border: 1px dotted #ccc; float: right; width: 220px; background-color: #F3F6FC; padding: 5px 0;}


#newsletter {float: left; padding: 0; margin: 5px 0; border-top: 1px dotted #ccc;}
.your-name, .your-mail  {border: 1px dotted #ccc; float: right; width: 135px; background-color: #F3F6FC; padding: 3px 0; float:right; clear: right !important;}

#btnsubmit, .submit-button {background-image: none; background-color:#002e60; border: 1px dotted #ccc; color: #fff; float: right; padding: 3px;}

table.opening-hours {width: 260px; border: 1px solid #ccc; font-size: .8em; color: #666; margin-bottom: 5px;}
.opening-hours th {font-size: 1em; text-align: left; background-color: #666; color:#fff; padding: 5px 20px 3px;}
.opening-hours td {border-bottom: 1px dotted #ccc; padding: 3px 20px;}



.small-text {font-size: .7em; line-height: 130%; padding-right: 30px;}



#recaptcha_response_field  {
	
	border: 1px dotted #ccc; 
	width: 248px; 
	background-color: #F3F6FC; 
	padding: 3px 0; 
	float:left !important; 
	
}

.small-text {
	
	font-size: .7em; 
	line-height: 130%; 
	padding-right: 30px;}

#divrecaptcha { 

	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;  
	
}

#divrecaptcha p { 

	margin:15px 0px 5px 0px;
	float:left;
	
} 

#controls {
	
	margin:0px 0px 0px 0px;
	float:right;
	
}
 
#controls a { 

	font-size:10px;
	display:block;
	color:#999;
	marin:0px;
	padding:0px;
	height:15px;
	
}

#controls a:hover { 

	text-decoration:underline;
	
}
 
#recaptcha_image {
 
	height:38px !important;
	padding:0px !important;
	width:200px !important;
	float:left !important;
	 
}

#recaptcha_image img {

     width:200px;
	 height:40px;
	 
} 








/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block; padding-bottom: 10px;
}
* html .clearfix {
    height:1px;
}
/**********************--------------------------END clearfix*/


/***************************************************************************************/
/*Hold footer*/
/***************************************************************************************/
#footer{
clear: both;
width: 100%;
height: 138px;
color: #FFF;
text-align: left;
border-top: 1px solid #ccc;


}

ul.credits {float: left; width: 400px; margin:0; padding:5px 0 0 0; font-size: .7em; color: #999;}
ul.credits li {list-style: none; display: inline;}
ul.credits li a {color: #999; text-decoration: none;}
ul.credits li a:hover {color: #999; text-decoration: underline;}
.call-to-action {background: url(../images/footer-call-to-action.gif) no-repeat right top; height: 120px; text-indent: -9999px;}

.footer-logo {float: left; margin-top: 57px;}

.facebook {
background:url("../images/facebook.jpg") no-repeat scroll 0 0 transparent;
clear:both;
display:block;
float:left;
height:20px;
padding-left:30px;
padding-top:3px;
}