/*
Sean Hecking
sean.hecking@gmail.com
Layout
*/

body {margin:0px; padding:0px;}
p {margin:0px; padding:0px;}

h1 {padding:0px; margin:0px;}

.mainCont {margin:0px auto; width:792px;}

.footer {padding:10px 0px; text-align:center;}

/*--- right column ---*/
.rightCol {width:630px; float:right;}
.rightCol .header {height:262px;}
.rightCol .header .headerImg {text-align:center; padding-top:50px; height:123px;}
.rightCol .header .headerImg img {/* display:none; */}
.rightCol .header .headerText {text-align:center; padding-top:40px;}
.rightCol .header .headerText ul {margin:0px; padding:0px; list-style:none;}
.rightCol .header .headerText ul li { display:inline; margin:0px; padding:0px 15px 0px 0px;}

/*--- home animation ---*/
.rightCol .homeAnim {}
.rightCol .homeAnim .cell {float:left; height:258px; width:204px; display:block; position:relative; padding-left:6px;}
.img1 {position:absolute;}
.img2, .img3, .img4, .img5, .img6, .img7 {position:absolute; display:none;}


/*--- left column ---*/
.leftCol {width:122px; padding:25px 20px; float:left;}
.leftCol .leftNav {padding-left:8px;}
.leftCol .searchBox input {padding:7px 5px; width:112px; margin:0px; border:0px;}

.leftCol ul {margin:0px; padding:20px 0px 0px 0px; list-style:none;}
.leftCol ul ul, .leftCol ul ul ul {margin:0px; padding:0px; list-style:none;}
.leftCol ul li {margin:0px; padding:5px 0px;}
.leftCol ul li ul li {margin:0px; padding:0px 0px 5px 0px;}
.leftCol ul li ul li ul li {margin:0px; padding:0px 0px 0px 12px;}

/*--- inner content ---*/
.innerHeader {padding:18px 0px 10px 15px;}
.innerHeader .innerLogo {float:left;}
.innerHeader .innerTabs {float:right; width:266px;}
.innerHeader .innerTabs .innerTab {float:left; padding-right:10px;}
.innerHeader .innerTabs .innerTab img {border:2px solid #ffffff;}
.innerHeader .innerTabs .innerTab .innerText {padding-top:8px; text-align:center;}

/*--- inner sub container ---*/
.innerSubCont {padding-bottom:15px;}
.innerSubCont .innerSubRtCol {float:right; width:150px;}
.innerSubCont .innerSubLeftCol {float:left; width:450px;}
.innerSubCont .innerSubLeftCol #aboutText p {padding-right:20px;}
.innerSubCont .innerSubText {float:left; padding:45px 25px 25px 0px; width:325px;}
.innerSubCont .innerSubText p {margin:0px; padding:5px 0px;}
.innerSubCont .innerSubText .innerFinishes {width:193px; padding-top:10px;}
.innerSubCont .innerSubText .innerFinishes .innerFinish {float:left;}
.innerSubCont .innerSubText .innerFinishes .innerFinish .innerFinishDesc {padding-top:10px; text-align:center;}
.innerSubCont .innerSubText .innerFinishes #first_finish {padding-right:8px;}
.innerSubCont .innerSubText .innerFinishes .backTo {display:none;}

/*--- inner finishes ACTIVE ---*/
.innerSubCont .innerSubText #active {position:absolute; width:630px; height:400px; margin-left:-87px; top:115px;}
.innerSubCont .innerSubText #active .backTo {text-transform:uppercase; text-align:center; float:left; padding-top:80px; text-align:center; width:630px;}
.innerSubCont .innerSubText #active .innerFinish {padding-top:15px;}
.innerSubCont .innerSubText #active #first_finish {padding-right:20px; padding-left:20px;}

.innerSubCont #landing  {padding-left:25px;}
.innerSubCont #contact {width:400px; padding-left:75px; padding-right:0px; padding-top:25px;}
.innerSubCont #contact p {padding-bottom:10px;}

.innerSubCont .innerSubImg {float:left;}

#designerBg .innerSubText {padding:130px 0px 25px 87px; width:205px;}
#designerBg .innerSubLeftCol {width:280px; height:400px;}
#designerBg .innerSubRtCol {width:340px;}

#designerVanities .innerSubText {padding:30px 0px 25px 25px; width:145px;}
#designerVanities .innerSubLeftCol {width:145px; height:400px;}
#designerVanities .innerSubRtCol {width:450px;}

#designerAccessories .innerSubText {padding:30px 0px 25px 25px; width:350px;}
#designerAccessories .innerSubRtCol {width:200px;}
#designerAccessories .innerSubLeftCol {width:350px; height:400px;}


#designerLanding {width:260px !important; padding-left:85px; padding-top:20px;}

#stonePedestal {width:315px;}
#stonePedestal .innerSubText {padding:45px 0px 15px 25px; width:300px;}

#stoneLavatory {width:450px;}
#stoneLavatory .productImg {padding:20px 0px 10px 0px;}

#stoneLavatoryLeft .productTable {float:left; width:630px;}
#stoneLavatoryLeft .productTable td {vertical-align:middle;}
#stoneLavatoryLeft .productTable td .productImg {padding-top:20px;}

#stoneLavatoryLeft {width:180px;}
#stoneLavatoryLeft .innerSubText {width:180px; padding-bottom:5px;}
#stoneLavatoryLeft .innerSubText h1 {padding-left:20px;}

#copperInner {width:590px; padding:0px 20px;}

#aboutLeftCol {width:350px;}
.aboutRt {width:254px !important; padding-top:10px; padding-right:10px;}
#aboutText {width:350px; padding:45px 0px 25px 25px;}
.aboutImg {height:281px;}

.aboutBottom { float:right; width:254px; padding-top:291px;}

.caringBowl {position:absolute; padding-top:285px; margin-left:-165px;}

table.copperInnerTable {float:left;}
table.copperInnerTable td {padding:15px 0px; vertical-align:middle;}

#copperBarPrep td {padding:0px !important;}
#copperBarPrep .productTitle {padding-bottom:10px;}
#copperBarPrep .productImg {padding-bottom:0px;}

.innerSubCont .stonePedestalLf {float:left;}
.innerSubCont .stonePedestalRt {width:313px; padding-top:20px;}

/*--- inner sub container ---*/
.productMod {padding:5px 0px;}
.productImg {padding:10px 0px; text-align:center;}
.productTitle {text-align:center;}

.copperInnerTable .productMod .productTitle {white-space:nowrap;}
.copperInnerTable .productMod {padding-right:0px;}

/*--- products ---*/
table.productTable {width:100%; border-collapse:collapse; border-spacing:0px;}
table.productTable td {padding:0px; vertical-align:top;}


/*--- popup ---*/
.popupCont {}
.popupCont p {padding-bottom:15px;}
.popupCont h2 {margin:5px 0px;}
.popupCont .popupDetail {float:right; width:250px;}
.popupCont .popupDetail p {padding-bottom:8px;}
.popupCont .popupDetail .popupLine {padding:15px 0px 5px 0px;}
.popupCont .popupDetail .backNext {text-align:right; padding:5px 0px;}
.popupCont .popupImg {float:left; padding-left:20px; width:334px;}

.popupCont .finishCont table.finishTable {border-collapse:collapse; border-spacing:0px;}
.popupCont .finishCont table.finishTable td {padding:2px 5px 2px 0px;}

/*--- Clearfix ---*/
.clearfix:after, .mainCont:after, .subCont:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .mainCont, .subCont {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html .mainCont, * html .subCont {height: 1%;}
.clearfix, .mainCont, .subCont {display: block;}
/* End hide from IE-mac */