/* SET DEFAULTS */

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

body {
  margin:0px;
  padding:0px;
  font-family: 'Muli', sans-serif;
  background-color:#000000;
}

img.bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-5000;
}

.clear {
  clear:both;
}

#navigation {
  width:100%;
  background:#0f0f0f;
}

ul.nav {
  width:960px;
  background:#0f0f0f;
  margin:0 auto;
  list-style:none;
  overflow:hidden;
}

ul.nav li {
  float:left;
  margin:8px 28px 0 0;
}

ul.nav li a {
  display:block;
  font-size:14px;
  color:#dadada;
  text-decoration:none;
  padding-bottom:6px;
}

ul.nav li a:hover {
  color:#ffdd55;
}


ul.nav ul {
  list-style:none;
  position:absolute;
  display:none;
  z-index:1000;
}

ul.nav ul li {
  float:none;
  position:relative;
  margin:0;
  
}

ul.nav ul li a {
  margin-bottom:1px;
  padding:5px 10px;
  color:#eaeaea;
  background:url('images/bgnav.png');
  webkit-border-radius:10px;
  border-radius:10px;
  
}

ul.nav ul li a:hover {
  color:#ffdd55;
}


ul.nav li:hover ul{
  display:block;
}


#header {
  width:960px;
  margin:0 auto;
  padding:30px 0;
  position:relative;
}

img.slogan {
  position:absolute;
  bottom:20px;
  right:0;
}


/* HOME */

#banner {
  width:960px;
  margin:0 auto;
  background:#808080;
  height:367px;
}

#homesection {
  width:960px;
  margin:40px auto 60px;
}

#homesection1 {
    width:100%;
}

#homesection1 h1 {
    font-family: 'Abel', sans-serif;
    font-size:22px;
    color:#f5d451;
    letter-spacing:2px;
    margin-bottom:20px;
}
  
#homesection1 h1 span {
    display:block;
    margin-bottom:5px;
    font-size:14px;
    color:#dadada;
}

#homesection2 {
    margin-top:40px;
    width:100%;
}

#homesection2 h3 {
    font-family: 'Abel', sans-serif;
    font-size:18px;
    color:#f5d451;
    border-bottom:1px solid #696969;
    padding-bottom:3px;
}


.hmsec2row {
    width:80%;
    margin:30px auto;
}




/**
.hmsec2colL {
    float:left;
    width:47%;
    margin-top:30px;
    border:4px solid transparent;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

.hmsec2colR {
    float:right;
    width:47%;
    margin-top:30px;
    border:4px solid transparent;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
}

.hmsec2colL:hover,
.hmsec2colR:hover {
    border:4px solid #aaaaaa;
}
**/


img.fit {
    display:block;
    width:100%;
    border:none;
}




/*
#homesection1 {
  float:left;
  width:520px;
}

  #homesection1 h1 {
    font-family: 'Abel', sans-serif;
    font-size:22px;
    color:#f5d451;
    letter-spacing:2px;
    margin-bottom:20px;
  }
  
  #homesection1 h1 span {
    display:block;
    margin-bottom:5px;
    font-size:14px;
    color:#dadada;
  }

#homesection2 {
  float:right;
  width:380px;
  position:relative;
}

  #homesection2 p {
    margin-bottom:10px;
    padding-bottom:1px;
    font-family: 'Abel', sans-serif;
    font-size:18px;
    color:#f9f9f9;
    letter-spacing:2px;
    border-bottom:1px solid #696969;
  }
  
  #homesection2 h2 {
    margin-top:5px;
    text-align:center;
    font-family: 'Abel', sans-serif;
    font-size:20px;
    font-weight:normal;
    color:#f9f9f9;
  }
  
  #homesection2 h2 span {
    display:block;
    margin-top:5px;
    font-size:22px;
    font-weight:bold;
    color:#f5d451;
  }
  
  #homesection2 a {
    position:absolute;
    bottom:-30px;
    left:132px;
    font-family: 'Abel', sans-serif;
    font-size:16px;
    color:#a8a8a8;
    text-decoration:none;
  }
  
  #homesection2 a:hover {
    color:#f5d451;
    text-decoration:underline;
  }

*/


