@charset "utf-8";
/* Referances CSS Document */

	/* Reconfiguration left side width */
	#GL_WRAPPER .body .site-content-side{ padding: 0px; margin: 0px; margin-left: 206px; }

	.tab-content-header{
		height: 116px;
		position: relative;
		
		background-image: url(images/tab-content-header-bg.png);
		background-repeat: repeat-x;
		background-position: 0px 100%;
	}
	
	.tab-content-header .tab-content-title{ position: absolute; top: 15px; left: 15px; color: #222; }
	.tab-content-header .tab-content-desc{ position: absolute; top: 40px; left: 22px; color: #666; }
	
	.tab-content-header .tabs{ position: absolute; bottom: 0px; left: 0px; }
	.tab-content-header .tabs UL{ margin: 0px; padding: 0px; padding-left: 10px; list-style: none; }
	.tab-content-header .tabs UL LI{ float: left; margin-left: 5px; line-height: 30px; }
	.tab-content-header .tabs UL LI A, .tab-content-header .tabs UL LI A:visited{ display: block; background-image: url(images/tab-content-left.png); background-repeat: no-repeat; background-position: 0px -41px; padding-left: 3px; text-decoration: none; font-style: normal; color: #6D6F72; }
	.tab-content-header .tabs UL LI A EM, .tab-content-header .tabs UL LI A:visited EM{ display: block; background-image: url(images/tab-content-right.png); background-repeat: no-repeat; background-position: 100% -41px; padding-left: 6px; padding-right: 9px; text-decoration: none; font-style: normal; }
	.tab-content-header .tabs UL LI A:hover{ color: #FFF; text-decoration: none; background-position: 0px -82px; }	
	.tab-content-header .tabs UL LI A:hover EM{ background-position: 100% -82px; }	
	.tab-content-header .tabs UL LI.selected A, .tab-content-header .tabs UL LI A.selected:visited{ background-position: 0px 0px; }
	.tab-content-header .tabs UL LI.selected A EM, .tab-content-header .tabs UL LI.selected A:visited EM{ background-position: 100% 0px; }
	.tab-content-header .tabs UL LI.selected A:hover{ color: #06F; background-position: 0px 0px; }
	.tab-content-header .tabs UL LI.selected A:hover EM{ background-position: 100% 0px; }
	
	
	
	
	/* Design List */
	.design-list{ }
	
	.design-list OL{
		list-style: none;
		margin: 0px;
		padding: 10px;
	}
	
	.design-list OL LI.item{
		display: block;	
		position: relative;
		height: 185px;
		margin-bottom: 10px;
		padding: 5px;
		
		background-image: url(images/tarak-bg.png);
		background-repeat: repeat;
	}
	
	.design-list OL LI.item .img{
		position: absolute;
		top: 5px;
		left: 5px;
	}
	
	.design-list OL LI.item .title{
		position: absolute;
		top: 5px;
		left: 265px;
		right: 5px;
		background-color: #FFF;
		display: block;
		color: #333;
	}
	
	.design-list OL LI.item .title A, .design-list OL LI.item .title A:visited{ color: #333; text-decoration: none; }
	.design-list OL LI.item .title A:hover{ color:#06F; text-decoration: none; }
	
	.design-list OL LI.item .desc{
		position: absolute;
		top: 35px;
		left: 265px;
		right: 5px;
		color: #555;
	}
	
	.design-list OL LI.item .desc .row{
		display: block;
		line-height: 20px;
	}
	
	.design-list OL LI.item .desc .row .label{
		display: block;
		float: left;
		width: 120px;
		font-weight: bold;
	}
	
	.design-list OL LI.item .desc .row .value{
		display: block;
		background-color: #FFF;
		margin-left: 120px;
		margin-right: 5px;
	}
	
	.design-list OL LI.item .link{
		position: absolute;
		bottom: 20px;
		left: 265px;
	}
	
	.design-list OL LI.item .img IMG{
		width: 250px;
		height: 180px;
		border: solid 1px #77776F;
		background-image: url(images/tarak-bg.png);
		background-repeat: repeat;
		background-color: #77776F;
	}
	
	
	.content-area{
		padding: 10px;	
	}