/* @override http://www.kc-webdesign.co.uk/themes/site_themes/iphone.css */

/* @override http://www.kc-webdesign.co.uk/themes/site_themes/iPhone.css */

/* @override http://www.kc-webdesign.co.uk/themes/site_themes/iPhone.css */

/* @override http://www.kc-webdesign.co.uk/themes/site_themes/css09.css */

/* @override http://www.kc-webdesign.co.uk/themes/site_themes/css09.css */

/* @override 
	http://www.kc-webdesign.co.uk/themes/site_themes/css.css
	http://www.kc-webdesign.co.uk/themes/site_themes/css09.css
*/

-webkit-text-size-adjust: none;

img, div, input { behavior: url(/themes/site_themes/iepngfix.htc) }

.skip-link {
	display: none;
}

body
{
	margin: 0 auto;
	padding: 0;
	color: #7a816d;
	background: #2b2c30 url("/themes/site_themes/kc10/bg-iphone.jpg") repeat-x center -50px;
	font: 80% "museo-1","museo-2", Lucida Grande, Verdana, sans-serif;
		text-rendering: optimizeLegibility;
	text-align: left;
}

body.homepage {
		background: #2b2c30 url("/themes/site_themes/kc10/bg-home.jpg") repeat-x center top;
}



#title {
	width: 100%;
	float: right;
	display: block;
	height: 100%;
	margin-top: -70px;
}

#title span.strap1 {
	text-align: left;
	float: left;
	display: block;
	margin-bottom: 15px;
	color: #888f3e;
	margin-top: 30px;
	margin-right: 10px;
	text-shadow: white 0 1px 0;
	font: 28px/40px "museo-1","museo-2", Verdana;

}
#title span.strap2 {
	text-align: left;
	float: left;
	display: block;
	margin-bottom: 30px;
	font: 18px/40px "museo-1","museo-2", Verdana;
	color: #888f3e;
	font-weight: 500;
	margin-top: 10px;
	margin-right: 10px;
	line-height: 28px;
	text-shadow: white 0 1px 0;
	width: 100%;
}
.strap1 em, .strap2 em {
	font-weight: normal;
	font-style: normal;
	color: #626546;
	/*background-color: #cdccaa;*/
	padding-right: 2px;
	padding-left: 2px;
		-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*h1 {
	font-family: "Trebuchet MS", Lucida Grande, Lucida, Verdana, sans-serif;
	letter-spacing: 0.09em;
	text-shadow: 0px 1px 0px white;
}*/

h2 {
	letter-spacing: 0.09em;
	color: #888f3e;
	text-shadow: white 0 1px 0;
	font: 700 180% "museo-1","museo-2", Trebuchet MS;
	text-align: left;
	margin-bottom: 0;
}


h2.title {text-align:left;}

h2.title-full {
	letter-spacing: 0.09em;
	color: #888f3e;
	text-shadow: white 0 1px 0;
	font: bold 250% "museo-1","museo-2", Trebuchet MS;
	text-align: left;
}

h3 {

	color: #888f3e;
		text-shadow: white 0 1px 0;
	font: normal 170% "museo-1","museo-2", Trebuchet MS, Helvetica;
	margin-top: 25px;
	
}

h4 {
font-family: "museo-1","museo-2", Helvetica;
margin-bottom: 0px;
color: #888f3e;
font-size: 140%;
	text-shadow: white 0 1px 0;
	font-weight: normal;
	margin-top: 25px;
	text-align: left;
}

p {
	color: #4c4f36;
	text-shadow: white 0 1px 0;
	font: 15px/1.6em "museo-1","museo-2", Helvetica, Lucida;
	text-align: left;
}

span.box-text {
	color: white;
	text-shadow: black 0 1px 0;
	font: 90%/1.2em Helvetica, Lucida Grande, Verdana, sans-serif;
	margin-bottom: 0;
	display: block;
}

ol {
	margin-bottom: 10px;
}

.center {
text-align: center;
	font-size: 110%;
}

#sidebar blockquote {
	margin: 40px 10px 0 0px;
	padding: 0;
	line-height: 1.3em;
	text-align: right;
}

