/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Modelline.co.id
	Version:		1.0
	Last change:	25/02/13 []
	Develop by:		Kennard (Depixell)
	Primary use:	Web Commercial 
	-------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Overlock);


/* INTINIALIZE
==================================================
*/


html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

html
{
/*  background:url(../img/bg-home-repeatx.png) repeat-x;
  height:100%;*/
}

body
{
  color:#666;
  font-family:Overlock, cursive;
  font-size:14px;
/*  background:url(../img/bg-home-center.jpg) top center no-repeat;  
  margin:0 auto -80px;*/
}


a:link
{
  color:#6a6ac6;
  outline:none;
}

h1
{
  color:#666;
  font-family:Overlock, cursive;
  font-size:20px;
  font-weight:400;
  margin:0;
  padding:0;
}


h2{
	font-size:16px;
	font-family:Overlock, cursive;
	font-weight:500;
	margin:0;
	padding:0;
	line-height:30px;
}

.highlight
{
  color:#20208f;
}

.text-bold{
    font-weight:bold;
}

.container
{
  max-width:960px;
  min-width:960px;
}

.wrap{
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -80px;
/*        margin-bottom:  50px;*/

}

.home-wrap{
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -80px;
/*        margin-bottom:  50px;*/

}
.wrap{
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -80px;
/*        margin-bottom:  50px;*/
		background: url(../img/bg-inner-center.jpg) 50% top no-repeat;
}

