/* CSS Document */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
.photo-right { float:right; margin-left:28px; margin-bottom:40px}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*{outline:none;}
.clear{ clear:both; width:100%; height:0;}
.blue-line-fx{ clear:both; height:2px; background:#01246c; width:100%;}
.green-line-fx{ clear:both; height:2px; background:#2d5f15; width:100%;}
body{
background: #969696 url(../images/body_bg-blue.jpg) repeat-x left top;
}
/**************************************************/
/************WRAP*****************************/
.wrap{
width:980px;
margin:0 auto;
background:#ffffff;
}
/************HEADER*****************************/
.header{
height:98px;
}
.logo{
float:left;
}
.resident-login-section{
float:right;
width:340px;
margin-top:22px;
}
.resident-login-section p{
font:normal 11px Georgia, "Times New Roman", Times, serif;
color:#787878;
}
.login-field{
width:140px;
margin-right:4px;
float:left;
margin-top:8px;
}
.submit-field{
width:auto;
margin-right:4px;
float:left;
margin-top:8px;
}
.login-field input[type="text"]{
width:132px;
border:1px solid #d0d0d0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:3px;
height:20px;
font:italic normal 11px Arial, Helvetica, sans-serif;
color:#8b8b8b;
}
.submit-field input[type="submit"]{
background:url(../images/submit_btn.png) no-repeat left top;
width:41px;
height:28px;
border:none;
}
/************MENU*****************************/
.navigation{
background:url(../images/menu_bg.jpg) repeat-x;
height:45px;
}
.navigation ul li{
float:left;
background:url(../images/menu-divider.jpg) no-repeat right center;
}
.navigation ul li.last{
float:left;
background:none;
}
.navigation ul li a{
padding:14px 30px 13px 25px;
font:14px Arial, Helvetica, sans-serif;
display:block;
text-decoration:none;
color:#fff;
background:url(../images/menu-arrow.png) no-repeat 10px center;
}
.navigation ul li a:hover,.navigation ul li a.active{
background:url(../images/menu-arrow.png) no-repeat 10px center #000000;
}
.navigation ul li ul{
display:none;
position:absolute;
border:1px solid #b6b5b3;
border-top:none;
z-index:2;
}
.navigation ul li:hover ul{
display:block;
}
.navigation ul li ul li{
float:none;
background-color:#8c8c8b;
background-image:none;
border-top:1px solid #b6b5b3;
}
.navigation ul li ul li a{
font-weight:normal !important;
}
/************BANNER*****************************/
.banner{
background:#ccc;
}
.left-sidebanner{
height:343px;
float:left;
width:710px;
}
#headerAnim{
height:343px;
width:710px;
position:relative;
z-index:0;
}
.slideShow{
height:343px;
width:710px;
position:absolute;
z-index:0;
top:0;
left:0;
}
.right-sidebanner{
height:288px;
background:#00194d;
float:right;
width:220px;
padding:55px 25px 0 25px;
}
.right-sidebanner h2{
font:bold 22px Georgia, "Times New Roman", Times, serif;
color:#cacaca;
margin-bottom:15px;
}
.right-sidebanner p{
font:italic normal 16px/30px Georgia, "Times New Roman", Times, serif;
color:#cacaca;
}
/************CONTENT*****************************/
.content{
min-height:270px;
background:#fff;
}
.box{
float:left;
width:325px;
background:#fff;
}
.middle{
width:330px;
}
.box h2{
height:40px;
background:#c7cbd1;
padding-left:24px;
font:normal 18px/40px Georgia, "Times New Roman", Times, serif;
}
.read-more{
background:url(../images/read-more.png) no-repeat left top;
width:89px;
height:22px;
float:left;
font:normal 10px Arial, Helvetica, sans-serif;
color:#fff;
}
.read-more a{
color: #fff;
text-decoration: none;
display: block;
text-align: center;
padding-top: 4px;
}
.read-more a:hover{
text-decoration: none;
color: #CCC;
}
.box h3{
margin-bottom:16px;
padding-left:10px;
font:bold 13px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.block{
padding: 20px 25px;
}
.block p{
font: normal 13px/20px Arial, Helvetica, sans-serif;
color: #666;
margin-bottom: 30px;
}
.bottom-content{
background:#ffffff;
border-top:2px solid #00194d;
}
.bottom-content .box{
padding-top:25px;
}
.bottom-content .block{
padding:0 10px;
}
.bottom-content .block p{
margin-bottom:10px;
}
.enroll-button{
width: 243px;
height: 20px;
background: url(../images/enroll-button.jpg) no-repeat left top;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
padding-top: 7px;
margin-bottom: 2px;
}
.enroll-button a{
display:block;
color:#fff;
text-decoration:none;
letter-spacing:1px;
}
.enroll-button a:hover {
display: block;
color: #CCC;
text-decoration: none;
letter-spacing: 1px;
}
.enroll-button2{
width: 263px;
height: 60px;
background: url(../images/enroll-button2.jpg) no-repeat left top;
font: bold 18px Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
padding-top: 10px;
margin-bottom: 2px;
}
.enroll-button2 a{
display:block;
color:#fff;
text-decoration:none;
letter-spacing:1px;
}
.enroll-button2 a:hover {
display: block;
color: #CCC;
text-decoration: none;
letter-spacing: 1px;
}
.bottom-content .box.last{
padding-bottom:18px;
margin-top:1px;
background:url(../images/footer-grill.png) no-repeat right top #00194d;
}
.bottom-content .box.last h3{
color:#fff;
font:bold 14px Arial, Helvetica, sans-serif;
margin:0 0 8px 0;
padding-left:30px;
}
.bottom-content .box.last h4{
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
margin:0 0 16px 0;
padding-left:30px;
}
.bottom-content .box.last p{
color:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
padding-left:30px;
}
.bottom-content .box.last p a{
color:#fff;
text-decoration:none;
}
.footer-copyright {
color: #fff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 20px;
padding-left: 20px;
}
/************INNER CONTENT*****************************/
.inner-content{
padding:40px 120px 110px 85px;
}
.inner-content-pay{
padding:40px 0px 110px 0px;
}
.inner-table{
padding:40px 78px 110px 35px;
}
.property-info{
padding:40px 35px 110px 35px;
}
.inner-content h2{
font:normal 30px Arial, Helvetica, sans-serif;
padding-bottom:12px;
}
.inner-content-pay h2{
font:normal 30px Arial, Helvetica, sans-serif;
padding:0px 30px 12px 120px;
}
.inner-content h3{
font:normal 24px Arial, Helvetica, sans-serif;
padding:12px 0;
}
.inner-content h4{
font:normal 18px Arial, Helvetica, sans-serif;
padding:4px 0;
}
.content-area{
padding-top:32px;
}
.content-area p{
font:normal 14px/24px Arial, Helvetica, sans-serif;
color:#3a3737;
margin-bottom:35px;
}
.content-area p.last{
margin-bottom:0;
}
/************INNER CONTENT*****************************/
.our-agent{
}
.our-agent li{
border-bottom:2px solid #2d5f15;
padding:40px 0 20px 0;
}
.our-agent li.last{
border-bottom:none;
padding-bottom:0;
}
.photo-left{
width:110px;
float:left;
}
.right-txt{
width:615px;
float:right;
}
.right-txt h2{
font:normal 24px Arial, Helvetica, sans-serif;
margin:0;
}
.right-txt p{
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#3a3737;
}
.right-txt p span{
color:#2d5e15;
}
.right-txt p a{
color:#2d5e15;
text-decoration:none;
}
.right-txt p a:hover{
text-decoration:underline;
}
.right-txt2 a{
color:#2d5e15;
text-decoration:none;
}
.right-txt2 a:hover{
text-decoration:underline;
}
/************DUAL PANEL*****************************/
.dual-panel{
padding:0;
}
.left-panel{
float:left;
width:244px;
padding-top:22px;
background:url(../images/left-panel-bg.jpg) repeat-y left top;
min-height:660px;
}
.left-panel h2{
background:#2d2d2d;
font:normal 18px/45px Arial, Helvetica, sans-serif;
padding-left:25px;
color:#fff;
height:46px;
padding-bottom:0;
}
.left-panel h2.gray{
background:#d1d1d1;
font:normal 18px/45px Arial, Helvetica, sans-serif;
padding-left:25px;
color:#000;
height:46px;
padding-bottom:0;
}
.left-panel ul{
margin:0;
padding:0;
background:url(../images/left-ul-bg.jpg) repeat-y left top;
}
.left-panel ul li{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
padding:20px 0 20px 44px;
border-bottom:1px solid #d0d1d2;
background:url(../images/ul-arrow.png) no-repeat 25px center;
}
.left-panel ul li a{
color:#000;
text-decoration:none;
}
.left-panel ul li a:hover{
color:#000;
text-decoration:underline;
}
.left-address{
padding:25px;
}
.left-address h4{
color:#00194d;
font:bold 12px Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
.left-address p{
color:#000;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.left-address p a{
color:#00194d;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.right-panel{
float:right;
width:700px;
padding-top:35px;
margin-left:35px;
}
.right-panel table{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
}
.input-inner{
background:url(../images/input-box.png) no-repeat;
width:256px;
height:28px;
border:none;
margin:3px 0px 18px;
padding-left:5px;
}
.input-msg{
background:url(../images/msg-box.png) no-repeat;
width:256px;
height:129px;
border:none;
margin:3px 0px 18px;
padding-left:5px;
}
#dummy_file_type{
position:absolute;
top:0px;
left:0px;
width:165px;
height:28px;
overflow:hidden;
}
.form-part-rt-2{
width:246px;
float:left;
background:url(../images/browse.png) no-repeat;
height:28px;
position:relative;
margin-bottom:10px;
}
#dummy_file_type div{
position:absolute;
top:0px;
left:0px;
width:5190px;
height:28px;
padding:4px 0px 0px 4px;
}
.browse{ background:none; border:none; cursor:pointer;
opacity:0;
/* -moz-opacity:0;
filter:alpha(opacity:0);*/
}
.submit{
border:none;
background:url(../images/find-out.png) no-repeat;
width:89px;
height:22px;
text-align:center;
color:#fff;
cursor:pointer;
font-size:12px;
line-height:22px;
padding-bottom:3px;
font-weight:bold;
}
.property-img{
border:2px solid #b0aea2;
}
.border-right-dot{
border-right:2px dotted #787879;
}
.dataTable td.block-pad{
padding:8px 15px;
}
.dataTable td.block-pad span{
line-height:18px;
width:100%;
display:block;
}
.dataTable td.block-pad span strong{
width:80px;
display:block;
float:right;
}
.dataTable.property-info td{
border-bottom:none;
}
/************PLAN AREA*****************************/
.plan-area{
}
.left-sdie-area{
width:616px;
float:left;
padding-right:40px;
}
.left-sdie-area p{
line-height:18px;
margin-bottom:0;
}
.plan-points {
margin:10px 0;
float:right;
width:290px;
}
.plan-points li{
font:14px/24px Arial,Helvetica,sans-serif;
background:url(../images/arrow-bullets.jpg) no-repeat left center;
padding-left:15px;
}
.plan-points li a{
color:#2d2d2d;
}
.plan-points li a:hover{
text-decoration:none;
}
.right-sdie-area{
width:210px;
padding:0 0 80px 40px;
float:left;
border-left:2px dotted #787879;
}
.right-sdie-area .plan-points{
width:210px;
}
.right-sdie-area .plan-points li{
line-height:18px;
}
.fl-plan-slide{
float:left;
margin-right:18px;
}
/************GRAY TABLE*****************************/
.gray-box{
background:#6e6e6e;
margin-top:25px;
margin-bottom:18px;
}
.gray-box td{
padding:0 30px;
}
.gray-box td h4{
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
margin-bottom:16px;
}
.gray-box td ul{
margin:0;
padding:0 0 0 15px;
}
.gray-box td ul.small{
width:180px;
}
.gray-box td ul li{
font:normal 13px Arial, Helvetica, sans-serif;
color:#fff;
list-style:disc;
}
.side-dot{
border-right:2px dotted #ffffff;
}
.gray-box td .right-txt{
width:130px;
}
.gray-box td .right-txt h2{
font:bold 13px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:underline;
padding-bottom:0;
}
.gray-box td .right-txt p{
color:#ffffff;
line-height:15px;
}
.gray-box td .right-txt p a{
color:#ffffff;
text-decoration:underline;
}
/************DATA TABLE*****************************/
table.dataTable {
width:100%;
/* border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;*/
margin:1px auto;
border-collapse:collapse;
}
.dataTable tr.odd td {
background:#f7fbff
}
.dataTable tr.odd .column1 {
background:#f4f9fe;
}
.column1 {
background:#f9fcfe;
}
.dataTable td {
color:#678197;
border-bottom:2px solid #2d5f15;
/* border-left:1px solid #e5eff8;*/
padding:8px 0 22px;
text-align:left;
font:normal 12px Arial, Helvetica, sans-serif;
}
.dataTable td.table-txt{
padding:25px 10px 10px 10px;
line-height:18px;
}
.dataTable tr td p{
color:#000;
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:10px;
}
.dataTable th {
font-weight:normal;
color: #678197;
text-align:left;
border-bottom: 1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 1em;
}
.dataTable thead th {
background:#eef0f1;
text-align:left;
font:bold 13px Arial, Helvetica, sans-serif;
color:#000000;
}
.dataTable tfoot th {
text-align:center;
background:#f4f9fe;
}
.dataTable tfoot th strong {
font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:.5em .5em .5em 0;
color:#66a3d3;
}
.dataTable tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
}
.c-red {
color: #F00;
}
.p-10 {
padding: 0 10px 0 0;
font-size:14px;
}
.link1 {
color: #666;
text-decoration: none;
}
.link1:hover {
color: #000;
text-decoration: none;
}
/* CSS added on 16.01.13 */
.contacttxt {
font-size:16px;
font-weight:bold;
line-height:130%;
color:#193b80 !important;
text-align:justify;
}
.contacttxt small {
font-size:smaller;
font-weight:normal;
color:#999999;
}
.contact-form .contact-label {
font-size:12px;
padding-top:10px;
}
.contact-form .input-inner {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:246px;
padding-right:5px;
margin-bottom:5px !important;
}
.contact-form .input-inner:focus {
background:url(../images/input-box-focus.png) no-repeat;
}
.contact-form .input-inner-2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../images/txtarea-box.png) no-repeat;
width:340px;
height:110px;
border:none;
padding:5px;
overflow:auto;
}
.contact-form .input-inner-2:focus {
background:url(../images/txtarea-box-focus.png) no-repeat;
}
/* CSS added on 17.01.13 */
.copyright-area {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:30px;
color:#FFFFFF;
text-align:right;
width:980px;
height:30px;
clear:both;
margin:0 auto;
}
.copyright-area a {
text-decoration:none;
color:#FFFFFF;
}
.copyright-area a:hover {
text-decoration:none;
color:#CCCCCC;
}