body {
	padding: 0;
	margin: 0;
	background: #eee;
	font-family: Helvetica, Arial , sans-serif;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img {
	clear: both;

}

a {
	text-decoration: none;

}

header {
	background: #BCBEC0;
	width: 100%;
	padding-bottom: 10px;
}

footer {
	background: #BCBEC0;
	width: 100%;
	text-align: center;
}

.hide-text {
	text-indent: -9999px;
}

.wrapper {
	width: 960px;
	margin: auto;
	overflow: hidden;
}

header .wrapper {
	background: #fff;
}

#main-content .wrapper {
	position: relative;
	display: block;
	color: #4D4D4F;
}

.logo {
	float: left;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
}

.youtube {
	display: inline-block;
}
.youtubetext {
	float: right;
	position: relative;
	top: 40px;
	right: 30px;
	font-size: 14px;
}

#top-nav {
	clear: both;
	background: rgb(133,24,27); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(133,24,27,1) 0%, rgba(201,36,43,1) 50%, rgba(133,24,27,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(133,24,27,1)), color-stop(50%,rgba(201,36,43,1)), color-stop(100%,rgba(133,24,27,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85181b', endColorstr='#85181b',GradientType=1 ); /* IE6-9 */
}

#top-nav li {
	font-size: 10pt;
	display: inline-block;
	padding: 12px 50px;
}

#top-nav a {
	color: #fff;
}

#top-nav a:hover, #top-nav a.active {
	color: #ccc;
}

#top-nav ul {
	text-align: center;
	height: 40px;
}

.slider {
	height: 500px;
}

.latest-news {
	position: absolute;
	float: left;
	width: 117px;
	bottom: 0;
	z-index: 11;
	padding: 15px;
	background: #a01c22;
}

.latest-news a {
	font-size: 8pt;
	color: #fff;
}

.latest-news:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 61px solid #a01c22;
	border-right: 25px solid transparent;
	left: 147px;
	top: 0px;
}

.latest-news:before {
	content: '';
	position: absolute;
	top: 0;
	left: 160px;
	width: 15px;
	height: 100%;
	-webkit-transform: skew(22deg);
	-moz-transform: skew(22deg);
	-o-transform: skew(22deg);
	background: rgba(160, 28, 34, .5);
}

.news-listing {
	position: absolute;
	float: left;
	width: 300px;
	padding: 5px 20px 10px 190px;
	bottom: 0;
	z-index: 10;
	background: #FFFFFF;
}

.news-listing ul {
	display: inline-block;
}

.news-listing:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 61px solid #FFFFFF;
	border-right: 25px solid transparent;
	left: 510px;
	top: 0px;
}

.news-listing:before {
	content: '';
	position: absolute;
	top: 0;
	left: 500px;
	width: 45px;
	height: 100%;
	-webkit-transform: skew(22deg);
	-moz-transform: skew(22deg);
	-o-transform: skew(22deg);
	background: rgba(255, 255, 255, .5);
}

.news-listing a, .news-date span {
	font-size: 8pt;
	color: #666;
	padding-left: 5px;
}

.news-date {
	border-left: 1px solid #a01c22;
	margin-left: 10px;
	margin-bottom:5px;
}

.news-date li {
	margin-left: 10px;
}

.sales-enquiry {
	position: absolute;
	float: right;
	bottom: 0;
	right: 0;
	z-index: 11;
	padding: 15px 65px;
	background: #a01c22;
}

.sales-enquiry a {
	font-size: 10pt;
	color: #fff;
}

.sales-enquiry:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 61px solid #a01c22;
	border-left: 25px solid transparent;
	right: 236px;
	top: 0px;
}

.title {
	font-weight: bold;
	font-size: 12pt;
	color: #fff;
}

.carat {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
	display: inline-block;
	margin-right: 5px;
}

.circle {
	width: 7px;
	height: 7px;
	background: #a01c22;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
}

#btm-nav li {
	display: inline-block;
	padding: 15px 0;
}

#btm-nav {
	font-size: 8pt;
}

#btm-nav a {
	color: #000;
}

#btm-nav a:hover {
	color: #666;
}