.s{background-color:#ccc;}
.r{background-color:#333;}

/* HEADER LOGO NAV ETC
==================================================
*/


#logo
{
  background:url(../img/logo.jpg) no-repeat;
  float:left;
  height:55px;
  margin-left:20px;
  margin-top:23px;
  width:315px;
}

.header-bg
{
  background:url(../img/header.png) no-repeat;
  height:110px;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:0;
  width:1020px;
  z-index:50
}

.language{
    position:absolute;
    top:0px;
    right:50px;
    font-family: arial;
    background: #252297;
    padding:3px 10px;
    font-size:12px;
    

}

.language a{
    color: #fff;
}


/* NAVIGATION
========================================*/

#nav
{
  float:left;
  margin-left:45px;
  margin-top:30px;
  background:url(../img/nav-on.png) no-repeat;
  height:25px;
  width:568px;
  z-index:-9999;
}


#navigation
{
  list-style:none;
  margin:0;
  padding:0;
}

#navigation li
{
  float:left;
  position:relative;
  text-indent:-9999px;
}

#navigation a
{
  background:url(../img/nav-off.png) no-repeat;
  display:block;
  height:25px;
  outline:none;
  position:relative;
  width:inherit;
}

#navigation ul { position:absolute; width:160px; list-style:none; margin-left:1px; margin-top:1px; z-index:999;}
#navigation ul li{ width:100%; z-index:999; }

#navigation li span
{
  cursor:pointer;
  display:block;
  left:0;
  position:absolute;
  top:0;
  z-index:999;
}

/*Home Button*/
#navigation li.home{ width:80px; height:25px;}
#navigation li.home a{ background-position:0px 0px;}
#navigation li.home a span{ background:url('../img/nav-on.png') no-repeat; width:80px; height:25px; display:block; background-position:0px 0px;}
#navigation li.home a.selected{background:url('../img/nav-on.png') no-repeat; background-position:0px 0px;}

/*profile Button*/
#navigation li.profile{ width:160px; height:25px;}
#navigation li.profile a{ background-position:-80px 0px;}
#navigation li.profile a span{ background:url('../img/nav-on.png') no-repeat; width:160px; height:25px; display:block; background-position:-80px 0px;}
#navigation li.profile a.selected{background:url('../img/nav-on.png') no-repeat; background-position:-80px 0px;}

/*product Button*/
#navigation li.products{ width:113px; height:25px;}
#navigation li.products a{ background-position:-240px 0px;}
#navigation li.products a span{ background:url('../img/nav-on.png') no-repeat; width:113px; height:25px; display:block; background-position:-240px 0px;}
#navigation li.products a.selected{background:url('../img/nav-on.png') no-repeat; background-position:-240px 0px;}

/* product Child lists and links */
#submenu-products li a{ display:block; width:160px;  }
#submenu-products li.sub-dishrack a{ background:url('../img/dropdown-off.png') no-repeat; background-position:0px 0px; height:32px;}
#submenu-products li.sub-kitchenrack a{ background:url('../img/dropdown-off.png') no-repeat; background-position:0px -32px; height:32px;} 
#submenu-products li.sub-bathroomrack a{ background:url('../img/dropdown-off.png') no-repeat; background-position:0px -64px; height:32px;} 
#submenu-products li.sub-interiorrack a{ background:url('../img/dropdown-off.png') no-repeat; background-position:0px -96px; height:32px;}
#submenu-products li.sub-promotionrack a{ background:url('../img/dropdown-off.png') no-repeat; background-position:0px -127px; height:31px;} 

#submenu-products li a span{ display:block; width:160px !important; }
#submenu-products li.sub-dishrack a span{ background:url('../img/dropdown-on.png') no-repeat; background-position:0px 0px; height:32px;} 
#submenu-products li.sub-kitchenrack a span{ background:url('../img/dropdown-on.png') no-repeat; background-position:0px -32px; height:32px;}
#submenu-products li.sub-bathroomrack a span{ background:url('../img/dropdown-on.png') no-repeat; background-position:0px -64px; height:32px;}
#submenu-products li.sub-interiorrack a span{ background:url('../img/dropdown-on.png') no-repeat; background-position:0px -96px; height:32px;}
#submenu-products li.sub-promotionrack a span{ background:url('../img/dropdown-on.png') no-repeat; background-position:0px -127px; height:31px;}

/*clients Button*/
#navigation li.clients{width:90px; height:25px;}
#navigation li.clients a{background-position:-352px 0px;}
#navigation li.clients a span{background:url('../img/nav-on.png') no-repeat; width:90px; height:25px; display:block; background-position:-352px 0px;}
#navigation li.clients a.selected{background:url('../img/nav-on.png') no-repeat; background-position:-352px 0px;}

/*contact Button*/
#navigation li.contact {width:123px; height:25px;}
#navigation li.contact a{background-position:-442px 0px;}
#navigation li.contact a span{background:url('../img/nav-on.png') no-repeat; width:123px; height:25px; display:block; background-position:-442px 0px;}
#navigation li.contact a.selected{background:url('../img/nav-on.png') no-repeat; background-position:-442px 0px;}


/*END NAVIGATION*/


/* SUB NAV
================================================== */

#subnav
{
  height:60px;
  width:980px;
  margin:0 auto;
  background-color:transparent;
  background:url(../img/subnav-off.png) no-repeat;
}

#subnavlist
{
  margin:0;
  padding:0;
  position:relative;
}

#subnavlist li
{
  float:left;
  list-style:none;
  padding:0;
}

#subnavlist li,#subnavlist a
{
  display:block;
  height:60px;
}

#dishrack
{
  background:url(../img/subnavsprites.png) 0 0;
  left:0;
  width:235px;
}

#dishrack a:hover,#dishrack.selected
{
  background:url(../img/subnavsprites.png) 0 -60px;
}

#kitchenrack
{
  background:url(../img/subnavsprites.png) -235px 0;
  left:235px;
  width:145px;
}

#kitchenrack a:hover,#kitchenrack.selected
{
  background:url(../img/subnavsprites.png) -235px -60px;
}

#bathroomrack
{
  background:url(../img/subnavsprites.png) -380px 0px;
  left:380px;
  width:165px;
}

#bathroomrack a:hover,#bathroomrack.selected
{
  background:url(../img/subnavsprites.png) -380px -60px;
}

#interiorrack
{
  background:url(../img/subnavsprites.png) -545px 0;
  left:545px;
  width:150px;
}

#interiorrack a:hover,#interiorrack.selected
{
  background:url(../img/subnavsprites.png) -545px -60px;
}

#promotionrack
{
  background:url(../img/subnavsprites.png) -695px 0;
  left:695px;
  width:285px;
}

#promotionrack a:hover,#promotionrack.selected
{
  background:url(../img/subnavsprites.png) -695px -60px;
}


/* HOME SPECIALIZE
================================================== */


.home-header-wrap{
  background: url(../img/bg-home-center.jpg) 50% top no-repeat;
  background-color: #fff;
  height: 790px;
  overflow: hidden;
  min-width: 1100px;
  z-index: 2;
  position: relative;
}

.home-article-wrap
{
  margin-bottom:20px;
  position:relative;
}

.home-article-box
{
  float:left;
  margin-left:30px;
  width:300px;
}

.home-article-box:first-child
{
  margin-left:0px;
}

.home-article-title
{
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
}

a.home-article-btn
{
  background:url(../img/btn-findoutmore.jpg) no-repeat;
  display:block;
  height:21px;
  margin-bottom:20px;
  margin-top:20px;
  text-indent:-9999px;
  width:108px;
}

.home-article-img
{
  padding-left:10px;
}

.home-article-client
{
  margin-top:10px;
}

/* HOME PRODUCT FEATURE
================================================== */

.content{

}

.home-product-wrap
{
  position:relative;
  z-index:11;
  margin:-260px auto 20px;
}

.home-product-box
{
  background:url(../img/home-productlink-bg.png) no-repeat;
  float:left;
  height:258px;
  margin-left: 15px;
  width:180px;
}

.home-product-box:first-child{
  margin-left: 0px;
}

.home-product-banner
{
  margin:5px;
}







/* PAGE
================================================== */


.header-wrap{
  height: 435px;
  margin: 0 auto;
  width: 980px;
  z-index:2;
}

#page-header-company{
	  background: url(../img/bannerpage-company.jpg) no-repeat;
}

#page-header-product-dish{
	  background: url(../img/bannerpage-product-dish.jpg) no-repeat;
}