#sidebar #quote {
	margin: 0px 0 0px 0px;
	padding: 10px 0 15px;
	background: url("/themes/site_themes/kc09/quote.jpg") no-repeat right 3px;
	float: right;
}

#sidebar p#quote {
	font-weight: 800;
	margin: 0;
	padding: 0 0 15px;
	font: 18px/17px Century Gothic, Verdana, Arial;
	color: #b8b45d;
}

#sidebar #quote img {
	float: right;
	display: block;
}

#sidebar #quote strong {
	font-weight: bold;
}

blockquote {
	margin: 40px 10px 0 0px;
	line-height: 1.3em;
	text-align: right;
	padding: 0;
}

#quote {
	margin: 0px 0 0px 0px;
	background: url("/themes/site_themes/kc09/quote-left.png") no-repeat -8px 0;
	padding: 10px 0 15px;
}

p#quote {
	margin: 0;
	padding: 0 0 15px 50px;
	font: 16px/17px Century;
	color: #b8b45d;
}

#quote img {
	float: right;
	display: block;
}

#quote strong {
	font-weight: bold;
}

#author {
	color: silver;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul {
	font-family: Helvetica, "Lucida Grande", Verdana, sans-serif;
	line-height: 1.4em;
	color: white;
	text-shadow: black 0 1px 0;

list-style-type: disc;
}

#footer-inner ul {
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
	display: inline;
	margin-top: 3px;
}

ul#nav_categories.nav_categories {
	margin-bottom: 0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
	display: inline;
	margin-top: 3px;
}

#nav_categories a, #projects-sidenav a {
	color: white;
	display: block;
}

#nav_categories a:hover, #projects-sidenav a:hover {
	color: orange;

}

#sidebar ul {
	margin-bottom: 0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
	display: inline;
	margin-top: 3px;
}

#footer-inner li {
	display: inline;
	padding-right: 10px;
	padding-left: 0px;
}

img {
margin: 0;
padding: 0;
border: 0;
}

img.float-textright {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

*:first-child+html img.float-textright  { /* IE7 hack */
	margin-top: 15px;
}

img#solar-img {
	display: none;
}

#ecomr-img {
	display: none;
}

#red-img {
	display: none;
}

#content a:link,#content a { 
background-color: #bbc48b; 
text-decoration: none; 
color: #1c2412;
	padding: 1px 2px;
}

#content a:visited { 
background-color: #bbc48b; 
text-decoration: none; 
color: #1c2412;
}

#content a:hover { 	
background-color: #9dc256;
	color: #2a2c1c; 
	}

a.read-more , a:link.read-more  {
	
	text-shadow: 0px 1px 0px #fff;
	font: bold 85% "Trebuchet MS", Verdana, Arial;
	padding: 1px 20px 1px 1px;
	border-bottom: 1px none #f6b50c;
	background: url("/themes/site_themes/kc/info.gif") no-repeat 100% 0px;
}

a:hover.read-more  {
	
	background-color: #ede4b3;
	border-bottom: 1px none #9f4800;
}

a.external:link
{
background: url("/themes/site_themes/kc/link-ext.gif") no-repeat 100% 3px;
padding: 0 15px 0 0;
}

a.external:visited
{

background: url("/themes/site_themes/kc/link-ext.gif") no-repeat 100% 0px;
padding: 0 20px 0 0;
}


a.external:hover
{

background: url("/themes/site_themes/kc/link-ext.gif") no-repeat 100% 0px;
padding: 0 20px 0 0;
}

#rss {
	margin: 50px 0 0;

}

#rss a {
	background: url("/themes/cp_global_images/rss_icon.png") no-repeat 0 center;
	font-size: 80%;
	width: 150px;
	margin: 0;
	padding: 3px 0 3px 25px;
	font-weight: bold;
	height: 18px;
}

#topbar {
margin:0 auto;
padding:0;
height: 33px;

}

.secondbar {
margin:0 1px 0 0;
padding:0;
height: 1px;
background: #3C3B3A;
border-top: 1px solid #31302F;
border-bottom: 1px solid #50504E;
	display: none;
}

