body{
	/*padding-top:5em;*/
	background:url(../img/bg_strip_blue_128.png);
	}

.bk_left{
	background:#585858;
	}
.bk_title{
	/*background:#585858;*/
	background:url(../img/project_content_caption.png) left no-repeat;
	position:relative;
	left:-22px;
	width:103%;
	}
	
	#proj_ksv li {
    height: 130px;
}
	
.menu_left {
	width:300px;
		}	
		
.left_nav{
	width:275px;
	background:#00b5e2;
	
	}
.nav > li > a {
	color:#FFFFFF;
	text-shadow:none !important;
	}
.nav > li > a:hover{
	color:#0088cc;
	
	}

.col_custom{
	width:95%;
	background:#eeefef;
	margin: 0 auto;
	padding:2%;
	}
	
.col_custom_white{
	width:95%;
	padding-left:0;
	margin: 0 auto;
	
	}	
	
.dot {
	border-bottom:dotted 1px #CCCCCC;
	
	}
.tex-blue{
	font-weight:bold;
	color:#0095bf;
	
	}


.left_menu{
	background:url(../img/background_menu.png) left no-repeat;
	height:50px;
	padding-left:40px;
	width:327px;

	}

@font-face {
    font-family: 'supermarket';
    src: url('../fonts/supermarket-webfont.eot');
    src: url('../fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/supermarket-webfont.woff') format('woff'),
         url('../fonts/supermarket-webfont.ttf') format('truetype'),
         url('../fonts/supermarket-webfont.svg#supermarketregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h3 {
	 font-family: 'supermarket' !important;
	 
	}

.m-right{
	margin:0 auto;
	display:table;
	
	
	}
	
/************* Background House Type ******************/
.proj_sk_bk {
	background:url(../img/project_content_header_sk.png) no-repeat left;
	width:100%;
	height:150px;
	
	}


/********************  Custom Button NAV BAR *****************************/

.buttons {
    list-style: none outside none;
    margin: 0 0 48px;
    overflow: hidden;
    padding: 0;
}
.buttons li {
    float: left;
    position: relative;
  
    z-index: 5;
	text-align:center;
}
.buttons li {
    width: 185px;
}

.buttons li a {
    background: none repeat scroll 0 0 #DAA70A;
    border-color: #DAA70A -moz-use-text-color #DAA70A #DAA70A;
    border-style: solid none solid solid;
    border-width: 3px medium 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font: bold 14px 'Times New Roman';
    letter-spacing: 1px;
    min-height: 64px;
    padding: 11px 0 11px 23px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.buttons li a > em {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #DAA70A;
    border-style: solid;
    border-width: 33px 0 33px 11px;
    position: absolute;
    right: -11px;
    top: -3px;
}
.buttons li:first-child + li {
    z-index: 4;
}
.buttons li:first-child + li > a {
    background: none repeat scroll 0 0 #9E9936;
    border-color: #9E9936;
}
.buttons li:first-child + li > a > em {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9E9936;
}
.buttons li:first-child + li + li {
    z-index: 3;
}
.buttons li:first-child + li + li > a {
    background: none repeat scroll 0 0 #728842;
    border-color: #728842;
}
.buttons li:first-child + li + li > a > em {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #728842;
}
.buttons li:first-child + li + li + li {
    z-index: 2;
}
.buttons li:first-child + li + li + li > a {
    background: none repeat scroll 0 0 #466B3A;
    border-color: #466B3A;
}
.buttons li:first-child + li + li + li > a > em {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #466B3A;
}
.buttons li:first-child + li + li + li + li {
    z-index: 1;
}
.buttons li:first-child + li + li + li + li > a {
    background: none repeat scroll 0 0 #662F33;
    border-color: #662F33;
}
.buttons li:first-child + li + li + li + li > a > em {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #662F33;
}
.buttons li:first-child a:hover {
    color: #8B6C0B;
}
.buttons li:first-child + li a:hover {
    color: #726D08;
}
.buttons li:first-child + li + li a:hover {
    color: #506425;
}
.buttons li:first-child + li + li + li a:hover {
    color: #7FAF6F;
}
.buttons li:first-child + li + li + li + li a:hover {
    color: #B4777B;
}





.caption-bottom	{
	/*top:208px;*/
	top:100%;
	}
	
.carousel-inner {
	height:380px;
	}
.carousel-caption{
	background:none;
	}

.green h3,.blue h3,.orange h3,h3{
	background:url(../img/home_project_title_ks.png) no-repeat right;
	margin: 0 0 10px 0;
	height:50px;
	vertical-align:middle;
	font-family:supermarket;
	color:#FFF;
	font-weight:normal;
	padding-right:10px;

	}

table{
	font-size:13px;
	color:#333;
	
	}

tr th{
	background:#35aed3;
	
	}

#myTab li a{
	color:#000000;
	
	}


#myTab li{
	background:#CCCCCC;
	
	
	}

ul.libk li a{
	background:#666666;
	
	}

h3{background:url(../img/h3_bg.png) no-repeat left;
	margin: 0 0 10px 0;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	font-family:supermarket;
	color:#FFF;
	font-weight:normal;
	padding-left:10px;
	
	}

.riggon_project{
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	}
.menu_center{
	margin:0 auto !important;
	
	}
.green{
	background:#aadc33;
	height:450px;
	position:relative;
	}	
.blue{
	background:#26b9ef;
	height:450px;
	}
.orange{
	background:#f05223;
	height:450px;
	}
	
.boxheight{
	height:auto;
	position:relative;
	
	}
	
.body-padding{
	padding:10px;
	
	}
	
#product-carousel .carousel-indicators ,#product-carousel-1 .carousel-indicators ,#product-carousel-2 .carousel-indicators {
top: 0;
right:0;

}

.container{
	background:#FFFFFF;
	}
	


.navbar-inner {
  text-align:center;
}
	
	
@media only screen and (min-width: 900px) {.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

	body{
	/*padding-top:5em;*/
	background:url(../img/bg_strip_blue_128.png);
	}




 }




@media only screen and (min-width: 768px)   {
	
.orange,.green,.blue{
		height:430px;
		overflow:hidden;
	}
	
.navbar .nav > li {
	text-align:left;
	
	}

.navbar-inner {
  text-align:center;
}
 
.caption-bottom	{
	top:100%;
	}
	
.carousel-inner {
	height:380px;
	}
.carousel-caption{
	background:none;
	}
	

}


@media only screen and (min-width: 450px) {
	
	
	
	.navbar .nav > li {
	text-align:left;
		}
	
	
		
	
	
	}




@media screen and (min-width: 320px){
	.carousel-inner,.orange,.carousel-inner,.blue,.carousel-inner,.green{
		height:480px;
		overflow:hidden;
		
	}
	
	
	
	
	
 
}


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
	
.col_custom{
		padding:0 ;
		
		}
	
	
	.caption-bottom {
    top: 100%;
}

.carousel-inner,.orange,.carousel-inner,.blue,.carousel-inner,.green{
		height:490px;
		overflow:hidden;
	}
		
	body,.body-padding{
		background:none;
		padding:0;
		

}
	}