body {
	background-image: url(../images/global/top-bkg-home.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #666666;
	background-position: center top;
}
a:active {
	outline: none;
}
:focus {
	outline: 0;
}
img {
	border: 0;
}
p {
	font-size: 12px;
	line-height: 24px;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 24px;
	padding: 0;
	margin: 0;
	z-index:10;
}
#hero-mask {
	background-image: url(../images/global/bkg-mask-home.png);
	background-repeat: no-repeat;
	height: 337px;
	width: 990px;
	position: absolute;
	left: 50%;
	margin-left: -495px;
}

#hero-mask-slide {
	background-image: url(../images/home/slide-frame.png);
	background-repeat: no-repeat;
	height: 258px;
	width: 1070px;
	position: absolute;
	top: 78px;
	left: 50%;
	margin-left: -538px;
	z-index: 5;
}

#slider {
	position: absolute !important;
	top: 104px;
	left: 50%;
	margin-left: -492px;
	z-index: 6;
}

.hero-img {
	width: 220px;
	height: 220px;
	position: absolute;
	top: 100px;
	left: 50%;
	display: none;
}
#hero-blank {
	margin-left: -483px;
}
#hero-photo1 {
	margin-left: -234px;
}
#hero-photo2 {
	margin-left: 16px;
}
#hero-photo3 {
	margin-left: 266px;
}
#logo {
	width: 255px;
	height: 153px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -495px;
	z-index: 10;
}
#wardrobe-link {
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -475px;
}
#wardrobe-link a:link, #wardrobe-link a:visited, #wardrobe-link a:active {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	background-image: url(../images/global/arrow-wardrobe-connection.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0px 1px;
}
#wardrobe-link a:hover {
	text-decoration: underline;
}
#main-nav {
	position: absolute;
	right: 50%;
	margin-right: -475px;
	top: 72px;
	height: 10px;
	width: 900px;
}
#main-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main-nav ul li {
	float: right;
}
.nav-btn {
	text-indent: -9000px;	
	display: block;
	height: 10px;
	background-repeat: no-repeat;
	margin-left: 20px;
}
#nav-btn-home {
	width: 36px;
	background-image: url(../images/nav/home.gif);
}
#nav-btn-home-in {
	width: 40px;
	background-image: url(../images/nav/home-in.gif);
}
#nav-btn-home:hover {
	background-image: url(../images/nav/home-over.gif);
}
#nav-btn-kitchen-designs {
	width: 109px;
	background-image: url(../images/nav/kitchen-designs.gif);
}
#nav-btn-kitchen-designs-in {
	width: 125px;
	background-image: url(../images/nav/kitchen-designs-in.gif);
}
#nav-btn-kitchen-designs:hover {
	background-image: url(../images/nav/kitchen-designs-over.gif);
}
#nav-btn-promotions {
	width: 82px;
	background-image: url(../images/nav/promotions.gif);
}
#nav-btn-promotions-in {
	width: 92px;
	background-image: url(../images/nav/promotions-in.gif);
}
#nav-btn-promotions:hover {
	background-image: url(../images/nav/promotions-over.gif);
}
#nav-btn-locations {
	width: 71px;
	background-image: url(../images/nav/locations.gif);
}
#nav-btn-locations-in {
	width: 80px;
	background-image: url(../images/nav/locations-in.gif);
}
#nav-btn-locations:hover {
	background-image: url(../images/nav/locations-over.gif);
}
#nav-btn-about {
	width: 62px;
	background-image: url(../images/nav/about.gif);
}
#nav-btn-about-in {
	width: 72px;
	background-image: url(../images/nav/about-in.gif);
}
#nav-btn-about:hover {
	background-image: url(../images/nav/about-over.gif);
}
#nav-btn-contact {
	width: 80px;
	background-image: url(../images/nav/contact.gif);
}
#nav-btn-contact-in {
	width: 90px;
	background-image: url(../images/nav/contact-in.gif);
}
#nav-btn-contact:hover {
	background-image: url(../images/nav/contact-over.gif);
}
#nav-btn-servicing {
	width: 103px;
	background-image: url(../images/nav/servicing.gif);
}
#nav-btn-servicing-in {
	width: 122px;
	background-image: url(../images/nav/servicing-in.gif);
}
#nav-btn-servicing:hover {
	background-image: url(../images/nav/servicing-over.gif);
}
#heading-left {
	position: absolute;
	left: 50%;
	margin-left: -455px;
	top: 346px;
	z-index:10;
}
#heading-right {
	position: absolute;
	left: 50%;
	margin-left: 30px;
	top: 346px;
	z-index:10;
}
#container {
	width: 100%;
}
#mid-section {
	width: 100%;
	background-color: #fff;
	margin-top: 387px;
	float: left;
	background-image: url(../images/global/home-vert-divider.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.content {
	width: 990px;
	margin: 0 auto;
	padding: 0;
}
.img-float-right {
	float: right;
	margin-left: 10px;
}
.img-float-right-no-margin {
	float: right;
}
.img-float-border {
	border: 1px solid #cccccc;
	padding: 5px;
	float: right;
	margin-left: 10px;
}
#box1 {
	width: 435px;
	/*border-right: 1px solid #a6c6e2;*/
	padding: 20px 20px 20px 40px;
	float: left;
}
#box1-tv {
	width: 425px;
	/*border-right: 1px solid #a6c6e2;*/
	padding: 20px 30px 20px 40px;
	float: left;
}
#box1-tap {
	width: 410px;
	/*border-right: 1px solid #a6c6e2;*/
	padding: 20px 45px 20px 40px;
	float: left;
}
#box2 {
	width: 425px;
	padding: 20px 40px 20px 30px;
	float: right;
}
#box3 {
	width: 425px;
	/*border-right: 1px solid #a6c6e2;*/
	padding: 20px 30px 20px 40px;
	float: left;
}
#box4 {
	width: 425px;
	padding: 20px 40px 20px 30px;
	float: right;
}
.box-heading {
	margin-bottom: 10px;
}
.hor-divider {
	width: 100%;
	height: 1px;
	background-image: url(../images/global/home-hor-divider.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.hor-divider hr {
	display: none;
}
#footer {
	width: 100%;
	background-image: url(../images/global/footer-home.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 40px 0;
	color: #666666;
	font-size: 11px;
	float: left;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
.kitchen-wizard-thumb {
	border: 1px solid #cccccc;
	padding: 5px;
	float: right;
	margin-left: 30px;
}
.design-thumb {
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 5px;
}
.design-thumb-box {
	float: left;
	margin: 0 20px 20px 0;
	
}
.design-thumb-box-last {
	float: left;
}
.content a:link, .content a:visited, .content a:active {
	color: #005cac;
	text-decoration: none;
	font-size: 12px;
}

/* orange button */

.call-to-action-orange {
	width: 138px;
	height: 47px;
	float: left;
}
.orange-bkg {
	width: 128px;
	height: 22px;
	background-color: #e96220;
	padding: 5px 0 0 10px;
	background-image: url(../images/buttons/arrow-orange.gif);
	background-position: 111px 7px;
	background-repeat: no-repeat;
}
.orange-bkg a:link, .orange-bkg a:visited, .orange-bkg a:active {
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none !important;
}
.call-to-action-orange .shadow {
	background-image: url(../images/buttons/shadow-wizard-home.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	position: relative;
	left: 0;
}

/* purple button */

.call-to-action-purple {
	width: 228px;
	height: 47px;
	float: left;
}
.purple-bkg {
	width: 218px;
	height: 22px;
	background-color: #6f358b;
	padding: 5px 0 0 10px;
	background-image: url(../images/buttons/arrow-purple.gif);
	background-position: 200px 7px;
	background-repeat: no-repeat;
}
.purple-bkg a:link, .purple-bkg a:visited, .purple-bkg a:active {
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none !important;
}
.call-to-action-purple .shadow {
	background-image: url(../images/buttons/shadow-brochure-home.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 227px;
	position: relative;
	left: 0;
}

/* green button */

.call-to-action-green {
	width: 329px;
	height: 54px;
	float: left;
	margin-right: 20px;
}
.green-bkg {
	width: 319px;
	height: 26px;
	background-color: #7bbd35;
	padding: 8px 0 0 10px;
	background-image: url(../images/buttons/arrow-green-home.gif);
	background-position: 298px 10px;
	background-repeat: no-repeat;
}
.green-bkg a:link, .green-bkg a:visited, .green-bkg a:active {
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
}
.call-to-action-green .shadow-left {
	background-image: url(../images/buttons/shadow-left.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	position: relative;
	left: 0;
}
.call-to-action-green .shadow-right {
	background-image: url(../images/buttons/shadow-right.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	position: relative;
	left: 212px;
	top: -20px;
	//top: -20px !important;
	//top: -22px;
}

/* red button */

.call-to-action-red {
	width: 308px;
	height: 54px;
	float: left;
	margin-right: 20px;
}
.red-bkg {
	width: 298px;
	height: 26px;
	background-color: #ae1221;
	padding: 8px 0 0 10px;
	background-image: url(../images/buttons/arrow-red-home.gif);
	background-position: 277px 10px;
	background-repeat: no-repeat;
}
.red-bkg a:link, .red-bkg a:visited, .red-bkg a:active {
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
}
.call-to-action-red .shadow-left {
	background-image: url(../images/buttons/shadow-left.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	position: relative;
	left: 0;
}
.call-to-action-red .shadow-right {
	background-image: url(../images/buttons/shadow-right.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	position: relative;
	left: 193px;
	top: -20px;
	//top: -20px !important;
	//top: -22px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#shadowbox_title {
  border: 0px solid;
}

#shadowbox_info {
  border: 0px solid;
}