#wrapper {
margin: 0px auto 0px auto;
padding-bottom: 0;
width: 420px;
color: #333;
}

/******** top-nav styles *********/

#navbar {
margin: 80px 0px 0px 20px;
padding:0px;
font: bold 20px "museo-1","museo-2";
text-align: center;
	height: 62px;
	float: left;
	width: 100%;
}

span.navtp {
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	color: #c4c4c4;
	text-shadow: black 0 1px 0;
	vertical-align: bottom;
}


#navbar ul {
margin: 0px 0px 0px 20px;
padding:0px;
list-style: none;
	width: 100%;
}

#navbar li {
float: left;
padding: 0 0px 0 0px;
margin-right: 10px;
list-style: none;
}

#navbar li a {	display: block; 
padding: 0 0 0 0; 
text-transform: uppercase; 
color: white;
	text-decoration: none;
	text-shadow: black 0 1px 0;
}

/* #navbar a:hover {background: transparent;} */



#home {
	width: 130px;
	height: 59px;
	display: none;
}

#home a {
	width: 130px;
	height: 59px;
}

#about {
	width: 50px;
	height: 59px;
}

li#about {
	margin-right: 20px;
}

#about a {
	width: 50px;
	padding-top: 2px;
	padding-bottom: 2px;
}
body.we #about a {
	color: #efd972;
}

#about a:hover {
	background-color: rgba(119,124,77,0.4);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#projects {
	width: 80px;
	height: 59px;
}

#projects a {
	width: 80px;

}

body.do #projects a {
	color: #efd972;
}
#projects a:hover {
	background-color: rgba(119,124,77,0.4);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#news {
	width: 120px;
	height: 59px;
}

#news a {
	width: 120px;

}
body.projects #news a {
	color: #efd972;
}
#news a:hover {
	background-color: rgba(119,124,77,0.4);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#contact {
	width: 110px;
	height: 59px;
}

#contact a {
	width: 110px;

}
body.contact #contact a {
	color: #efd972;
}
#contact a:hover {
	background-color: rgba(119,124,77,0.4);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


#header {
margin: 0 0 0 0;
padding: 0 0px 0px 2px !important;
padding: 0 0px 0px 21px;
}



#tel-badge {
	display: none;
	margin-top: 51px;
	height: 156px;
	width: 413px;
	float: right;
	text-align: right;
}

#blogtitle {
padding-top: 0px;
text-indent: -9999px;
	height: 52px;
	width: 330px;
	color: white;
	text-shadow: #a19f79 0 2px 1px;
	background: url(/themes/site_themes/kc10/kc-webdesign.jpg) no-repeat left top;
	display: block;
	float: right;
	margin-top: -130px;
	margin-bottom: 5px;
	margin-right: 30px;
}



#blogtitle a {
	color: white;
	display: block;
	width: 100%;
	height: 52px;
}

#nav {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: right;
background: transparent;
color: #333;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

#content {
float: left;
margin: 25px 0 10px 6px;
padding: 10px 0px 0 0;
width: 100%;
}

#cta-boxes {
	width: 772px;
	display: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	height: 147px;
}

* html #cta-boxes /* ie6 */
{
	margin-bottom: 5px;
}

#cta-boxes a img {
	float: left;
	display: block;
}

#cta1 {
	width: 122px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
	background: url(/themes/site_themes/kc09/kc-logo2.jpg) no-repeat left bottom;
}

#cta1 a {
	width: 122px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
	background: url(/themes/site_themes/kc09/kc-logo.jpg) no-repeat left bottom;
}

#cta2 {
	background-image: url(/themes/site_themes/kc09/icon-enquiry2.jpg);
	width: 218px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#cta2 a {
	background-image: url(/themes/site_themes/kc09/icon-enquiry.jpg);
	width: 218px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#cta3 {
	background-image: url(/themes/site_themes/kc09/icon-doc2.jpg);
	width: 228px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#cta3 a {
	background-image: url(/themes/site_themes/kc09/icon-doc.jpg);
	width: 228px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#cta4 {
	background-image: url(/themes/site_themes/kc09/icon-solar2.jpg);
	width: 204px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#cta4 a {
	background-image: url(/themes/site_themes/kc09/icon-solar.jpg);
	width: 204px;
	height: 147px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#blog {
