@charset "utf-8";
/*stylesheet developed bu naveenbhaskar| http://navidesigns.blogspot.com */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
a { text-decoration:none; }
/*general styles*/
h1 img { margin-right:13px; }
.caption { color:#fff; display:block; margin-right:22px; font-size:0.7em; text-transform:uppercase; }
body { background:url(../images/bg.jpg) repeat-x fixed left top; font:76% Arial, Helvetica, sans-serif; margin:0; padding:0; color: #333; }
.wrapper { width:980px; margin:20px auto; font-size: 1.2em; }
.wrapper .top_curve { background: url(../images/top_curve.png) no-repeat scroll left top; display: block; height: 20px; width: 757px; }
.wrapper .main_container { background: url(../images/middle.png) repeat-y scroll left top; display: block; width: 717px; padding: 10px 20px; float: left; }
.wrapper .bottom_curve { background: url(../images/bottom_curve.png) no-repeat scroll left top; display: block; height: 20px; width: 757px; clear: both; }
.wrapper .nagivation { float: left; width: 209px; padding-top: 50px; position: relative; left: 22px; }
.wrapper .content { float: right; width: 757px; font-size:13px; line-height:17px;  position:relative; }
.wrapper .nagivation .navi_top { background: url(../images/navi_top.png) no-repeat scroll right top; display: block; height: 21px; width: 209px; }
.wrapper .nagivation .navi_middle .navi_container { background: url(../images/navi_middle.png) repeat-y scroll right top; width: 209px; text-align: right; padding: 0; overflow:hidden; }
.wrapper .nagivation .navi_middle .navi_bottom { background: url(../images/navi_bottom.png) no-repeat scroll right top; display: block; height: 21px; width: 209px; }
.nav { display:block; padding:10px 0; float:right; width:194px; }
.nav li { background: url(../images/link_hover_bg.png) no-repeat scroll 0 0px; }
.nav li a { font-size:1em; margin:0 10px 5px; display:block; color:#fff; }
.nav li a:hover { color:#b1ff5d; }
.nav li { height: 27px; line-height: 27px; color: #4b9305; margin-right: -1px; }
/*.nav li a:hover { background: url(../images/link_hover_bg.png) no-repeat scroll right top; height: 33px; line-height: 33px; color: #4b9305; margin-right: -1px;  }*/
.nav li a.sel { background: url(../images/sel.png) no-repeat scroll right top; height: 30px; line-height: 30px; color: #fff; margin-right: -1px; padding-right: 10px; }
.nav li a.main_navsel { background: url(../images/main_nav_item_bg.jpg) no-repeat scroll right top; height: 30px; line-height: 30px; color: #fff; margin-right: -1px; padding-right: 10px; }
.copyright {color: #5D5D5D;overflow: hidden;padding-left: 11px;position: relative;top: -3px;width: 736px;}
.copyright a {color:#5D5D5D;}
h2 { color: #638f32; font-size: 1.5em; margin:15px 0; text-shadow: 0 1px #FFFFFF, 0 0 #5E5C4D; }
h3 { border-bottom:1px dotted #033E7B; color:#033E7B; font-size:1em; margin:15px 0; padding-bottom:5px; text-shadow:0 1px #FFFFFF, 0 0 #5E5C4D; clear: both; }
h4 { color:#333; font-size:1em; margin:15px 0 ; padding-bottom:5px; text-shadow:0 1px #FFFFFF, 0 0 #5E5C4D; clear: both; border-bottom:1px dotted #333; }
h5 { color:#333; font-size:0.92em; margin:0 0 5px 0 ;clear: both;position:relative;top:-21px; }
.projects { clear: both; width: 680px; float: left; }
.projects .ongoing_projects { float: left; width: 320px; }
.projects .finished_projects { float: right; width: 320px; }
.project { text-align:center; width:160px; padding:10px 0; cursor:pointer; float: left; }
.project:hover { background:#b6b6b6; }
.left { float:left; }
.right { float:right }
.project ul li { text-align:center; }
.banner_animation { position: relative; width: 717px; overflow: hidden; height: 260px; }
.banner_animation .banner_top { position: absolute; left: 0px; top: 0px; z-index: 51; }
.main_contents { margin: 0px auto; float: left; width: 677px; position: relative; padding: 0 20px; }
.project.left ul li img { display: block; margin-bottom: 5px; }
.projects ul li { float: left; width: 100%; }
.brdr { border-bottom:1px dotted #5e5e5e; }
.project ul { margin-right: auto; margin-left: auto; width: 140px; }
.more { background: url(../images/more.png) no-repeat scroll left top; text-indent: -2000px; display: inline-block; height: 12px; width: 38px; position: relative; top: 2px; cursor:pointer; visibility: visible; }
html>body .more {*top:-2px;}p { display: block; margin-bottom: 10px; }
h2 strong { color: #033E7B; }
.name { color: #63440e; font-weight: bold; }
.nav li.sublinks a{color:#b1ff5d;}
.nav li.sublinks a.sel{color:#fff;}
.list { display:block; }
.list li{ background: url(../images/list.png) no-repeat scroll left 7px; display: block; padding-left: 15px; margin-bottom: 5px; }
.items { position: absolute; right: 10px; top: 10px; }
.photo_gallery { background: url(../images/sprite.jpg) no-repeat scroll left top; display: block; height: 26px; width: 102px; text-indent: -2000px; cursor: pointer; }
.photo_gallery:hover {background-position:-103px top;}
.layout_plan{ background: url(../images/sprite.jpg) no-repeat scroll left -30px; display: block; height: 26px; width: 102px; text-indent: -2000px; cursor: pointer; }
.layout_plan:hover {background-position:-103px -30px;}
.route_map { background: url(../images/sprite.jpg) no-repeat scroll left -58px; display: block; height: 25px; width: 102px; text-indent: -2000px; cursor: pointer; }
.route_map:hover {background-position:-103px -58px;}
.main_contents .left_content { float: left; width: 370px; }
.main_contents .right_content { float: right; width: 280px; }
.photos { background: #fff url(../images/gallery_bg.jpg) repeat-x scroll left top; display: block; width: 260px; float: right; padding: 20px 0 5px 21px; }
.photos  img { width: 110px; height: 70px; border: 1px solid #333; }
.photos li { float: left; margin-right: 15px; display: block; margin-bottom: 10px; }
.photos li a {display:block;}
.project_banner { border: 1px solid #999; }
p strong { }
p strong { color: #7f5712; }
.enquiry li label { display: block; width: 100px; float: left; }
.enquiry li { display: block; float: left; width: 100%; clear: both; margin-bottom: 10px; }
.send { height: 200px; }
.address { font-size: 1.1em; }
.address li { display: block; margin-bottom: 5px; }
.enquiry li input[type="text"] , textarea { width: 250px; }
.villas h5 strong {padding:0 0 0 10px; font-weight:strong; color:#033E7B}
.villas li {float:left;border:5px solid #CCCCCC; padding:0 0 10px 25px;width:345px;margin-bottom:10px;border-top-width:25px;}
.villas li:hover {border:5px solid #033d7a;border-top-width:25px;}
.villas li:hover h5 , .villas li:hover h5 strong {color:#fff;}
.villas li a {display:block; width:100px;float:left;margin-right:10px;color:#303030;}
.villas li a span {display:block; width:100px;padding:3px 0; text-align:center;font-size:0.85em; background:#ccc;}
.villas li  img {width:100px; height:70px; }
dl {display:block;}
dt {font-weight:bold; margin:10px 0;}
dd {display:block; margin: 0 0 0px 10px;}