footer hr {
	border: none;
	background: rgb(133,24,27); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(133,24,27,1) 0%, rgba(201,36,43,1) 50%, rgba(133,24,27,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(133,24,27,1)), color-stop(50%,rgba(201,36,43,1)), color-stop(100%,rgba(133,24,27,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(133,24,27,1) 0%,rgba(201,36,43,1) 50%,rgba(133,24,27,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85181b', endColorstr='#85181b',GradientType=1 ); /* IE6-9 */
	height: 5px;
}

#btm-border-red {
	width: 100%;
	height: 7px;
	background: #a01c22;
	z-index: 13;
	position: relative;
}

#btm-border-white {
	width: 100%;
	height: 7px;
	background: #fff;
	z-index: 11;
	position: absolute;
	bottom: 7px;
}

.promo-btn {
	position: absolute;
	z-index: 8000;
	bottom: 10px;
	right: 320px;
}

.promo-btn a {
	display: block;
	background: url(../images/promo-btn.png) no-repeat;
	width: 143px;
	height: 59px;
}

/*----------------------/ About Us /------------------*/

.left {
	float: left;
	margin: 30px 50px 30px 0;
	padding: 30px;
	background-color: #fff;
	color: #000;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	max-width: 500px;
}

.left h3, #event h3, #enquiry-form h3 {
	margin-top: 0;
	font-size: 15pt;
	font-weight: bold;
	color: #CB242B;
}

.left p {
	margin-top: 0;
	text-align: justify;
	font-size: 10pt;
	color: #6D6E71;
}

.right {
	float: left;
	padding-top: 30px;
}

.right a {
	text-align: center;
	color: #6F7073;
	display: block;
}

/*----------------------/ Contact us /------------------*/

address {
	width: 400px;
	font-size: 10pt;
	font-style: normal;
	display: inline-block;
}

.contact-detail {
	overflow: hidden;
}

.contact-detail h5 {
	color: #CB242B; 
	margin-bottom: 0;
}

.contact-detail .phone {
	font-size: 10pt;
	float: right;
	bottom: 55px;
	position: relative;
	width: 110px;
}

.contact-header img, .contact-header h3 {
	display: inline-block;
	vertical-align: bottom;
}

.contact-header h3 {
	margin: 0;
	margin-left: 115px;
}

/*----------------------/ News & Events /------------------*/

#event {
	width: 850px;
	margin: 20px auto;
	background-color: #fff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 20px;
}

#event div {
	padding: 3px 0;
}

.fancybox img {
	width: 150px;
	height: 100px;
	padding: 3px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.fancybox img:hover {
	background-color: #ebebeb;
	border-color: #adadad;
}

.fancybox {
	padding: 0 3px;
}

/*----------------------/ Projects /------------------*/

#our-project #main-content .wrapper {
	width: 880px;
}

.project-nav h2 {
	text-transform: uppercase;
	display: inline-block;
	color: #CB242B;
}

.project-nav ul, .project-nav li, .project-button li {
	display: inline-block;
}

.project-nav ul {
	margin-left: 40px;
}

.project-nav li a {
	padding: 5px 0;
	background: #6D6E71;
	color: #fff;
	font-size: 10pt;
	width: 210px;
	display: block;
	text-align: center;
}

.project-nav li a:hover, .project-nav li a.active {
	background: #CB242B;
	color: #fff;
}

.project-nav li a.active {
	pointer-events: none;
}

.project-content {
	margin: 10px 0;
}

.project-img, .project-detail {
	float: left;
	height: 155px;
}

.project-detail {
	margin-left: 45px;
	padding-left: 45px;
	border-left: 1px solid #a01c22;
}

.project-detail .title {
	color: #231F20;
	margin-bottom: 10px;
}

.project-detail table {
	color: #58595B;
	font-size: 10pt;
	line-height: 1.75;
	margin-bottom: 10px;
}

.project-detail table td.main-label {
	padding-right: 10px;
}

.project-detail table td.status {
	color: #C92727;
}

.project-button a {
	color: #fff;
	font-size: 10pt;
	width: 75px;
	padding: 5px 0;
	background: #CB242B;
	display: block;
	text-align: center;
	border-radius: 5px;
}

.project-button li {
	margin-right: 20px;
}

/*----------------------/ Projects-Overall /------------------*/

.left-nav {
	position: fixed;
	text-transform: uppercase;
	font-weight: bold;
}

.left-nav li {
	margin-bottom: 1px;
	display: block;
	position: relative;
	font-weight: bolder;
	margin-top: 1px;
}

.left-nav li a {
	font-size: 10pt;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	display: block;
	background: #808285;
	color: #fff;
}

.left-nav li a.active, .left-nav li a:hover {
	background: #CB242B;
}

.project-info {
	padding: 30px 0;
}

.project-info .wrapper {
	width: 670px;

}

.main-img {
	text-align: left;
}

.overview, #location {
	position: relative;
}

.project-video {
	float: left;
	padding-bottom: 20px;
}

.project-contact {
	text-align: right;
	float: left;
}

