body { background:#fff; padding:0px;font-size:12px; line-height:180%; font-family:Trebuchet MS, Arial, sans-serif; color:#333; margin:0px; border:0px; text-align:justify; }
a, a:hover { text-decoration:none; } a { color:#666; }
* { margin:0px; padding:0px; }
h1 { color:#006699; margin-bottom:10px; }
h2 { color:#019935; font-size:14px; }
input,select,button { border:1px solid #b2b2b2; height:22px; font:100% Arial,Helvetica,sans-serif; }
input,select { height:20px; outline:none; width:200px; }
button { background:#019935; color:#fff; padding:0px 10px; }
button[disabled] { background:#ccc; }
img, video, canvas { max-width:100%; }
p.readmore { text-align:right; }

header { height:100px; display:block; background:url(../images/valluvanad.gif) left center no-repeat; }
header p { padding:15px 10px; text-align:right; }
header div { padding:5px 15px; float:right; }
#maintable { display:table; width:100%; }
#ddnav { display:none; }

nav { background:#5b5a54; color:#fff; display:block; clear:both; line-height:35px; height:35px; width:100%; }
nav ul { list-style:none; }
nav ul li { float:left; }
nav a { padding:0 15px; float:left; color:#fff; border-right:1px solid #ccc; font-weight:bold; }
nav > a { float:right; font-family:Arial; font-size:12px; }
nav a.red { background:#880000; }
nav a.green { background:#008800; }
nav a.blue { background:#000088; }
nav a.navy { background:#008888; }
nav a.dull { background:#888800; }
nav a:hover { background:#999; }
nav a.active { background:#f90; }
nav a.active:hover  { background:#f90; }

@media screen and (max-width:900px) and (min-width:500px) {
	nav { height:70px; }
	nav a { padding:0; text-align:center; }
	nav > a { width:20%; border:0px none; }
	nav ul li { width:20%; }
	nav ul li a { width:100%; }
}

@media screen and (max-width:500px) {
	header { background-position:top center; height:140px; }
	header p { padding:5px 10px; }
	header div { float:none; padding:0; text-align:center; margin-top:70px; }
	#maintable { display:block; }
	nav { display:none; }
	#ddnav { display:block; background:#f90; }
	#ddnav select { display:block; background:#f90; width:99%; margin:auto; padding:10px 0; height:auto; text-align:center; border:0px none; }
	#ddnav select:focus { background:#fcd500; }
}

section.full { display:table-cell; vertical-align:top; padding:20px 20px 0 0; }
section.middle { display:table-cell; vertical-align:top; padding:20px 0; }
section.middle a:hover { color:#060; }
section ul { margin-left:20px; }

div.regallerywrapper { float:left; }
div.regallerywrapper p { text-align:center; }
div.regallery { width:244px; height:139px; border:1px solid #ddd; overflow:hidden; }
div.regallery img { width:240px; margin:2px; }
div.regallerythumbs { width:245px; margin-top:10px; }
div.regallerythumbs img { width:75px; margin:3px; float:left; }
div.regallerythumbs a.cycle-pager-active img { border:1px solid #069; padding:2px; margin:0; }

div.redetails { margin-left:264px; }
div.redetails p { border-bottom:1px dotted #ccc; line-height:300%; }
div.redetails p strong { width:120px; display:block; float:left; }

div.recontact { padding:10px 3px; clear:left; }
div.recontact a { display:block; background:#019935; padding:15px 0; margin-right:3px; color:#fff; text-align:center; font-weight:bold; font-size:18px; }
div.recontact a:hover { color:#ff0; }
div.recontact p { color:#019935; font-weight:bold; font-size:20px; margin-top:18px; }

aside.left { display:table-cell; width:160px; padding:20px; vertical-align:top; }
aside.left a { display:block; color:#363; border-bottom:1px solid #ccc; padding:5px; background:url(../images/ctree.png) 5px center no-repeat; padding-left:20px; font-weight:bold; }
aside.left a:last-child { border-bottom:0px none; }
aside.left a:hover { background-color:#dfd; }
aside.left h3 { background:#51504A; color:#fff; padding:2px 5px; }
aside.left div { border:1px solid #ccc; margin-bottom:15px; }
aside.left p { padding:2px; }

aside.right { display:table-cell; width:300px; padding:20px; vertical-align:top; }
aside.right h2 { background:#51504a; color:#fff; padding:5px 10px; }
aside.right.small { width:200px; }

aside.right div.right { width:300px; margin-bottom:20px; }

div#potd { border:1px solid #51504a; text-align:center; }
div#potd img { border:1px solid #eee; padding:3px; margin-top:10px; }
div#potd div h3,div#potd div p { padding:0px; }
div.featured { height:165px; overflow:hidden; }
div.featured a { display:block; float:left; border:1px solid #eee; background:#fff; padding:2px; text-align:center; margin:0 15px 30px 0; }
div.featured a img { display:block; }

@media screen and (max-width:900px) {
	aside.left { display:block; width:auto; padding-bottom:0px; height:34px; overflow:hidden; }
	aside.left div { height:32px; overflow:hidden; border-bottom:1px solid #ccc; }
	aside.left div.extra { display:none; }
	aside.left a { float:left; border-bottom:0px none; border-right:1px solid #ccc; padding-right:10px; }
	section.middle { padding-left:20px; }
	section.full { padding:20px; }
	aside.right div.right { float:left; margin-right:10px; }
	section.middle { display:block; padding:20px; }
	aside.right, aside.right.small { display:block; width:auto; }
	aside.right img { float:left; margin-right:10px; }
	div#potd img { float:none; margin:0px; }
}
@media screen and (max-width:768px) {
	div.redetails { clear:left; margin-left:0px; }
}
@media screen and (max-width:768px) and (min-width:400px) {
	div.regallerywrapper { float:none; }
	div.regallerywrapper p.info { display:none; }
	div.regallery { float:left; }
	div.regallerythumbs { margin:0 0 0 260px; width:auto; }
	div.recontact a { width:244px; float:left; margin-right:20px; }
	div.recontact p { float:left; margin-bottom:20px; }
}
@media screen and (max-width:480px) {
	div.redetails p { line-height:150%; margin-top:5px; padding-bottom:5px; }
	div.redetails p strong { float:none; }
}
@media screen and (max-width:500px) {
	section.middle { display:block; padding:10px; }
	aside.right { display:block; width:auto; padding:10px; }
	aside.left { padding:10px; height:32px; overflow:hidden; }
	aside.left div { height:32px; overflow:hidden; border-bottom:1px solid #ccc; }
}
@media screen and (max-width:1200px) { /* Real Estate Details page */
	aside.reright { display:block; width:auto; }
	aside.reright ins { margin:10px; }
	section.middle { display:block; }
}
div.glimpse { border:1px solid #51504a; padding:10px; }
div.glimpse strong { clear:left; display:block; width:110px; float:left; }

.news { border:1px solid #ccc; background:#fafafa; vertical-align:top; margin-bottom:20px; }
.news #newspager { float:right; padding-right:20px; }
.news #newspager a { display:block; float:left; padding:2px 7px; line-height:25px; }
.news #newspager .cycle-pager-active { font-weight:bold; color:#000; background:#fafafa; }
.news h2 { background-color:#fefefe; padding:5px 10px; border-bottom:1px solid #ddd;
	background-image:-moz-linear-gradient(top, #ddd, #fff);
	background-image:-ms-linear-gradient(top, #ddd, #fff);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#fff));
	background-image:-webkit-linear-gradient(top, #ddd, #fff);
	background-image:-o-linear-gradient(top, #ddd, #fff);
	background-image:linear-gradient(top, #ddd, #fff);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#fff', GradientType=0);
	height:30px; line-height:30px; margin:0 0 10px 0; padding:0 0 0 15px;  }
.newscontent { padding:0 15px 15px 15px; height:200px; }
.newscontent img { float:right; margin:0 0 10px 15px; }
.newscontent h3 { margin-bottom:5px; }

.grey { border:1px solid #ccc; background:#fafafa; vertical-align:top; margin:20px 0px; }
.grey h2 { background:url(../images/greyhead.gif) repeat-x; height:25px; line-height:25px; margin:0 0 10px 0; padding:0 0 0 15px;  }
.greycontent { padding:0 15px 15px 15px; }

footer { border-top:5px solid #024e28; margin:10px; padding:10px; display:block; clear:both; display:block; text-align:center; color:#666; }
footer a:hover { color:#f00; }

@media screen and (max-width:600px) {
	footer p { text-align:left; float:left; margin-right:20px; }
	footer p a { display:block; }
	footer p span { display:none; }
}

.listing { border:1px solid #51504a; padding:10px; margin:10px 0; height:90px; overflow:hidden; }
.listing h3 { white-space:nowrap; line-height:100%; margin-bottom:6px; }
.listing h4 { white-space:nowrap; margin-bottom:5px; font-size:12px; color:#999; }
.listing img { border:1px solid #ccc; padding:1px; float:left; margin:0 10px 10px 0; width:160px; }
.listing img.logo { width:68px; }
.listing p { float:right; color:#019935; font-weight:bold; border:1px solid #eee; padding:2px 5px; }
.listing a.details { float:left; display:block; background:#019935; color:#fff; font-weight:bold; padding:2px 10px; }
.listing a.details:hover { color:#ff0; }

.form { float:left; }
.form label { display:block; width:140px; text-align:right; margin-bottom:20px; vertical-align:top; float:left; }
.form input, .form select { float:left; width:310px; margin-left:10px; }
.form textarea { outline:none; float:left; width:310px; margin:0 0 20px 10px; border:1px solid #b2b2b2; resize:none; height:90px; font:100% Arial,Helvetica,sans-serif; }
.form button { float:left; margin:0 0 0 10px; font-weight:bold; padding:5px 10px; height:auto; }

@media screen and (max-width:500px) {
	.listing img { display:none; }
	.form label { text-align:left; margin-bottom:0px; margin-top:10px; }
	#recaptcha_widget_div { clear:left; }
	.form input, .form select, .form textarea { width:99%; margin:0px; padding:0px; }
}

/* Youtube Videos */
figure { height:0; padding-bottom:56.25%; position:relative; width:100%; }
figure iframe { height:100%; left:0; position:absolute; top:0; width:100%; }

/*   Lightbox    */
#jquery-overlay { position:fixed; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:fixed; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }