@charset "UTF-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td, form, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

ol, ul, li {
	list-style: none;
	line-height:15px;
}

:focus {
	outline: 0;
}

html {
height:100%
}

body {
width:100%;
height:100%;
background-image:url(../images/sliced/background.jpg);
background-repeat:repeat
}

#container {
	width:100%;
	min-height:100%;
	position:relative;
	font-family: inherit
}

.clr {
clear:both
}

img, div { behavior: url(/js/iepngfix.htc) }

.topbar {
background-image:url(../images/sliced/topbar.jpg);
background-repeat:repeat-x;
height:22px; 
}

.topbar_innercontainer {
width:960px;
height:auto;
margin:0 auto;
}

.topbar_colorbar {
position:absolute;
width:315px; height:10px;
margin-top:12px; margin-left:450px;
background-image:url(../images/sliced/colorbar.gif);
background-repeat:no-repeat
}

.dividerline {
background-image:url(../images/sliced/dividerbarred.gif);
background-repeat:repeat-x;
height:1px;
}

.hdrbar {
background-image:url(../images/sliced/hdrbar.jpg);
background-repeat:repeat-x;
height:94px; 
}

#header {
	height:auto
}

.hdrbar_innercontainer {
width:960px;
height:auto;
margin:0 auto;
}

.hdrbar_logo {
position:absolute;
width:150px; height:89px;
margin-top:2px; margin-left:0px;
background-image:url(../images/sliced/logo.png);
background-repeat:no-repeat
}

.aboutTxt {
width:450px;
}

.homeTxt {
position:absolute;
width:auto; height:10px;
margin-top:3px; margin-left:453px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF
}

.ideaTxt {
position:absolute;
width:auto; height:10px;
margin-top:3px; margin-left:558px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF
}

.contactTxt {
position:absolute;
width:auto; height:10px;
margin-top:3px; margin-left:663px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF
}

.hdrbar_enhancetxt {
position:absolute;
width:219px; height:60px;
margin-top:37px; margin-left:740px;
background-image:url(../images/sliced/enhanceTxt.png);
background-repeat:no-repeat
}

.dividerlineblk {
background-image:url(../images/sliced/blackdiv.gif);
background-repeat:repeat-x;
width:100%;
height:1px;
float:left
}

.main_container {
width:960px;
min-height:400px;
height:auto !important;
height:400px;
margin:0 auto;
padding-bottom:127px
}

.main_containerinner {
width:960px;
height:auto;
float:left;
margin-bottom:50px;
position:relative
}

.welcomebox {
width:500px; height:auto;
float:left;
padding-top:30px
}

.welcomeTxt {
width:173px; height:43px;
background-image:url(../images/sliced/welcomeTxt.png);
background-repeat:no-repeat;
}

.spaceorgbox {
width:214px; height:206px;
background-image:url(../images/sliced/spaceorg.png);
background-repeat:no-repeat;
float:left
}

.spaceorg_inner {
padding-left:70px;
padding-top:50px
}

.remodeling_container {
	width:200px;
	height:177px;
	background-image:url(../images/sliced/remodeling.png);
	background-repeat:no-repeat;
	float:left;
	margin-left:20px;
}


.footer {
position:absolute;
bottom:0;
width:100%;
height:127px;
background-image:url(../images/sliced/footerbar.jpg);
background-repeat:repeat-x;
}

.contactbox {
width:500px; height:auto;
position:relative;
float:left;
}

.howhelpTxt {
clear:both;
float:left;
background-image:url(../images/sliced/contactlifespaceTxt.png);
background-repeat:no-repeat;
width:385px; height:34px;
margin-top:20px;


}

.boxTL {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r2_c2.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

.boxTM {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r2_c4.png);
background-repeat:repeat-x;
width:10px; height:10px;
float:left;
}

.boxTR {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r2_c6.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

.boxMID {
background-color:#E7E1E0;
border-left:3px solid #CCCCCC;
border-right:3px solid #CCCCCC;
height:auto;
float:left;
padding:10px
}

.boxBL {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r8_c2.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

.boxBM {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r8_c4.png);
background-repeat:repeat-x;
width:10px; height:10px;
float:left;
}

.boxBR {
background-image:url(../images/sliced/mainbox/mainbox_sliced_r8_c6.png);
background-repeat:no-repeat;
width:10px; height:10px;
float:left;
}

#abouttxt_hid {
display:none;
}

