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

body {
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 25px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	color: #FFFFFF;
	text-align: justify;
	background-color: #000000;
	
	}
#contenthome h1 {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: normal;
	}
#wrapper {
	width: 100%;
	width: 1000px;
	min-width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}
#wrapperfooter {
	width: 100%;
	width: 1000px;
	min-width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	background-image: url(../assets/background/footer.png);
	background-repeat: no-repeat;
	}
#header {
	height: 95px;
	width: 100%;
	background-image: url(../assets/headerblk2.jpg);
	background-repeat: no-repeat;
}
#mainholderblk {
	height: 350px;
	width: 1000px;

}
#wrapper #mainholderblk #imageholder {
	height: 350px;
	width: 1000px;
}
#wrapper #imageholder4 {
	height: 425px;
	width: 1000px;
	clear: left;
	position: relative;
}
#wrapper #imageholder4 .tag {
   float: left;
   width:auto;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 99;
   padding: 10px;
   color: #E6007E;
   font-weight: normal;
   font-size: 24px;
   line-height: 35px;
   margin-left:30px;
   margin-top:300px;
   background-color:#000000;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   XXopacity: 0.8;
    XXfilter: alpha(opacity=80); /* For IE8 and earlier */
	}

#wrapper #imageholder4 .tag h1{
  font-size:30px;
   font-weight: normal;
}
#wrapper #imageholder4 .tag550 {
   float: left;
   width:auto;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 99;
   padding: 20px;
   color: #FFFFFF;
   font-weight: normal;
   font-size: 12px;
   margin-left:30px;
   margin-top:30px;
   width:550px;
   background-color:#000000;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   XXopacity: 0.8;
    XXfilter: alpha(opacity=80); /* For IE8 and earlier */
	}

#wrapper #imageholder4 .tag550 h1{
  font-size:30px;
   font-weight: normal;
}
#wrapper #imageholder4 .tag550 a{
  color: #E6007E;
  text-decoration:none;
}
#wrapper #imageholder4 .tag550 a:hover{
  color: #FFFFFF;
  text-decoration:none;
}
#wrapper #imageholder4 .tag900 {
   float: left;
   width:auto;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 99;
   padding: 20px;
   color: #FFFFFF;
   font-weight: normal;
   font-size: 12px;
   margin-left:30px;
   margin-top:30px;
   width:900px;
   background-color:#000000;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   XXopacity: 0.8;
    XXfilter: alpha(opacity=80); /* For IE8 and earlier */
	}
#wrapper #imageholder4 .tag900 a{
  color: #E6007E;
  text-decoration:none;
}
#wrapper #imageholder4 .tag900 a:hover{
  color: #FFFFFF;
  text-decoration:none;
}

.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #999999,
    1px -1px 0 #999999,
    -1px 1px 0 #999999,
    1px 1px 0 #999999;  
}
#wrapper #imageholder5 {
	height: 375px;
	width: 1000px;
	clear: left;
}
#imageholder {
	height: 350px;
	width: 1000px;

}
#mainholder {
	height: 520px;
	width: 1000px;

}
#mainholder2 {
	height: 520px;
	width: 1000px;
	
}
#wrapper #mainholder #imageholder {
	float: left;
	height: 520px;
	width: 680px;
}

#wrapper #mainholder2 #tabholder {
	float: left;
	width: 640px;
}
#wrapper #mainholder #colrh {
	background-color: #99CCFF;
	float: right;
	height: 520px;
	width: 320px;
}
#wrapper #mainholder2 #colrh2 {
	background-color: #99CCFF;
	float: right;
	height: 720px;
	width: 320px;
}
#wrapper #mainholder #colrh #grabber {
	background-color: #FFFFFF;
	height: 480px;
	width: 284px;
	margin-top: 30px;
	margin-left: 18px;
}
#wrapper #mainholder2 #colrh2 #grabber2 {
	background-color: #FFFFFF;
	height: 650px;
	width: 284px;
	margin-top: 30px;
	margin-left: 18px;
}


