/* 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;}

hr { border:none; border-bottom:1px solid #ccc }

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: #EE7D0C; margin-bottom: 5px;}
#home-leadins h3 {font-size: 1em; color: #ee7d0c; display: block; width: 100px;}


.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; text-decoration:none;}
a:visited {color: #002e60; text-decoration:none;}
a:hover {color: #002e60;}
.plink:hover { color:#EE7D0C; }

#container {width: 961px; margin: 0 auto; padding:0; display:block; position: relative;}/*hold site centered */
body.blog #container {position: static;}

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

.picnet {
font-size:9px;
color:#FFFFFF;
}

.picnet a {
font-size:9px;
color:#FFFFFF;
}

/*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: 951px;}
#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;
}


#intro-column{
text-align: left;
margin: 0; 
padding:0;
display: block;
overflow:hidden;
width:580px;
float:left;
}

#blognav {

	float:left;
	width:170px;
	display:block;
	overflow:hidden;
	margin:40px 0px 0px 0px

}

#sidenav {

	float:left;
	width:185px;
	display:block;
	overflow:hidden;
	margin:67px 0 0 26px;

}


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


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

.single {

	width:930px;

}

* 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;}
.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;}





/**********************--------------------------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;*/ margin-right:5px; text-align:right} 



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


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


#newsletter {
	
	border-top:1px dotted #CCCCCC;
	display:block;
	margin:5px 0;
	overflow:hidden;
	padding:5px 0;
	width:185px;
	float:right;

}



.nl_row {

	display:block;
	overflow:hidden;
	height:35px;
	clear:both;

}

.nl_row p {

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

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

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

.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;}

li { list-style:none }

#sidebar {

	margin:27px 0px 0px 20px;

}


#sidebar h2 { font-size:22px; color:#ef7d0b; font-weight:lighter; }

#sidebar ul { 

	margin:5px 0px 5px 0px; 
	padding:0px; 
}

#sidebar li { 

	color:#00C;
	margin:0px 0px 20px 0px;
}

#sidebar ul li ul li { 

	margin:0px;
}

#sidebar a { 

	text-decoration:none;
	color:#002e60
}

#sidebar a:hover { 

	text-decoration:none;
	color:#ef7d0b;
}

#search-3 h2 {

	letter-spacing:-1px;

}

#search-3 div {

	margin-top:5px;
	background-color:#F3F6FC;
	border:1px dotted #CCCCCC;

}

#search-3 input[type="submit"] {

	margin:1px;
	padding:0 0 1px;
	border:none;
	color:#fff;
	background:#002e60;
	font-size:12px;

}

#search-3 input[type="submit"] :hover{

	background:#ef7d0b;

}

#s {

	border:none;
	width:96px;

}

.entry a { color:#002e60 }
.entry a:hover { color:#ee7d0c }
.postmetadata { color:#ee7d0c; font-size:15px; }

div.entry-content ol li { list-style:upper-roman; }
div.entry-content ol { padding:0px 0px 0px 20px }

.header_calltoaction a {
	display: block;
	background: url(../blog/wp-content/themes/Basic%20Foundation%20Themes/Basic101/images/callstoaction.png) no-repeat;
	width: 410px;
	height: 70px;
	text-indent: -5000px;
	position: absolute;
	top: 97px;
	right: -22px;
	z-index: 999;
}

ul.seolinks {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
	padding-top:5px;
    }

ul.seolinks li {
    list-style-type: none;
    padding-bottom: 35px;
	font-size: 1.5em;
	text-align: left;
    }
    
li.seofacebook {
    background: url(../images/facebook.png) no-repeat;
    list-style-type: none;
    padding-left: 40px;
	padding-top:6px;
    }