/*------------------------------------------------------------*
	GENERAL STYLING
*-------------------------------------------------------------*/
html { height: 100%; margin: 0; padding: 0; }
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #f1eee6;
	margin: 0;
	padding: 10px 0 0 0;
}

a:link {text-decoration: none;color: #daeaff; font-weight: bold;}
a:visited {text-decoration: none;color: #daeaff;  font-weight: bold;}
a:hover {text-decoration: none;color: #fadb7c;  font-weight: bold;}
a:active {text-decoration: none;color: #fadb7c;  font-weight: bold;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #fbf5e6;
	margin: 0px; 
	padding: 0px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #5A99C7;
	margin: 0px; 
	padding: 0px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #949494;
	font-weight: normal;
	margin: 0px; 
	padding: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
	color: #cecece;
	margin: 0;
	padding: 0;
}

ul, li {margin:0;padding:0;}

/*------------------------------------------------------------*
	NAVIGATION
*-------------------------------------------------------------*/
a.nav-welcome {
	width: 91px;
	height: 45px;
	background-image: url(images/nav-welcome.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-welcome:hover {
	width: 91px;
	height: 45px;
	background-image: url(images/nav-welcome.jpg);
	background-position: 0 -45px;
	float: left;
}
a.nav-about {
	width: 63px;
	height: 45px;
	background-image: url(images/nav-about.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-about:hover {
	width: 63px;
	height: 45px;
	background-image: url(images/nav-about.jpg);
	background-position: 0 -45px;
	float: left;
}
a.nav-design {
	width: 66px;
	height: 45px;
	background-image: url(images/nav-design.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-design:hover {
	width: 66px;
	height: 45px;
	background-image: url(images/nav-design.jpg);
	background-position: 0 -45px;
	float: left;
}

a.nav-build {
	width: 58px;
	height: 45px;
	background-image: url(images/nav-build.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-build:hover {
	width: 58px;
	height: 45px;
	background-image: url(images/nav-build.jpg);
	background-position: 0 -45px;
	float: left;
}
a.nav-contact {
	width: 79px;
	height: 45px;
	background-image: url(images/nav-contact.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-contact:hover {
	width: 79px;
	height: 45px;
	background-image: url(images/nav-contact.jpg);
	background-position: 0 -45px;
	float: left;
}
a.nav-store{
	width: 70px;
	height: 45px;
	background-image: url(images/nav-store.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-store:hover {
	width: 70px;
	height: 45px;
	background-image: url(images/nav-store.jpg);
	background-position: 0 -45px;
	float: left;
}
a.nav-press{
	width: 70px;
	height: 45px;
	background-image: url(images/nav-press.jpg);
	background-position: 0 0px;
	float: left;
}
a.nav-press:hover {
	width: 70px;
	height: 45px;
	background-image: url(images/nav-press.jpg);
	background-position: 0 -45px;
	float: left;
}

/*------------------------------------------------------------*
	LAYOUT STYLING
*-------------------------------------------------------------*/
#container {
	width: 770px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}
#header {width:770px; height:143px; float:left; display:inline;}
#topline {width: 735px; height: 15px; margin-top: 8px;}
#block-left {float:left;display:inline}
#block-right {float:right; display:inline}
#navigation {width:428px; height:45px; margin:8px 10px 0 0; float:right; display:inline;}
#navigation li {list-style:none; display:inline;}
#showcase {width:770px; height:233px; background-image: url(images/banner-kitchen.jpg); float:left; display:inline;}
#showcase-about {width:770px; height:126px; background-image: url(images/showcase-about.jpg); float:left; display:inline;}
#showcase-design {width:770px; height:126px; background-image: url(images/showcase-design.jpg); float:left; display:inline;}
#showcase-build {width:770px; height:126px; background-image: url(images/showcase-build.jpg); float:left; display:inline;}
#showcase-contact {width:770px; height:126px; background-image: url(images/showcase-contact.jpg); float:left; display:inline;}
#showcase-press {width:770px; height:126px; background-image: url(images/showcase-press.jpg); float:left; display:inline;}

#content-container {
	width:770px;
	background-image: url(images/content-top.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#403e39;
	float:left;
	display:inline;
	overflow:hidden;
}
#preamble {width:700px; margin:20px 40px 20px 31px; float:left; display:inline;}
#preamble p {margin:0;padding:0;}
#preamble-cap {margin:6px 10px 0 0; float:right; width:36px; height:5px; background-color:#FFFFFF; overflow:hidden;}
#content-area {margin:0 30px 25px 105px; float:left; display:inline;}
#content {}
#half-block {width:300px; margin-right:15px; float:left; display:inline;}
#half-block-hatch {width:300px; margin-right:15px; float:left; display:inline; background-image:url(images/half-block-bkg.jpg); background-position: 0 0; background-repeat:no-repeat;}
#half-block-content {margin-left:25px;}
#lp {width:650px;}
#link-pad {margin-top:10px; height:22px; float:left; display:inline; background-image:url(images/link-pad-left.jpg); background-repeat:no-repeat;}
#link-pad-content {height:22px; margin-left:9px; float:left; display:inline; overflow:hidden; background-image:url(images/link-pad-bkg.jpg); background-repeat:repeat-x;}
#link-pad-end {width:11px; height:22px; float:left; display:inline; background-image:url(images/link-pad-right.jpg);}
#baseline {width:770px; height:30px; margin: 35px 0 0 0; background:#101419; float:left; display:inline;}
#copyright {margin:8px 0 0 12px; float:left; display:inline;}
#bottom-links {margin:6px 12px 0 0; float:right; display:inline;}
#foot {width:770px; height:80px; margin: 20px 0 0 0;float:left}
#footer-blurb {width:300px; float:left;}
/*------------------------------------------------------------*
	FONT & IMAGE STYLING
*-------------------------------------------------------------*/
a.logo {
	width: 212px;
	height: 68px;
	margin-top: 25px;
	margin-left: 25px;
	background-image: url(images/head-logo.jpg);
	background-position: 0 0px;
	float: left;
	display: inline;
}
a.logo:hover {
	width: 212px;
	height: 68px;
	margin-top: 25px;
	margin-left: 25px;
	background-image: url(images/head-logo.jpg);
	background-position: 0 -68px;	
	float: left;
	display: inline;
}

.highlight {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: #e6d6ad;
}
.emphasis {color: #fbf5e6}
.light {
	padding-top:3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #DCD8BC;
	font-size: 11px;
}
.small-light {
	font-family: Arial, Helvetica, sans-serif;
	color: #DCD8BC;
	font-size: 10px;
}
.hatch {margin-right:20px; float:left;}
.image-floatleft {margin:0 25px 25px 0; float:left; display: inline;}
.image-floatright {margin:0 0 25px 25px; float:right; display: inline;}
.image-floatcenter {margin:25px 0 25px 0;}
.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFEAAF;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 0;
}
.item-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFEAAF;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
}


.input {
	border: 2px solid #ABA9A4;
	/** remember to change image path **/
	background: url(none) no-repeat #2D2B28;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 19px;
	color: #fbf7e4;
	padding:6px;
	margin-top: 5px;
}
.input:hover {
	border: 2px solid #ABA9A4;
	/** remember to change image path **/
	background: url(none) no-repeat #666666;
	color: #fbf7e4;
}
.input:focus {
	border: 2px solid #f7f7f7;
	/** remember to change image path **/
	background: url(none) no-repeat #806a0a;
	color: #f8f7f2;
}
.large-light {	
	font-family: Arial, Helvetica, sans-serif;
	color: #DCD8BC;
	font-size: 24px;
	margin-bottom:25px;
}