#wrapper #spacer30 {
	height: 30px;
	width: 1000px;
}
#wrapperlwr .spacer30 {
	height: 30px;
	width: 1000px;
}
#wrapperlwr .spacer30wht {
	height: 30px;
	width: 1000px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#wrapper #spacer30arrow {
	height: 55px;
	width: 1000px;
	background-image: url(../assets/arrowdown.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#wrapperlwr .spacer30arrow {
	height: 50px;
	width: 1000px;
	background-image: url(../assets/arrowdown.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#wrapper #spacer30clear {
	height: 30px;
	width: 1000px;
	clear:both;
}

#wrapper #mainholder #colrh #grabber h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../assets/background/h1.jpg);
	height: 31px;
	width: 284px;
	font-size: 12px;
	margin-top: 0px;
	text-align: center;
	line-height: 15px;
	font-weight: normal;
	padding-top: 14px;
}
#wrapper #mainholder2 #colrh2 #grabber2 h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../assets/background/h1.jpg);
	height: 31px;
	width: 284px;
	font-size: 12px;
	margin-top: 0px;
	text-align: center;
	line-height: 15px;
	font-weight: normal;
	padding-top: 14px;
}
#wrapper #mainholder2 #colrh2 #grabber2 p {
	padding: 10px;
}
#wrapper #mainholder .galleryimg {
	float: left;
	height: 145px;
	width: 220px;
	margin-right: 40px;
	margin-bottom: 40px;
}
#wrapper #mainholder .galleryimglast {
	float: left;
	height: 145px;
	width: 220px;
	margin-bottom: 40px;
}
#wrapperlwr {
	width: 100%;
	width: 1000px;
	min-width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
							}
#wrapperlwr .spacer30 {
	height: 30px;
	width: 1000px;
}
#bannerholder {
	width: 1000px;
	background-image: url(../assets/bannerbkg2.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #717171;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6007E;
	height: 231px;
		}
		#bannerholder2 {
	width: 1000px;
	background-image: url(../assets/bannerbkg2.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #717171;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6007E;
	height: 250px;
		}
	.bannermedia H1{
	padding-left: 20px;
	padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannermedia H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannermedia {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/villamaya1.jpg);
	background-repeat: repeat-x;
		}
		.bannermedia:hover {
	background-image: url(../assets/background/villamaya1b.jpg);
	background-repeat: repeat-x;
		}
		
.bannersrj {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/villamaya2.jpg);
	background-repeat: repeat-x;
		}
.bannersrj:hover {
	background-image: url(../assets/background/villamaya2b.jpg);
	background-repeat: repeat-x;
		}
.bannersrj H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

.bannersrj H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannertsrc H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

.bannertsrc H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannertsrc {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/villamaya3.jpg);
	background-repeat: repeat-x;
		}
.bannertsrc:hover {
	background-image: url(../assets/background/villamaya3b.jpg);
	background-repeat: repeat-x;
		}
.bannerupvc H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannerupvc H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannerupvc {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/villamaya4.jpg);
	background-repeat: repeat-x;
		}
.bannerupvc:hover {
	background-image: url(../assets/background/villamaya4b.jpg);
	background-repeat: repeat-x;
		}
.bannercurrent H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannercurrent H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannercurrent {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/current1.jpg);
	background-repeat: repeat-x;
		}
.bannercurrent:hover {
	background-image: url(../assets/background/current2.jpg);
	background-repeat: repeat-x;
		}
.bannerrequire H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannerrequire H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannerrequire {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/Required1.jpg);
	background-repeat: repeat-x;
		}
.bannerrequire:hover {
	background-image: url(../assets/background/Required2.jpg);
	background-repeat: repeat-x;
		}

.bannerland {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/land1.jpg);
	background-repeat: repeat-x;
		}
.bannerland:hover {
	background-image: url(../assets/background/land2.jpg);
	background-repeat: repeat-x;
		}