.footer_inner {
width:960px;
height:auto;
margin:0 auto;
}

.closetmaidlogo {
position:absolute;
width:186px; height:33px;
background-image:url(../images/sliced/closetmaidlogoWht.png);
background-repeat:no-repeat;
margin-left:780px; margin-top:67px
}

.multisuitelogo {
position:absolute;
width:138px; height:80px;
background-image:url(../images/sliced/allSuitesWebBlk.png);
background-repeat:no-repeat;
top:400px; right:20px
}

.footer_links {
position:absolute;
width:600px; height:15px;
margin-left:0px; margin-top:60px
}

.footer_copyright {
position:absolute;
width:600px; height:15px;
margin-left:0px; margin-top:85px
}

.homeimgLG {
width:401px; height:313px;
position:absolute;
background-image:url(../images/sliced/homeimgLG.png);
background-repeat:no-repeat;
top:30px; right:80px;
z-index:1
}

.homeimgFrame {
width:298px; height:216px;
position:absolute;
background-image:url(../images/sliced/homeimgFrame.png);
background-repeat:no-repeat;
top:140px; right:0px;
z-index:2
}

.homeimginner {
width:244px; height:164px;
position:absolute;
top:166px; right:27px;
z-index:3
}

.affordableTxt {
width:220px; height:47px;
background-image:url(../images/sliced/affordableTxt.png);
background-repeat:no-repeat;
position:absolute;
top:360px; right:60px
}

.bbb_nahb {
position:absolute;
background-image:url(../images/sliced/bbb_nahb.png);
background-repeat:no-repeat;
width:93px; height:56px;
margin-left:600px; margin-top:45px
}

.schedcal {
width:151px; height:49px;
float:right; padding-right:15px
}

.contactInner {
width:960px; height:auto;
position:relative
}

.contactLeftPane {
width:400px; height:400px;
padding-top:30px;
float:left
}

.contactRightPane {
width:500px; height:auto; min-height:400px;
padding-top:68px; padding-bottom:100px;
float:right
}

.contactpgTxt {
width:193px; height:38px;
background-image:url(../images/sliced/contactusTxt.png);
background-repeat:no-repeat
}

.cclogos {
background-image:url(../images/sliced/3up.png);
background-repeat:no-repeat;
width:143px; height:27px
}

.inputBox {
width:200px; height:15px;
background-color:#EFEFEF;
border:1px solid #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; color:#333333
}

.inputLabel {
width:150px; height:15px;
padding-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; color:#EFEFEF;
}

.contactformBG {
background-image:url(../images/sliced/contactformBG.jpg);
background-repeat:repeat-y;
width:500px; height:auto;
}

.sendmsgTxt {
width:212px; height:36px;
background-image:url(../images/sliced/sendmsgTxt.png);
background-repeat:no-repeat;
margin-left:50px; margin-top:20px
}

/* BEGIN Idea Gallery */

.gallery_inner {
width:100%; height:auto;
float:left; padding-top:30px;
padding-bottom:100px
}

.nav_container {
float:left;
width:360px; height:auto;
min-height:400px;
}

.gallery_container {
float:right;
width:600px; height:auto;
min-height:400px;
}

.selectTxt {
float:left;
background-image:url(../images/sliced/selectTxt.png);
background-repeat:no-repeat;
width:170px; height:35px
}

.catTxt {
float:left;
width:400px; height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:-1px;
font-weight:bold;
color:#65291A
}

.catDescTxt {
float:left;
width:400px; height:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:-1px;
color:#333333
}

.nav_button {
float:left;
width:163px; height:107px;
background-image:url(../images/sliced/gallery_navbox.jpg);
background-repeat:no-repeat;
padding-right:0px; padding-bottom:0px
}

.navbtnTxt {
margin:0 auto;
margin-top:40px;
padding: 0px, 20px, 0px, 20px;
width:123px; height:auto; 
}