.feature-list {
	display: inline-block;
	width: 400px;
	padding-bottom: 20px;
	vertical-align: top;
	float: left;
}

.feature-list ul {
	list-style-type: disc;
	margin-left: 20px;
	color: #4D4D4F;
	font-size: 12pt;
	line-height: 1.5;
}

.btn-top {
	background: url(../images/top.png) center center no-repeat; 
	width: 49px;
	height: 49px;
	position: fixed;
	bottom: 100px;
	left: 70%;
}

/*----------------------/ Projects-one-alam-jaya-residences /------------------*/

#one-alam-jaya-residences .project-header {
	background: url(../images/project/alam-jaya-residences/aj-residences-header.jpg) center center no-repeat;
	height: 120px;
}

#one-alam-jaya-residences .project-info {
	background: url(../images/project/alam-jaya-residences/aj-residences-bg.jpg) repeat-y;
	margin-bottom: 20px;
}

#one-alam-jaya-residences h2 {
	color: #357334;
	text-transform: uppercase;
}

#one-alam-jaya-residences .overview button {
	position: absolute;
	padding: 6px 12px;
	top: 0px;
	right: 0px;
	background: #357334;
	border: 1px solid transparent;
	border-color: #2D5B2C;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 10pt;
	font-weight: bolder;
}

#one-alam-jaya-residences p {
	text-align: justify;
	color: #414042;
}

#one-alam-jaya-residences h2 span {
	display: block;
	font-size: 12pt;
	font-weight: normal;
	color: #000;
}

#one-alam-jaya-residences p.contact {
	color: #357334;
	text-align: right;
}

#one-alam-jaya-residences p span.phone {
	display: block;
	font-size: 20pt;
	font-weight: bold;
	color: #58595B;
}

#one-alam-jaya-residences .feature-img {
	background: url(../images/project/alam-jaya-residences/aj-residences-feature.png) center center no-repeat;
	height: 303px;
	width: 215px;
	display: inline-block;
}

#one-alam-jaya-residences .fancybox {
	padding: 0;
	margin: 0;
}

#one-alam-jaya-residences .fancybox img {
	width: 205px;
	height: 133px;
	margin: 3px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#one-alam-jaya-residences #location button {
	position: absolute;
	padding: 6px 12px;
	font-size: 8pt;
	top: 0px;
	right: 0px;
	background: #357334;
	border: 1px solid transparent;
	border-color: #2D5B2C; 
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

#one-alam-jaya-residences #location .map {
	background: url(../images/project/alam-jaya-residences/map.png) center center no-repeat;
	height: 400px;
	width: 550px;
	display: block;
	margin: auto;
}

/*----------------------/ Projects-one-alam-jaya-bizpark /------------------*/

#one-alam-jaya-bizpark .project-header {
	background: url(../images/project/one-alam-jaya-bizpark/aj-bizpark-header.jpg) center center no-repeat;
	height: 120px;
}

#one-alam-jaya-bizpark .project-info {
	background: #fff;
	margin-bottom: 20px;
}

#one-alam-jaya-bizpark .main-img .sold {
	position: absolute;
	top: 10px;
	right: 10px;
}

#one-alam-jaya-bizpark h2 {
	color: #F99F22;
	text-transform: uppercase;
}

#one-alam-jaya-bizpark .overview button {
	position: absolute;
	padding: 6px 12px;
	font-size: 8pt;
	top: 0px;
	right: 0px;
	background: #F99F22;
	border: 1px solid transparent;
	border-color: #D68421; 
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

#one-alam-jaya-bizpark p {
	text-align: justify;
	color: #414042;
}

#one-alam-jaya-bizpark h2 span {
	display: block;
	font-size: 12pt;
	font-weight: normal;
	color: #000;
}

#one-alam-jaya-bizpark p.contact {
	color: #357334;
	text-align: right;
}

#one-alam-jaya-bizpark p span.phone {
	display: block;
	font-size: 28pt;
	font-weight: bold;
	color: #58595B;
}

#one-alam-jaya-bizpark .fancybox {
	padding: 0;
	margin: 0;
}

#one-alam-jaya-bizpark .fancybox img {
	width: 205px;
	height: 133px;
	margin: 3px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#one-alam-jaya-bizpark #location button {
	position: absolute;
	padding: 6px 12px;
	font-size: 8pt;
	top: 0px;
	right: 0px;
	background: #F99F22;
	border: 1px solid transparent;
	border-color: #D68421; 
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

#one-alam-jaya-bizpark #location .map {
	background: url(../images/project/one-alam-jaya-bizpark/map.png) center center no-repeat;
	height: 400px;
	width: 550px;
	display: block;
	margin: auto;
}