#page-header-product-kitchen{
	  background: url(../img/bannerpage-product-kitchen.jpg) no-repeat;
}

#page-header-product-bathroom{
	  background: url(../img/bannerpage-product-bathroom.jpg) no-repeat;
}

#page-header-product-interior{
	  background: url(../img/bannerpage-product-interior.jpg) no-repeat;
}

#page-header-product-promotion{
	  background: url(../img/bannerpage-product-promo.jpg) no-repeat;
}

#page-header-client{
	  background: url(../img/bannerpage-client.jpg) no-repeat;
}

#page-header-contact{
	  background: url(../img/bannerpage-contact.jpg) no-repeat;
}

.page-content{
	margin-top:0px;
}

.page-title{
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
  margin-left:10px;

}


.page-left-column{
  float: left;
  width: 690px;
  margin-left:10px;
  text-align: justify;
}
.page-right-column{
  float: left;
  width: 230px;
  margin-left: 30px;
}

.page-right-column img{
  margin-bottom:10px; 
  display:block;
}

.page-full-column{
	float:left;
	margin-left:10px;
		margin-top:10px;
}


p.client-logobar{
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:20px;
}




/* contact us 
===================================================== */


.contact-left-column{
  float: left;
  width: 300px;
  margin-left:10px;
}
.contact-right-column{
  float: left;
  width: 630px;
  margin-left: 20px;
}

.address-indent{
	margin-left:22px;
}

.contact-form td{
	vertical-align:top;
	padding:5px 0 5px 0;
}
.contact-form tr > td:nth-child(1){
	width:100px;
	text-align:left;
}
.contact-form tr > td:nth-child(2){
	width:60px;
	text-align:center;
}
.contact-form tr > td:nth-child(3){
	text-align:left;
}							
.contact-form input[type=text]{
	background:#E2E1F1;
	-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
			border-radius:15px;
	height:21px;
	font-size:13px;
	line-height:13px;
	padding:0 10px 0 10px;
	width:470px;
	border:0;
}
.contact-form textarea{
	background-color:#E2E1F1;
	-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
			border-radius:15px;
	height:100px;
	border:0;
	width:470px;

}
.field-captcha{
	text-align:left !important;
}
.field-captcha img{
	vertical-align:top;
	margin-right:10px;
}
.input-captcha{
	width:150px !important;
}
.contact-submit{
	background-color:#322FA0;
}