float: left;
margin-right: 0px;
padding: 0 0px 30px 0;
width: 100%;
color: #333;
text-align: left;
	height: auto;
	margin-top: 50px;
}

#project, #news-blog {
float: left;
margin-right: 0px;
padding: 0 20px 10px 0px !important;
padding: 0 20px 10px 20px;
width: 480px;
color: #333;
text-align: left;
min-height: 500px;
	margin-bottom: 30px;
}

#text-box-2 {
	float: left;
	width: 220px;
}

#text-box-3 {
	float: left;
	margin-left: 0px;
	width: 220px;
}

#text-box-2 h3 , #text-box-3 h3 {
	margin-top: 0px;
}

.entry {
margin-top: 15px;
padding: 0 10px 10px;
color: #7a816d;
	font-size: 105%;
}

.entry h1 {
	color: #626546;
	font: bold 140%/1.5em "museo-1","museo-2", Helvetica;
	text-shadow: white 0 1px 0;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-top: 0; 
	text-align: left;
	float: left;
}

#main-img {
	height: 314px;
	display: none;
}

img.summary  {
	border: 1px none #000;
	margin-right: 7px;
	float: left;
	margin-top: -40px;
}

*:first-child+html img.summary  { /* IE7 hack */
	margin-top: -45px;
}

#project div.entry p {
	text-align: left;
}


/******** info box styles ********/

#info-box {
	/*border-top: 1px dotted #b3ca74;*/
	
	width: 772px;
	height: 328px;
	margin-right: auto;
	margin-left: auto;
	display: none;
}

#info-box img {
	display: none;
}

#info-box p {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #3e3c07;
	text-shadow: white 0 1px 1px;
	font: 90%/1.3em Helvetica, Arial, Geneva, sans-serif;
	text-align: left;
}



#info-1 h3 {
	color: #fff;
	text-shadow: #8b8969 0 2px 1px;
	font: 160%/0.7em "Steiner";
	letter-spacing: 0.09em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 155px;
	height: 28px;
	background: url(/themes/site_themes/kc09/h3-what.gif) no-repeat 0 0;
}

#info-2 h3 {
	color: #fff;
	text-shadow: #8b8969 0 2px 1px;
	font: 160%/0.7em "Steiner";
	letter-spacing: 0.09em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 144px;
	height: 34px;
	background: url(/themes/site_themes/kc09/h3-projects.gif) no-repeat 0 0;
}

#info-3 h3 {
	color: #fff;
	text-shadow: #8b8969 0 2px 1px;
	font: 160%/0.7em "Steiner";
	letter-spacing: 0.09em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 164px;
	height: 34px;
	background: url(/themes/site_themes/kc09/h3-news.gif) no-repeat 0 0;
}

#info-box h4 {
margin-bottom: 0px;
color: #a7b66d;
	text-shadow: 0px 1px 0px #fff;
	margin-top: 25px;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: 0;
}

#info-2 div.entry h4 {
	margin-top: 0;
	color: black;
}

#info-3 div.entry h4 {
	margin-top: 0;
	color: black;
}

#info-2 div.entry h4 a, #info-3 div.entry h4 a  {
	color: black;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
	background: transparent;
    -webkit-transition: background 1s linear;
    -moz-transition: 1s ease-in-out;
	width: 100%;
}

#info-2 div.entry h4 a:hover, #info-3 div.entry h4 a:hover {
	color: white;
	background-color: #98954f;
	text-shadow: black 0 1px 0;

}

#info-1 a {
	color: black;
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	background: transparent;
    -webkit-transition: background 1s linear;
    -moz-transition: 1s ease-in-out;
}

#info-1 a:hover {
	color: white;
	background-color: #98954f;
	text-shadow: black 0 1px 0;
}

span.info-date {
	font-weight: bold;
}



#info-2 div.entry, #info-3 div.entry {
padding: 0 0px 0px 0px;
	margin-top: 0;
}