.gallery_bg {
float:left; padding:5px;
width:590px; 
min-height:427px;
height:auto !important;
height:427px;
background-color:#9C9D79;

}

.product_box {
width:580px; height:124px;
background-color:#898F62;
padding:5px; margin-bottom:5px
}

.product_title {
float:left;
padding-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
letter-spacing:-1px
}

.product_desc {
float:left;
width:300px;
padding-left:5px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
letter-spacing:-1px
}

.product_img {
width:auto; height:auto;
float:left
}

/* Contact Form */


.txtField {
	width:400px;	
	border:2px solid #AE8E67;
	background-color: #EFEFEF;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px; color:#333;
	margin-bottom:10px
}

.txtHdr {
	width:400px;
	margin-bottom:5px;
	margin-left:3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px; color:#55291E;
	font-weight:bold;
	letter-spacing:-1px
}

.txtArea {
	width:400px; 
	height:100px;
	border:2px solid #AE8E67;
	background-color: #EFEFEF;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px; color:#333;
	margin-bottom:10px;
	overflow:hidden
}

.contactform {
	width:440px;
	height:auto
}

.sendmsgBtn {
	width:164px;
	height:41px;
	background-image:url(../images/sliced/sendmsgBtn.png);
	background-repeat:no-repeat;
	float:right;
	padding-right:15px;
	margin-top:10px
}

.submitBtn {
	width:69px;
	height:28px;
	background-image:url(../images/sliced/submitBtn.png);
	background-repeat:no-repeat;
	float:right;
	margin-top:15px
}

.success {
	width:343px;
	height:62px;
	text-align:center;
	margin-top:35px; margin-left:70px
}

.successcontact {
	width:343px;
	height:62px;
	background-image:url(../images/sliced/emailconfTxt.png);
	background-repeat:no-repeat;
	margin-top:100px
}

.resourcesHdr {
	width:182px;
	height:40px;
	margin-top:30px;
	background-image:url(../images/sliced/resourcesTxt.png);
	background-repeat:no-repeat
}

.resourcesTxtBox {
	width:400px;
	height:auto;
	margin-bottom:15px
}

/* Remodeling Page */

.rleft {
	width:550px;
	height:auto;
	float:left
}

.rright {
	width:300px;
	height:auto;
	float:right
}

.remodelingTxt {
	width:342px;
	height:54px;
	background-image:url(../images/sliced/remodelingTxt.png);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:10px;
	float:left
}

.remodelTxtThumbContainer {
	width:550px;
	height:auto;
	clear:left;
	margin-top:5px;
	float:left
}

.remodelThumb {
	clear:left;
	width:125px;
	height:103px;
	background-image:url(../images/sliced/remodelThumb.png);
	background-repeat:no-repeat;
	float:left
}

.remodelTxtBox {
	width:415px;
	height:auto;
	margin-left:10px;
	line-height:17px;
	float:left
}

.remodelEnhanceTxt {
	width:274px;
	height:66px;
	margin-left:260px;
	background-image:url(../images/sliced/remodelenhanceTxt.png);
	background-repeat:no-repeat;
	clear:left;	
}

.remodelContact {
	width:366px;
	height:125px;
	background-image:url(../images/sliced/remodelcontact.png);
	background-repeat:no-repeat;
	clear:left;
	float:left;
	margin-top:40px;
	margin-left:20px
}

.remodelCatContainer {
	width:300px; 
	height:auto;
	margin-top:91px;
	float:right
}

.remodelCatTxt {
	width:300px;
	height:auto;
	line-height:35px;
	float:right;
	padding-top:27px;
	background-image:url(../images/sliced/remodelingCatTxt.png);
	background-repeat:no-repeat
}

.termsTxtBox {
	width:100%;
	height:auto;
	margin-bottom:15px
}

.privacylegalTxt {
	width:266px;
	height:53px;
	margin-top:30px;
	background-image:url(../images/sliced/privacylegal.png);
	background-repeat:no-repeat
}

.bbb {
	position:absolute;
	bottom:10px; right:20px;
}
