/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #B22913; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000; }


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.5em;
		color:#000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ce2b0d;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.link {background:url(images/link-tail-bg.gif) top repeat-x; display:block; float:left; font-weight:bold; text-decoration:none; color:#fff; font-size:13px; line-height:1em; margin-top:14px;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:block;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:3px 36px 8px 29px;}
.link:hover {background:url(images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}

#header .link {background:url(images/link-tail-bg2.gif) top repeat-x; margin-top:14px;}
#header .link span {background:url(images/link-right-bg2.gif) top right no-repeat;}
#header .link span span {background:url(images/link-left-bg2.gif) top left no-repeat; padding:4px 49px 8px 42px;}
#header .link:hover {background:url(images/link-tail-bg2-hover.gif) top repeat-x;}
#header .link:hover span {background:url(images/link-right-bg2-hover.gif) top right no-repeat;}
#header .link:hover span span {background:url(images/link-left-bg2-hover.gif) top left no-repeat;}

.link2 {background:url(images/list-bg2.gif) no-repeat 0 6px; padding-left:12px; color:#b3b2b2; text-decoration:none;}
.link2:hover {text-decoration:underline;}

li {background:url(images/list-bg2.gif) no-repeat 0 10px; line-height:1.833em; padding-left:14px;}
li a {color:#b3b2b2; text-decoration:none;}
li a:hover {text-decoration:underline;}

.box li {background:url(images/list-line.gif) bottom left repeat-x; line-height:1.667em; padding:0;}
.box li a {background:url(images/list-bg.gif) no-repeat 0 4px; padding-left:24px; color:#000; font-weight:bold; font-style:italic;}
.box li a:hover {color:#b22913; text-decoration:none}
.last {background:none !important;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 10px 0 0; float:left;}
.title {margin-bottom:9px;}
cite {font-style:normal;}

/* ============================= header ====================== */

.logo {position:absolute;}
.block {background:url(images/header-bg.jpg) top left no-repeat; padding:60px 630px 65px 38px; margin-top:11px; font-size:1.25em; line-height:1.333em; height:187px;}
.block-decks {background:url(images/header-bg-decks.jpg) top left no-repeat; padding:60px 630px 65px 38px; margin-top:11px; font-size:1.25em; line-height:1.333em; height:187px;}
.block-additions {background:url(images/header-bg-additions.jpg) top left no-repeat; padding:60px 630px 65px 38px; margin-top:11px; font-size:1.25em; line-height:1.333em; height:187px;}
.block-kitchens {background:url(images/header-bg-kitchens.jpg) top left no-repeat; padding:60px 630px 65px 38px; margin-top:11px; font-size:1.25em; line-height:1.333em; height:187px;}
.facebook { float:right; padding-right: 20px; }
#header .menu { padding-top: 69px; padding-right: 0; padding-bottom: 42px; padding-left: 390px; }

/* ============================= content ====================== */

.row1 {padding:0 12px 26px 14px;}
.box {background:url(images/box-tail-bg.gif) bottom repeat-x #f0efef;}
.box .tail-left {background:url(images/box-tail-bg.gif) left repeat-y;}
.box .tail-right {background:url(images/box-tail-bg.gif) right repeat-y;}
.box .tail-top {background:url(images/box-corner-top-tail.gif) top repeat-x;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:28px 23px 25px 23px;}
.box .special {padding:17px 22px 14px 19px;}

.row2 {background:url(images/row2-tail.gif) top repeat-x #373738; padding:35px 14px 32px 14px; color:#b3b2b2;}
.row2 strong {color:#fff; text-transform:uppercase;}

.box2 {background:#cbc9c9 url(images/box2-tail-top.gif) top repeat-x; color:#373738;}
.box2 .tail-bottom {background:url(images/box2-tail-bottom.gif) bottom repeat-x;}
.box2 .tail-right {background:url(images/box2-tail-right.gif) top right repeat-y;}
.box2 .tail-left {background:url(images/box2-tail-left.gif) top left repeat-y;}
.box2 .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:21px 20px 20px 18px;}
.box2 strong {color:#b22913; text-transform:none;}
.box2 strong a {color:#000; font-size:1.0833em;}


.col-pad {padding-right:13px;}
.col-pad2 {padding-right:48px;}
.col-pad3 {padding-right:38px;}
.col-pad4 {padding-right:68px;}


.date { background-repeat: no-repeat; background-position: 0; padding-top: 0; padding-right: 0; padding-bottom: 0px; padding-left: 0px; }
.phone {float:right; letter-spacing:-1px;}


.padding0 { padding-bottom:0; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.padding1 {padding-top:6px;}
.padding2 {padding-top:20px;}
.padding2 li { padding-top: 10px; padding-bottom: 10px; line-height: 14px; }

.margin1 {margin-left:24px;}


/* ============================= footer ====================== */

#footer a {color:#000;}
#footer .menu { width:85%; overflow:hidden; }
.menu ul {margin-left:-11px;}
.menu li {display:inline; border-left:1px solid #000; padding:0 7px 0 10px;}


/* ============================= forms ============================= */


#ContactForm .rowi {height:47px;}
#ContactForm .link2 {float:right; margin-left:20px;}

.input {width:262px; height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:260px; height:113px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:10px;}
#footer a img { float: left; }