@import url(global.css);

#wrapper {
	min-height: 576px;
	height: auto;
	background: #FFF url(../images/home/mck-bg.jpg) no-repeat;
}

#Header form {
	left: 638px;
	top: 14px;
	width: 202px;
}

#Header form fieldset {
	width: 202px;
	height: 19px;
	background: url(../images/home/bg-searchform-fieldset.png) no-repeat;
}

#Header form fieldset input {
	width: 157px;
	height: 13px;
}

#Tag {
	position: absolute;
	left: 78px;
	top: 300px;
	width: 464px;
	height: 66px;
	background: url(../images/home/tagline.png) no-repeat;
	overflow: hidden;
}

#Tag h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 463px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}

#Tag h2 {
	position: absolute;
	left: 0;
	top: 15px;
	width: 464px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#Callouts {
	position: absolute;
	left: 78px;
	top: 399px;
	width: 468px;
	height: 65px;
	overflow: hidden;
}

ul#Callouts li {
	float: left;
	width: 149px;
	height: 63px;
	margin-right: 5px;
	border: 1px solid #FFF;
	overflow: hidden;
}

ul#Callouts li h3 {
	width: 151px;
	height: 30px;
	overflow: hidden;
}

ul#Callouts li h3 a {
	display: block;
	width: 151px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#Callouts li p {
	width: 151px;
	height: 35px;
	overflow: hidden;
}

ul#Callouts li p a {
	display: block;
	width: 151px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#Callouts li#WhyMcKellar {
	background: url(../images/home/callout-whymckellar.png) no-repeat;
}

ul#Callouts li#OurPromise {
	background: url(../images/home/callout-ourpromise.png) no-repeat;
}

ul#Callouts li#ClientServices {
	background: url(../images/home/callout-clientservices.png) no-repeat;
}

#Secondary {
	position: absolute;
	left: 636px;
	top: 273px;
	width: 210px;
	height: 154px;
	overflow: hidden;
}

#Secondary h2 {
	width: 205px;
	height: 42px;
	background: url(../images/home/heading-whatis.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#Secondary p {
	margin-top: 15px;
	width: 196px;
	height: 56px;
	background: url(../images/home/copy-whatis.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#Secondary a {
	display: block;
	margin: 16px 0 0 -1px;
	width: 210px;
	height: 25px;
	background: url(../images/home/button-whatis-learnmore.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#Secondary a:hover {
	background: url(../images/home/button-whatis-learnmore.png) no-repeat 0 -25px;
}

#Footer {
	position: absolute;
	left: 0;
	top: 541px;
	width: 932px;
	border-top: 8px solid #201A0E;
}