#info-1 {
	width: 230px;
	margin: 0;
	padding: 0 35px 0 0;
	float: left;
	text-align: justify;
	color: #504d08;
}

#text-box-2 ul {
	text-align: left;
	list-style-type: disc;
	margin-top: 3px;
margin-bottom: 3px;
margin-left: 10px;
padding-left: 5px;
}


#info-1 ul {
		color: #3e3c07;
	text-shadow: white 0 1px 0;
	font: 90% Helvetica, Arial, Geneva, sans-serif;
	text-align: left;
	list-style-type: disc;
	margin-top: 3px;
margin-bottom: 3px;
margin-left: 10px;
padding-left: 10px;
}

#info-1 li {

margin-top: 2px;
margin-bottom: 2px;
}

#info-1 p {

	padding-top: 5px;
}


#info-2 {
	width: 230px;
	margin: 0;
	padding: 0 35px 0 0;
	text-align: justify;
	float: left;
}

#info-3 {
	width: 230px;
	margin: 0;
	padding: 0 0px 0 0;
	float: left;
	text-align: justify;
}


#sidebar {
margin-left: 0px;
padding: 0 0 10px 5px;
width: 230px !important;
width: 215px;
color: #333;
text-align: center;
	margin-top: 0;
	float: right;
	display: none;
}

#projects-sidenav {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 0;
}

#sidebar a img {
	display: block;
}

#sidebar p {

	padding-right: 0;
	padding-left: 0;
}

#project-contact p {
	color: white;
	font-size: 90%;
}

#footer-container {
	width: 100%;
	text-align: center;
	margin-top: 0;
	float: left;
	background: url(/themes/site_themes/kc10/footer-bg.jpg) repeat-x left top;
}

#footer {
margin: 15px 0 0;
padding: 0px 0px;
color: gray;
	width: 100%;
	background-position: center top;
	background-repeat: repeat-x;
	float: left;
	text-shadow: black 0 1px 0;
	text-align: center;
}

#footer-inner {
	margin: 10px auto 0;
padding: 10px 0 0;
width: 100%;
	text-align: center;
}

#footer-inner a, #footer-inner a:link {
	color: #93b545;
	border-bottom: 1px dotted #8db260;
	text-decoration: none;
	text-shadow: black 0 1px 0;
	font-size: 12px;
}


#footer-inner a:hover {
	color: orange;
	border-bottom: 1px dotted #697346;
}

p#powered-by {
	float: right;
	margin-top: 0;
	text-align: center;
	line-height: 2em;
	font-size: 10px;
	color: gray;
	text-shadow: black 0 1px 0;
	width: 100%;
	display: none;
}

#vcard {
	text-shadow: black 0 1px 0;
	color: gray;
	font-size: 10px;
	width: 100%;
	text-align: center;
}

#vcard a, #vcard a:link {
	height: 30px;
	vertical-align: -6px;
	margin-left: 6px;
	border-bottom: 1px none #697346;
}

#vcard-vcard a {
	height: 20px;
	background: url(/themes/site_themes/kc09/icon-vcard.gif) no-repeat right center;
	margin-left: auto;
	border-bottom: 1px none #697346;
	display: block;
	margin-top: 10px;
	line-height: 20px;
	width: 160px;
	padding-right: 20px;
	padding-left: 3px;
	text-align: left;
	margin-right: auto;
}


#hcard-kc-webdesign {
	color: #4c4f36;
	text-align: center;
	text-shadow: white 0 1px 0;
	line-height: 1.7em;
}

div#vcard-details {
	display: block;
	width: 100%;
}

#download-doc {
	color: #7a816d;
	margin: 30px 0 0;
	padding: 0 10px;
}

#download-doc img, #vcard img {
	border: 1px none white;
}

#vcard img {
	margin-bottom: 3px;
}




.date {
background: transparent;
color: #000;
}




a.call {
	background: url(/themes/site_themes/kc10/iphone-call-now.jpg) center center;
	text-indent: -9999px;
	width: 303px;
	height: 58px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 58px;
	margin-bottom: 10px;
}