/* CSS Document */
*{ margin:0; padding:0; border:0; font:11px Arial, Helvetica, sans-serif;}
body{ background:url(../img/page_bg.gif) repeat-x top;}
a{ text-decoration:none; color:#000; outline:none;}
.clear{ clear:both;}
.nobg{ background:none !important;}
.br_small{ line-height:5px;}
.txt-right{ text-align:right !important;}
strong{ font-weight:bold;}
.img_left{ float:left; padding:0px 20px; padding-left:0;}
.ico_left{ float:left; padding:10px 20px; padding-left:0;}
.red{ background:red; color:#fff; padding:1px 3px;}
.green{ background:green; color:#fff; padding:1px 3px;}
.br_small{line-height:5px;}
.body1{background:url(../img/page_bg1.gif) repeat-x top;}
.green{ background:#a5dd7d;border-right:1px solid #a5dd7d;border-bottom:1px solid #a5dd7d;}
.red{ background:#f8838c;border-right:1px solid #f8838c;border-bottom:1px solid #f8838c;}
.blue{ background:#0000b4;border-right:1px solid #0000b4;border-bottom:1px solid #0000b4;}
.blank, .blank:hover{ background:#fff !important;border:1px solid #fff !important;}
.h1red{ color:red;font-size:16px;  font-weight:bold; }
.hr{ width:100%; clear:both; margin:10px; height:1px;}
.syosys{ float:right; width:200px;}
.br1{ clear:both; line-height:7px;}

#page{ margin:auto; width:960px; margin-top:5px;}
#page #logo{ margin-left:40px; float:left; width:100px;}

#page #menu{ margin:22px 12px 22px 22px;margin-bottom:0;  float:right; clear:none;}
#page #menu a{ font:17px Georgia, "Times New Roman", Times, serif; padding:3px 20px 18px 20px; color:#627688;  background:url(../img/bg_menu.gif) no-repeat center top; display:block; float:left; width:55px; text-align:center; margin:1px;}
#page #menu a:hover{  background:url(../img/bg_menu.gif) no-repeat center bottom;}
#page #menu .active, #page #menu .active:hover{background:url(../img/bg_menu_small_active.gif) no-repeat center; color:#fff;}



#dineshbuilders { float:left; margin:39px 0 0; clear:both;}
.flashmovie{ float:left; position:relative;}
.flashmovie .bookapartment{ position:absolute; top:165px; left:0;}

#leftpanel{ width:650px; float:left; margin-right:20px; height:455px; padding-top:5px;}
#leftpanel h1{ font:20px  Georgia, "Times New Roman", Times, serif; color:#576d7b; padding-top:15px; border-bottom:1px dashed #bfc8ce; width:630px; margin-left:10px;}
#leftpanel h1 a{ font:20px  Georgia, "Times New Roman", Times, serif; color:#576d7b; padding-top:20px; border-bottom:1px dashed #bfc8ce; width:630px; background:url(../img/bg_latest.gif) no-repeat left bottom; color:#314655; padding:5px 10px;}
#leftpanel h1 span{ color:#a19f9f; font: 14px Georgia, "Times New Roman", Times, serif}
#leftpanel p{ padding:10px; color:#5c5d5d; line-height:16px;}
#leftpanel .features{ background:url(../img/bg_features.gif) repeat-x bottom; height:100px; }
#leftpanel .features li{ float:left; display:block; width:80px; margin:0px; list-style:none; border-right:1px dotted #000; text-align:center;padding:10px 0 0;}
#leftpanel .features li img{ padding-bottom:10px;}
#leftpanel .features .end{ border:0;}
#leftpanel .features a:hover{color:#d50c0c;}

#rightpanel{ width:250px; float:right;height:460px; padding-top:5px; background:url(../img/bg_logo_db.gif) repeat-x bottom;}
#rightpanel h1{ font:20px  Georgia, "Times New Roman", Times, serif; color:#546b79;padding-top:15px; border-bottom:1px dashed #bfc8ce; width:240px; margin-left:10px;}

#rightpanel .map{ border:5px solid #dde2e6; margin-top:5px;}
#rightpanel ul{ padding-top:18px; margin-left:10px;}
#rightpanel li{ list-style:none; background:url(../img/but1.gif) no-repeat 30% -15%; padding:10px 28px;}
#rightpanel li:hover{background:url(../img/but1.gif) no-repeat 30% 100%;}
#rightpanel .book{background:url(../img/but2.gif) no-repeat 30% -15%;}
#rightpanel .book:hover{background:url(../img/but2.gif) no-repeat 30% 100%;}
#rightpanel .booknow{ background:url(../img/ico_book.gif) no-repeat left; padding:10px 20px 10px 55px; display:block; }
#rightpanel .enquiry{ background:url(../img/ico_email.gif) no-repeat left; padding:10px 20px 10px 55px; display:block; }
#rightpanel a em{font: bold 12px Arial, Helvetica, sans-serif;}
#rightpanel #dineshbuilders{ margin:28px 0 0 20px;}
#rightpanel p{padding:10px; color:#5c5d5d; line-height:18px;}

#bottommenu{ clear:both; height:20px; padding:20px; text-align:center; color:#fff;}
#bottommenu a{ color:#fff; border-right:1px dotted #fff; padding:2px 30px; font-size:12px;}
#bottommenu a:hover{ text-decoration:underline;}

#footer{ clear:both; text-align:center;height:10px; padding:10px;}
#footer a{color:#587483;}
#footer a:hover{ text-decoration:underline;}
#seopanel{clear:both; text-align:center;height:10px; padding:20px; color:#587483;}
#seopanel a{color:#587483;}
#seopanel a:hover{ text-decoration:underline; color:#587483;}

#projects { margin-top:20px; width:940px;height:595px;}
#projects h1{ border:0; height:30px;}
#projects h1 a{ display:block; float:left; width:148px; height:25px; padding-top:5px;font:18px  Georgia, "Times New Roman", Times, serif; color:#000; background:url(../img/tab_off.gif) no-repeat; text-align:center; margin-right:3px;}
#projects h1 a:hover{ color:#fff;}
#projects h1 .active{ background:url(../img/tab_on.gif) no-repeat; color:#fff;}
#projects #tab1, #tab2, #tab3{ width:920px; height:510px; border:1px solid #7c92a0; border-top-width:3px; padding:20px; background:#fff; display:none;}
#projects #tab1 { display:block;}
#projects #tab1 h1, #tab2 h1, #tab3 h1{border:0; height:30px; font-size:18px;}
#projects #tab1 p, #tab2 p, #tab3 p{float:left; display:block; width:500px;}

#projects .sublinks{ float:left;display:block; margin:10px 10px 0 0; width:720px; border-bottom:3px solid #556c7a }
#projects .sublinks li{ padding:5px; background:#7c92a0; padding:5px 10px; list-style:none; display:block; float:left; margin:2px 2px 0 0;}
#projects .sublinks li:hover{ background:#728896;}
#projects .sublinks li a{ color:#fff; font-weight:bold;}
#projects .sublinks .active,#projects .sublinks .active:hover{ background:#556c7a;}


#projects .highlights{ float:right; clear:both !important; display:block !important; width:160px !important; }
#projects .highlights .heading{ border-bottom:1px solid #000 !important; font-size:18px; font-weight:normal; padding:0; margin:0; width:150px !important;}
#projects .highlights li{ padding:5px; padding-left:18px; margin:2px; list-style:none; background:url(../img/ico_tick.gif) no-repeat left; font-weight:bold;}

#projects #tab1 div{ width:720px; clear:left; display:none; }
#projects #tab1 div .availability{ border:0; margin:10px 0; width:720px;}
#projects #tab1 div .availability th{ background:#7c92a0; color:#fff;padding:5px; font-weight:bold;border-left:1px solid #fff;border-top:1px solid #fff;}
#projects #tab1 div .availability td{ padding:2px; margin:0; text-align:center; border-left:1px solid #fff;border-top:1px solid #fff;color:#fff;}
#projects #tab1 div .availability td:hover{ background:#000; color:#fff; border:1px solid #000;}
#projects #tab1 div .availability td a{ color:#000;padding:5px; display:block;}
#projects #tab1 div .availability td a:hover{ color:#fff;}
#projects #tab1 div .availability .header,#projects #tab1 div .availability .header:hover{ color:#000; text-align:left; font-size:14px; font-weight:bold; background:#fff; border:0;}
#projects #tab1 div .availability .header img{ margin-left:20px;}
#projects #tab1 div .availability .footer,#projects #tab1 div .availability .footer:hover{ color:red; background:#fff; border:0;}

#projects #tab1 div .floorplans{border:0; margin:10px 0; width:720px;}
#projects #tab1 div .floorplans td{ padding:8px;}
#projects #tab1 div .floorplans th{ padding:8px; font-weight:bold ; font-size:14px; border-bottom:2px solid #000;}

#projects #tab1 div .photos{border:0; margin:5px 0;}
#projects #tab1 div .photos img{border:5px solid #8d9da7; margin:10px; width:150px; height:110px;}

#projects #tab2  .photos{border:0; clear:both; width:100%; margin-top:20px;}
#projects #tab2  .photos img{border:5px solid #8d9da7; margin:0 20px 25px 0; width:150px; height:110px;}

#leftpanel .contact{width:350px;height:280px;display:block; float:left; padding:20px; padding-top:80px;background:#cdd5dc url(../img/contact_bg.gif) no-repeat top; margin:5px;}
#leftpanel .contact label{ display:block;width:80px; float:left; text-align:justify;}
#leftpanel .contact input{width:250px; height:15px; padding:2px 5px;}
#leftpanel .contact .select{width:260px; height:20px; margin-bottom:8px;}
#leftpanel .contact .textarea{width:250px; height:50px;padding:2px 5px;}
#leftpanel .contact .button{ width:100px; height:20px; background:#7d93a1; color:#fff; border:1px solid #597181; padding-bottom:20px;}


#leftpanel .utlities{width:165px;height:280px;display:block; float:left; padding:20px; padding-top:80px;background:#cdd5dc url(../img/contact_bg.gif) no-repeat top; margin:5px;}
#leftpanel .utlities label{ display:block;width:70px; float:left; text-align:justify; margin-bottom:5px; padding-top:3px;}
#leftpanel .utlities input, textarea , select{width:90px; height:18px;margin-bottom:5px; padding:2px;}
#leftpanel .utlities .button{ width:100px; background:#7d93a1; color:#fff; border:1px solid #597181; padding-bottom:5px; height:25px; margin:5px 30px;}

#leftpanel .currency{width:165px;height:280px;display:block; float:left; padding:20px; padding-top:80px;background:#cdd5dc url(../img/contact_bg.gif) no-repeat top; margin:5px;}
#leftpanel .currency table{ width:160px; background:#7d93a1; border:#7d93a1;}
#leftpanel .currency td{background:#7d93a1; border:#7d93a1;}
#leftpanel .currency th{ background:#7d93a1; border:#7d93a1;}
#leftpanel .currency table input, textarea , select{width:100px; font-size:10px; }