.bannerland H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannerlandhalf {
	height: 250px;
	width: 499px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/landup.jpg);
	background-repeat: repeat-x;
		}
.bannerlandhalf:hover {
	background-image: url(../assets/background/landdown.jpg);
	background-repeat: repeat-x;
			}
.bannerlandhalf H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannerlandhalf:hover H1 {
	color:#E6007E;
	}
.bannerdevelopmenthalf {
	height: 250px;
	width: 499px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/developmentsup.jpg);
	background-repeat: repeat-x;
		}
.bannerdevelopmenthalf:hover {
	background-image: url(../assets/background/developmentsdown.jpg);
	background-repeat: repeat-x;
		}
.bannerdevelopmenthalf H1{padding-left: 20px;
padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannerdevelopmenthalf:hover H1 {
	color:#E6007E;
	}
.bannertd H1{
	padding-left: 20px;
	padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.bannertd H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
.bannertd {
	height: 231px;
	width: 249px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #252525;
	background-image: url(../assets/background/previous1.jpg);
	background-repeat: repeat-x;
		}
		.bannertd:hover {
	background-image: url(../assets/background/previous2.jpg);
	background-repeat: repeat-x;
		}

.bannerbedroom H2{
	padding-left: 20px;
	margin-bottom: 15px;
}
#footerholder {
	background-color: #000000;
	height: 50px;
	width: 100%;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
#footerholder #footer {
	width: 100%;
	width: 1000px;
	min-width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../srj_assets/footer.jpg);
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 15px;
	color: #ffffff;
	font-size: 10px;
	padding-top: 2px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
						}
#footerholder #footer2 {
	width: 100%;
	width: 1000px;
	min-width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../srj_assets/footer.jpg);
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 15px;
	color: #ffffff;
	font-size: 10px;
	padding-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
						}
#wrapperlwr #contenthome .spacer30 {
	height: 30px;
	width: 1000px;
	clear: left;
}
#menuholder{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6007E;
}

#wrapper #imageupper {
	background-image: url(../s3Slider/main/);
	background-repeat: no-repeat;
	height: 30px;
	width: 980px;
	clear: left;
}
#wrapper #content #contentmainrh {
	float: right;
	width: 450px;
	height: 270px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: justify;
}
#wrapper #content #contentmainrhdetail {
	float: right;
	width: 450px;
		text-align: justify;
	padding-bottom: 60px;
}
#wrapper #content #contentmainlhdetail {
	float: left;
	width: 450px;
	text-align: justify;
	padding-bottom: 60px;
}
#wrapper #content  #contentmainrh h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#wrapper #content  #contentmainrhdetail h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#wrapper #content  #contentmainlh {
	float: left;
	width: 450px;
	height: 270px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	text-align: justify;
}
#wrapper #content  #contentmainlh h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#contentlist{
	width: 1080px;
	background-image: url(../assets/mainbkg/list.jpg);
	background-repeat: repeat-y;
}
#wrapper #contentlist .listholder {
	height: 254px;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #666666;
}
#wrapper #contentlist .listholder .imageholder {
	height: 220px;
	width: 230px;
}
#wrapper #contentlist .listholder:hover {
	border: 1px solid #E6007E;
}
#wrapper #contentlist .listholder .imageholder img {
	margin-top: 15px;
	background-position: center center;
	margin-left: 15px;
}
#wrapper #contentlist .listholder .imageholder .projectdesc {
	text-align: center;
	color: #CCCCCC;
	padding-top: 15px;
}
#wrapper #contentlist .listholder .projecttitle {
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	background-color: #1A1A1A;
	height: 29px;
}
#wrapper #contentlist #projectclear {
	clear: left;
	height: 274px;
	width: 1080px;
}

#mainfixed #wrapper #imageholder4 .tag .callnow {
	background-image: url(../assets/background/logosmall.jpg);
	background-repeat: no-repeat;
	background-position: left;
}