/*----------------------/ Projects-alam-jaya-bizpark /------------------*/

#alam-jaya-bizpark .project-header {
	background: url(../images/project/alam-jaya-bizpark/alam-jaya-bizpark-header.jpg) center center no-repeat;
	height: 130px;
	padding-left: 180px;
}

#alam-jaya-bizpark .project-info {
	background: #fff;
	margin-bottom: 20px;
}

#alam-jaya-bizpark h2 {
	color: #4F6B90;
	text-transform: uppercase;
}

#alam-jaya-bizpark .overview button {
	position: absolute;
	padding: 6px 12px;
	font-size: 8pt;
	top: 0px;
	right: 0px;
	background: #4F6B90;
	border: 1px solid transparent;
	border-color: #435C77; 
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

#alam-jaya-bizpark p {
	text-align: justify;
	color: #414042;
}

#alam-jaya-bizpark h2 span {
	display: block;
	font-size: 12pt;
	font-weight: normal;
	color: #000;
}

#alam-jaya-bizpark p.contact {
	color: #4F6B90;
	text-align: right;
}

#alam-jaya-bizpark p span.phone {
	display: block;
	font-size: 28pt;
	font-weight: bold;
	color: #58595B;
	height: 30px;
}

#alam-jaya-bizpark .feature-img {
	background: url(../images/project/alam-jaya-bizpark/alam-jaya-bizpark-feature.png) center center no-repeat;
	height: 360px;
	width: 237px;
	display: inline-block;
}

#alam-jaya-bizpark .fancybox {
	padding: 0;
	margin: 0;
}

#alam-jaya-bizpark .fancybox img {
	width: 215px;
	height: 140px;
	margin: 3px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#alam-jaya-bizpark #location button {
	position: absolute;
	padding: 6px 12px;
	font-size: 14px;
	top: 0px;
	right: 0px;
	background: #4F6B90;
	border: 1px solid transparent;
	border-color: #435C77;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-style: normal;
	font-weight: bold;
}

#alam-jaya-bizpark #location .map {
	background: url(../images/project/alam-jaya-bizpark/map.png) center center no-repeat;
	height: 400px;
	width: 550px;
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

#alam-jaya-bizpark .map-img {
	background: url(../images/project/alam-jaya-bizpark/map-img.png) center center no-repeat;
	height: 104px;
	width: 106px;
	display: inline-block;
	margin: 0 80px;
}

/*----------------------/ OVERALL /------------------*/

.row {
	overflow: hidden;
	padding: 20px 0;
}

.cf {
	clear: both;
}

/*-------------------------- Form --------------------------*/
/*.form {
	left:65%;
	width: 283px;
	height: 378px;
}

form {
	margin-top: -10px;
	height: 300px;
}

input    {
	width:350px;
	margin-top: 0px;
	padding-left: 10px;
	display:block;
	border: 0px;
	height: 25px;
	border-radius: 5px;
	background-color: #EBEBEB;
}

#submit {
	color: #fff;
	font-size: 10pt;
	width: 75px;
	padding: 5px 0;
	background: #CB242B;
	display: block;
	text-align: center;
	border-radius: 5px;
	
}

.error {
	color: #FF0000;
	left: 130px;
	font-size: 12px;
	position: absolute;
	margin-top: 225px;
}*/

#enquiry-form {
	width: 500px;
	margin: 20px auto;
	background-color: #fff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 20px;
}

input, textarea {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	width: 300px;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input#submit {
	width: 80px !important;
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
	cursor: pointer;
}

label.submit {
	text-indent: -9999px;
}

label {
	display: inline-block;
	width: 100px;
	vertical-align: top;
	margin-top: 10px;
}

textarea {
	height: auto;
	font-family: Helvetica, Arial , sans-serif;
	resize:none;
}

.form-group {
	margin: 10px 0;
}

.form-group span {
	display: inline-block;
}

.spmhidip {
	display: none;
}

.error {
	color: #ff0000;
	font-size: 12px;
	font-weight: 700;
}
#top #alam-jaya-bizpark #main-content .wrapper .project-info .wrapper #types table {
	text-align: center;
}
a:visited {
	color: #0E00B8;
}
#top #alam-jaya-bizpark .wrapper .project-info .wrapper #office .googlemaps {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}


/*============== Media query ====================*/

@media (max-width: 1280px) {
	.btn-top {
		left: 80%;
	}
}

@media (max-width: 1024px) {
	.btn-top {
		left: 88%;
	}
}