/* PAGE */
#pagesection {
  width:960px;
  margin:50px auto;
}

#pgsection1 {
  width:450px;
}

#product-section {
  width:500px;
}


/* Browse Cabinet Design Page */
ul.browse {
  margin-top:5px;
  list-style:none;
  overflow:hidden;
}

ul.browse li {
  float:left;
  width:200px;
}

ul.browse li a {
  font-size:15px;
  color:#ffffff;
  text-decoration:none;
}

ul.browse li a:hover {
  color:#f5d451;
}


ul.browse li a span {
  color:#f5d451;
  font-weight:bold;
}

.browseimg {
  width:500px;
  margin-top:10px;
  position:relative;
}

.browseimg h1 {
  font-family: 'Abel', sans-serif;
  font-size:20px;
  color:#f5d451;
  padding-bottom:1px;
  margin:25px 0 10px;
  width:455px;
  border-bottom:1px solid #f5d451;
}

.browseimg p {
  position:absolute;
  top:9px;
  right:47px;
  font-size:14px;
  color:#ffffff;
}

.browseimg img {
  width:100px;
  height:67px;
  margin-right:10px;
  border:2px solid #dadada;
}

.browseimg a:hover img {
  border:2px solid #f5d451;
} 

.page {
  margin-top:5px;
  width:500px;
  font-size:14px;
  color:#dadada;
}

.page a {
  margin:0 10px;
  color:#ffffff;
  text-decoration:none;
}

.page a:hover {
  color:#f5d451;
  text-decoration:underline;
}


/* Promotion Page */

.promorow {
    margin-top:50px;
    width:100%;
    padding-top:20px;
}

h1.promotion {
  font-family: 'Abel', sans-serif;
  font-size:20px;
  font-weight:normal;
  color:#ffc11f;
  letter-spacing:2px;
    margin-bottom:20px;
}



/*
h1.promotion {
  font-family: 'Abel', sans-serif;
  font-size:18px;
  font-weight:normal;
  color:#ffc11f;
  letter-spacing:2px;
}

p.promotion {
  margin-top:5px;
  font-family: 'Abel', sans-serif;
  font-size:20px;
  color:#f9f9f9;
}

p.promotion span {
  display:block;
    margin-top:5px;
    font-size:22px;
    font-weight:bold;
    color:#f5d451;
}
*/



/* Kitchen Material Page */

.material {
  width:1000px;
  margin-top:10px;
}

.material h1 {
  font-family: 'Abel', sans-serif;
  font-size:20px;
  color:#f5d451;
  padding-bottom:1px;
  margin-bottom:25px;
  width:500px;
  border-bottom:1px solid #f5d451;
 }
 
 .mcolor {
  display:inline-block;
  width:19%;
  margin:30px 4% 0 0;
 }
 
  .mcolor4 {
  margin-right:0;
 }
 
  .mcolor img {
    border:2px solid #eaeaea;
  }
 
 .mcolor p {
    font-size:15px;
    color:#ffffff;
    margin-top:20px;
 }
 
 

/**
table.showcase-one {
  border-collapse:collapse;
  margin-bottom:30px;
}
table.showcase-one td {
  vertical-align:top;
  text-align:center;
  font-size:14px;
  color:#dadada;
  padding:5px 5px 8px;
}

table.showcase-one img {
  width:80px;
  height:118px;
  border:2px solid #dadada;
}

table.showcase-one a:hover img {
  border:2px solid #f5d451;
}
**/


/* Wardrobe Material Page */