.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-purple {
  line-height:13px !important;
  width:95px;
  font-size:13px;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #242097;
  *background-color: #242097;
  background-image: -moz-linear-gradient(top, #5453BB, #242097);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5453BB), to(#242097));
  background-image: -webkit-linear-gradient(top, #5453BB, #242097);
  background-image: -o-linear-gradient(top, #5453BB, #242097);
  background-image: linear-gradient(to bottom, #5453BB, #242097);
  background-repeat: repeat-x;
  border-color: #5453BB #5453BB #242097;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5453BB', endColorstr='#242097', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  outline:none;
  vertical-align:top;
  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
		  border-radius:15px;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.btn-purple.disabled,
.btn-purple[disabled] {
  color: #ffffff;
  background-color: #242097;
  *background-color: #242097;
}

.btn-purple:active,
.btn-purple.active {
  background-color: #242097 \9;
}						



/* PRODUCTS
================================================== */

ul.product-list{
	margin:0;
	padding:0;
	text-indent:0;
	display:inline;

}

.product-bg{
	width:150px;
	background:url(../img/thumb-bg.png) no-repeat;
	height:184px;

}

ul.product-list li{
	list-style:none;
	float:left;
	margin-right:10px;
	margin-bottom:10px;

}

ul.product-list li:nth-child(6n+6){

	margin-right:0px;

}


.product-list img{
	width:140px;
	height:174px;
	margin:5px;
	border-radius:10px;
}



#viewall{
	margin:15px 0 15px 10px;
}







/* CAROUSEL
==================================================*/



.carousel > .container
{
/*  max-width:1020px;*/
}

.carousel .container
{
  position:relative;
  z-index:9;
}

.carousel-control
{
  background-color:transparent;
  border:0;
  font-size:120px;
  height:80px;
  margin-top:0;
  text-shadow:0 1px 1px rgba(0,0,0,.4);
  z-index:10;
}

.carousel .item
{
  height:565px;
}

.carousel img
{
  height:565px;
  margin:0 auto;
  width:980px;
}








/* FOOTER
==================================================*/


.push{ height:80px}

footer
{
  background:url(../img/footer-gradient-repeatx.jpg) repeat-x;
  background-color:#333;
  color:#c5c5ff;
  font-size:12px;
  height:80px;
  width:100%;
  margin-top:20px;
}

footer > .container{
}

footer a
{
  color:#fff !important;
}

#footer-wrap
{
  background:url(../img/footer-bg.jpg) no-repeat;
  height:80px;
  margin:0 auto;
  width:980px;
  position:relative;
}

#footer-inner
{
  height:20px;
  margin: 0 auto;
  padding-top:50px;
  position:relative;
  width:920px;
}

.dot
{
  margin-left:10px;
  margin-right:10px;
}

#footer-nav.dot:last-child
{
  margin-right:0;
}



/* RESPONSIVE
==================================================*/


/* Large desktop */
@media (min-width: 1200px) {  }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

/*	.home-header-wrap{
		min-width:767px;
		height:433px;
	}
	#full-width-slider {
		width:767px !important;
	}
	.header-bg{
		width:767px;
	}
	.wrap > .container{ width:767px; padding:0; margin:0;}

	.home-product-wrap {
		margin: -80px auto 20px;
		position: relative;
		z-index: 11;
		width:767px;
	}	
	.home-product-box:nth-child(4n+4){
		clear:both;
		margin:0 auto;
		padding:0;
		
	}*/
}
 
/* Landscape phones and down */
@media (max-width: 480px) { }