/******************************************************/
/******            KND Web Consulting            ******/
/******            Code by Andrew Mee            ******/
/******                 June 2007                ******/
/******************************************************/

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

body {
	background:url(../images/bg.gif) no-repeat top white;
	font-family:sans-serif;
	font-size: 62.5%;
	margin:0 auto;
	padding-top:57px;
	width:770px;
}

/***************************/
/***        LAYOUT       ***/
/***************************/

#header {
	text-align:right;
}

h1 a {}

#menu {
	font-size:1.2em;
	padding:0 0 8px;
}

#menu li {
	border-right:1px solid #2F3015;
	display:inline;
	list-style:none;
	padding:0 5px;
}

#menu li:last-child {border:0;}

#menu li a {color:#2F3015;text-decoration:none;}
#menu li a:hover {text-decoration:underline;}

#content a,
#footer a,
body#index #menu li a.index,
body#aboutUs #menu li a.aboutUs,
body#ourProcess #menu li a.ourProcess,
body#portfolio #menu li a.portfolio,
body#portfolio-single #menu li a.portfolio,
body#contactUs #menu li a.contactUs {color:#83BF41;}

#flash {
	height:154px;
}
#portfolio-single #flash {display:none;}

.portfolioInner #page {padding-top:0;}

#content {
	background:url(../images/content_bg.gif) no-repeat top left;
	color:#999A6C;
	font-size:1.2em;
	_height:1%;
	overflow:hidden;
	padding:30px 0 0 20px;
}

#content #scroller {
	height:18em;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding-bottom:20px;
	padding-right:20px;
}

h2 {font-family:"Trebuchet MS", sans-serif;font-style:italic;}
.slogan {color:white;text-align:center;}
.externalpagetitle {color:#4A3315;position:absolute;top:170px;}

h3, h4 {font-weight:normal;line-height:1.6;}

h3 {color:white;font-size:1.5em;}
h3 span {color:#999A6C;}

h4 {font-style:italic;}

#content ul {margin:1em;}
#content ul li {margin-left:1em;}

p {
	line-height:1.6;
	margin-bottom:1em;
}

blockquote {color:white;display:inline;font-style:italic;line-height:1.6;}

cite {}

#footer {
	clear:both;
	color:#666;
	padding-top:0.5em;
	text-align:right;
}

#footer p {float:left;}

#generalEnquiry {float:right;margin:0 auto;width:23em;}
#generalEnquiry h3 {text-align:center;}
#generalEnquiry #submit {margin-left:7em;}

label {float:left;margin:5px 8px 0 0;text-align:right;width:6em;}
input, textarea {border:1px solid #333;font-family:sans-serif;font-size:1em!important;margin-bottom:5px;padding:3px;}

/***************************/
/*** Portfolio Specific  ***/
/***************************/

#portfolio #content #scroller {height:auto;_height:1%;}
#portfolio-single #content #scroller {height:200px!important;_height:200px!important;}

/* #portfolio-single #content {overflow:auto!important;} because Safari is a sook */

#portfolioScroller {
	overflow:hidden;
	_width:100%;
}
#portfolio-single #portfolioScroller {_width:432px;margin-right:20px;_margin-right:0;}
#portfolio-single #scrollerController {margin-right:20px;}

#scrollerInner {width:2500px;}

#portfolioScroller a {
	color:white;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	margin-right:20px;_margin-right:18px;
	width:100px;
}

#portfolioScroller img {
	background:grey;
	border:1px solid #222;
	display:block;
	margin:10px auto;
	height:100px;
	width:100px;
}

#portfolioScroller a:hover img {border:1px solid white;}

#scrollerController {}
#scrollerController a {background:url(../images/arrows.gif) no-repeat top left;float:right;}
a#scroll-right {background-position:top right;margin-left:5px;}
#scrollerController a:hover img {visibility:hidden;}

#primary {
	background:grey;
	border:4px solid white;
	float:left;
	height:360px;
	margin:10px 20px 0 0;
	width:270px;
}

.reference {color:white;font-style:italic;}

.quote {
	color:white;
	margin-bottom: 0;
 }

#portfolioBack {color:white;float:right;padding:10px 20px;}

/***************************/
/***         sIFR        ***/
/***************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2.slogan {
	font-size: 45px;
	margin-right:20px;
	visibility: hidden;
}

.sIFR-hasFlash h2.pagetitle {
	font-size: 60px;
	margin-bottom:-20px;
	visibility: hidden;
}
.sIFR-hasFlash body#ourProcess h2.pagetitle {margin-bottom:-10px;%margin-bottom:-5px;}
.sIFR-hasFlash h2.externalpagetitle {
	font-size: 60px;
	top:125px;
	%top:115px;
	visibility: hidden;
	width:400px;
}