.aside {
  float:left;
  width:200px;
}

  ul.materialnav {
    width:200px;
    list-style:none;
  }

  ul.materialnav li {
    margin-bottom:10px;
  }

  ul.materialnav li a {
    font-size:15px;
    color:#ffffff;
    text-decoration:none;
  }

  ul.materialnav li a:hover {
    color:#f5d451;
    text-decoration:underline;
  }
  
  ul.materialnav li a span {
    color:#f5d451;
    font-weight:bold;
  }


.material-section {
  float:right;
  position:relative;
  width:670px;
  padding:30px;
  background:url('images/bg-material.png');
  -webkit-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0px 0px 15px 2px rgba(239,223,161,0.6);
  box-shadow:0px 0px 15px 2px rgba(239,223,161,0.6);
}

.material-gallery {
  position:absolute;
  top:70px;
  right:30px;
  width:auto;
}

.material-gallery img {
  margin-left:12px;
  border:none;
   border:2px solid #666666;
}

.material-gallery a:hover img {
  border:2px solid #f5d451;
}

  .material-section h1 {
    position:absolute;
    bottom:100px;
    right:40px;
    text-align:right;
  }


.appliances-sec {
  width:90%;
  margin-top:30px;
}


a.appliances {
  display:inline-block;
  width:200px;
  height:auto;
  border:2px solid #dadada;
  margin:20px 10px;
}

a.appliances img {
  display:block;
  width:100%;
  border:none;
}











/* Contact Page */

#contact-section {
  width:700px;
}

.contactsection1 {
  float:left;
  width:300px;
  margin-top:30px;
}

address {
  font-size:14px;
  font-style:normal;
  color:#dadada;
  line-height:150%;
}

a.view {
  display:inline-block;
  margin-bottom:25px;
  font-size:14px;
  color:#dadada;
  text-decoration:underline;
}

a.view:hover {
  color:#f5d451;
  text-decoration:none;
}


.contactsection2 {
  float:left;
  width:300px;
  height:400px;
  margin-top:30px;
}

.contactsection2 p {
  font-family: 'Abel', sans-serif;
  font-size:16px;
  color:#f5d451;
}

table.contact {
  margin-top:20px;
  width:300px;
  font-size:14px;
  color:#eeeeee;
  border-collapse:collpase;
}

input.detail {
  margin-bottom:3px;
  padding:3px;
  font-size:15px;
  color:#121212;
  background:#eeeeee;
  border:1px solid #888888;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

textarea {
  width:100%;
  height:120px;
  padding:3px;
  font-family: 'Muli', sans-serif;
  font-size:15px;
  color:#121212;
  background:#eeeeee;
  border:1px solid #888888;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.button {
  margin:3px 0 0 2px;
  padding:4px 10px;
  font-size:14px;
  color:#121212;
  cursor:pointer;
  background:#f5d451;
  border:1px solid #ffffff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.button:hover {
  background:#000000;
  color:#f5d451;
  border:1px solid #f5d451;
}



/* FONT DEFAULT */

h1.article {
  font-family: 'Abel', sans-serif;
  font-size:20px;
  color:#f5d451;
  letter-spacing:1px;
  line-height:130%;
}

h1.article2 {
  font-family: 'Abel', sans-serif;
  font-size:20px;
  color:#f5d451;
  padding-bottom:1px;
  margin-bottom:25px;
  width:500px;
  border-bottom:1px solid #f5d451;
}

h1.material {
  font:45px century;
  color:#ffffff;
  font-style:italic;
}

h1.material span {
  font-size:20px
}


h2.article {
  font-family: 'Abel', sans-serif;
  font-size:16px;
  color:#ffffff;
  letter-spacing:1px;
  line-height:130%;
}



p.article {
  font-size:14px;
  color:#dadada;
  line-height:150%;
}


/* FOOTER */
#footer {
  width:100%;
}

#footer p {
  margin:0 auto;
  padding:10px 0;
  width:960px;
  font-size:12px;
  color:#888888;
  
}