/*
	
	CLICK FORWARD
	www.clickforward.com.au
	
	AUTHOR:  Beau Rixon
	LAST MODIFIED: 30.06.09
	
	COLOURS:
	Light Blue: #1F72B8
	Light Grey: #B3B3B3
*/


/*
RESET
---------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
TYPOGRAPHY
---------------------------------------------- */

html, body	{ color: #333; font-size: 12px; line-height: 16px; font-family: helvetica, Arial, san-serif;}

h1			{ font-size: 25px; letter-spacing: 2px; }
h2			{ font-size: 20px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px #B3B3B3 solid; padding-bottom: 20px; margin-bottom: 15px; }
h3			{ font-size: 18px; color: #1F72B8; }
h4			{}

a			{ color: #1F72B8; text-decoration: none; }
a:hover		{ text-decoration: underline; }
a:active	{}
a:visited	{}

p, ul, ol	{ margin-bottom: 15px;}

ul			{}
ul li		{}
ol			{}
ol li		{}

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

/* Tools */
.clear 			{ clear:both; }

/* Global */
.wrap			{ width: 930px; margin: 0 auto;}
.small-section	{ width: 290px; float: left; margin-right: 30px; }
.large-section	{ width: 450px; float: left; margin-right: 30px; }
.omega			{ margin-right: 0; }
.section-wrap	{ height: 380px; }

/* Header */
#hd				{ height: 263px; background: #ddd url(../img/sprite-bg.jpg) repeat-x 0 -177px; }
#hd .wrap		{ background: url(../img/hd-pier-img.png) no-repeat 100% 28px; }

h1				{ padding:36px 0 42px; }
h1 a			{ display: block; width: 188px; height: 126px; background: transparent url(../img/hd-kandp-logo.png) no-repeat; text-indent: -9999px; } 

#hd #nav		{ background: url(../img/nav-line.jpg) no-repeat; background-position: bottom right; height: 50px; margin-bottom: 0; }
#hd #nav li		{ display: block; width: 186px; height: 50px; float: left;  }
#hd #nav li a 	{ display: block; height: 26px; padding:24px 0 0 15px; background: transparent url(../img/sprite-link.png) no-repeat;
				  background-position:0 0; color: #EFF0EB; text-decoration: none; font-size: 13px; }
#hd #nav li a:hover,
#hd #nav li a#active	{ color: #fff; background-position:0 -50px; }

/* Header - Home */

#home #banner-ad img	{ margin-top: 20px; }
#home #hd				{ height: 543px; }


/* Body - Global */

#bd				{ border-top:#d4d4d4 1px solid; background: #fff; padding: 30px 0; }

#bd h3				{ font-size: 13px; color: #333; font-weight: bold; margin-bottom: 3px; }

/* Body - Home */

#home #bd li				{ border-bottom: 1px #B3B3B3 dotted; margin-bottom: 15px; }
#home #bd li.omega			{ border-bottom: 0px; }

#home #bd blockquote		{ display: block; margin: 20px 0 11px; }
#home #bd blockquote p		{ margin:0 auto; display: block; width: 238px; height: 20px; text-indent: -9999px; background: transparent url(../img/home-slogan.gif) no-repeat; }

#home #bd #locations a		{ display: block; text-indent: -9999px; width: 290px; height: 90px; background: transparent url(../img/home-locations.jpg) no-repeat; }
#home #bd #locations a#fton	{ background-position: 0 0; margin-bottom: 15px; }
#home #bd #locations a#mton	{ background-position: 0 100%; }
#home #bd #locations a#fton:hover	{ background-position: 100% 0; }
#home #bd #locations a#mton:hover	{ background-position: 100% 100%; }

#home #bd .more-link		{ border-top: 1px #B3B3B3 dotted; display: block; width: 290px; float: left; margin-right: 30px;  }
#home #bd .more-link a		{ display: block; height: 26px; background: url(../img/sprite-link.png) no-repeat; margin-top: 12px; text-indent: -9999px; }
#home #bd .more-link a#approach-link		{ width: 97px; background-position: 0 -152px; }
#home #bd .more-link a#approach-link:hover	{ width: 97px; background-position: 100% -152px; }
#home #bd .more-link a#services-link		{ width: 101px; background-position: 0 -178px; }
#home #bd .more-link a#services-link:hover	{ width: 101px; background-position: 100% -178px; }
#home #bd .more-link a#contact-link			{ width: 81px; background-position: 0 -204px; }
#home #bd .more-link a#contact-link:hover	{ background-position: 100% -204px; }

#home #bd .omega			{ margin-right: 0; }

/* Body - About */

#about #bd blockquote		{ display: block; margin-top: 20px; }
#about #bd blockquote p		{ display: block; width: 238px; height: 20px; text-indent: -9999px; background: transparent url(../img/home-slogan.gif) no-repeat; }

/* Body - Services */

#services #bd li.small-section	{ background: #ddd url(../img/sprite-link.png) no-repeat 0 -231px; margin-bottom: 15px;
								  height: 330px; border-bottom: 1px #d4d4d4 solid; }
#services #bd li.omega-bot		{ margin-bottom: 0; }
#services #bd h3				{ font-size: 14px; font-weight: normal; color: #fff; border-bottom: 1px #fff dotted;
								  background: url(../img/sprite-link.png) no-repeat 100% -231px; padding: 10px 20px; margin-bottom: 10px; }
#services #bd ul p,
#services #bd ul ul		{ padding: 0 20px; margin-bottom: 12px; }
#services #bd ul ul		{ margin-left: 20px; }
#services #bd ul ul li	{ list-style: square; }

/* Body - Team */

#team #bd .large-section		{ border-bottom: 1px #d4d4d4 solid; border-top: 1px #d4d4d4 solid; background: #ddd;
								  margin-bottom: 15px; padding: 15px 0; height: 100%; min-height: 300px;  }
#team #bd .large-section img	{ float: left; margin: 0 15px; border: 4px #fff solid; }
#team #bd .large-section .bio	{ padding-right: 15px; margin-left: 208px; }
#team #bd .large-section .bio h3					{ font-size: 14px; }
#team #bd .large-section .bio li					{ list-style: square inside; }
#team #bd .large-section .bio li.q-head				{ font-weight: bold; list-style: none; }

/* Body - Contact */

.vcard			{ line-height: 18px; }
.vcard .info	{ display: none; }
.vcard .type	{ display: block; width: 60px; float: left; font-weight: bold; }
.vcard .indent	{ padding-left: 60px; }

/* Footer */
#ft				{ background: #fff url(../img/sprite-bg.jpg) repeat-x 0 -61px; min-height: 90px; font-size: 11px; line-height: 0; color: #666; }
#ft p			{ margin-bottom: 7px; }
#ft #copy		{ padding: 27px 0 3px; }
#ft p a			{ color: #333; margin-right: 3px; text-decoration: underline;}
#ft p a:hover	{ color: #1F72B8;}
#ft #ind-logos	{ display: block; width: 163px; height: 50px; background: #fff url(../img/sprite-bg.jpg) no-repeat 53px 10px;
				  padding: 10px; float: right; margin: 15px 0; }
#ft .ind		{ display: block; height: 50px; text-indent: -9999px; background: transparent url(../img/sprite-link.png) no-repeat;  }
#ft .ind-coe	{ width: 35px; background-position: 100% -101px; float: left; }
#ft .ind-cpa	{ width: 107px; background-position: 0 -101px; float: right; }