Jump to content

khanda64

Members
 View Profile  See their activity

  • Posts

    3

  • Joined

  • Last visited

 Content Type 

Posts posted by khanda64

    Help please... Browser trouble...

    in CSS

    Posted

    Hello! New to this and CSS so please bear with me :facepalm:

     

    This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome

     

    http://maranorth.com/html/conservation.html

     

    Top right area sticks out of the margins of the white area (screenshot and file attached)

     

    Need help in sorting out the glitch in my (messy) css file (attached)

     

    I will be forever grateful in any help I can get!
    THANK U!

    post-166250-0-94833100-1377747656_thumb.png

    Help please... Browser trouble...

    in CSS

    Posted

    Hello! New to this and CSS so please bear with me :facepalm:

     

    This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome

     

    http://maranorth.com/html/conservation.html

     

    Top right area sticks out of the margins of the white area (screenshot and file attached)

     

    Need help in sorting out the glitch in my (messy) css file:

     

     

    @charset "UTF-8";
    /* CSS Document */mnc-style.css
    body {
    #background:url(images/bg2.jpg) ;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    }
    p{
    text-align:left;
    line-height:19px;
    padding:0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    }
    h_white{
    padding:5px 3px 5px 3px;
    margin:0px;
    color:#FFFFFF;
    font-size:15px;
    font-weight:normal;
    text-align: left;
    border-bottom: dotted;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    }
    h2{
    padding:0px 0 10px 0;
    margin:0px;
    color:#B52025;
    font-size:20px;
    font-weight:normal;
    text-align: left;
    }
    h3 a{
    text-decoration:none;
    color: #666633;
    padding-left:10px;
    }
    h3{
    padding:5px 3px 5px 3px;
    margin:0px;
    color:#666600;
    font-size:15px;
    font-weight:normal;
    text-align: left;
    /*-----------------------------no line------------------*/
    border-bottom-style: none;
    /*-----------------------------no line------------------*/
    border-bottom-width: 1px;
    /*-----------------------------no line------------------*/
    border-bottom-length: 90%
    }
    h4{
    margin:4px;
    color:#B52025;
    font-size:14px;
    font-weight:normal;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    }
    h5{
    padding:5px 5 10px 5;
    margin:0px;
    color:#FFFFFF;
    font-size:20px;
    font-weight:normal;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    }
    .header_redback{
    padding:3px;
    margin:0px;
    color:#FFFFFF;
    font-size:16px;
    font-weight:normal;
    text-align: left;
    background: #B52025;
    }
    .clear{
    clear:both;
    }
    #wrap{
    width:977px;
    margin:20px auto auto auto;
    }
    .top_corner{
    width:976px;
    height:10px;
    background:url(../images/top_bg.gif) no-repeat center bottom;
    }
    #main_container{
    width:977px;
    background:url(../images/center_bg_repeat.gif) repeat-y center;
    }
    #header{
    width:970px;
    margin:auto;
    height:70px;
    }
    #logo{
    padding:10px 0 0 20px;
    float:left;
    }
    /*----------------------menu-------------------------*/
    #menu{
    width:400px;
    float:right;
    padding:20px 0 0 0;
    }
    #menu ul{
    list-style:none;padding:0px;margin:0px;display:block;
    }
    #menu ul li{
    list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
    }
    #menu ul li a{
    float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px;
    }
    #menu ul li a:hover{
    background-color:#b52025;color:#fff;
    }
    #menu ul li a.current{
    float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025;
    }
    /*-----------------middle_banner----------------------------*/
    .middle_banner{
    width:977px;
    height:304px;
    background:url(../images/middle_banner_bg.gif) no-repeat center;
    }
    /*----------------------slider---------------------------*/
    .featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; }
    ul, li{
    padding:2px;
    margin:2px;
    }
    /** ----------------------------------------------------- **/
    #featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; }
    #featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
    #featured_images { position: absolute; left: 0; top: 0; }
    #featured_images li { float: left; }
    #featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; }
    #featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; }
    #featured_desc { position: absolute; left: 0; bottom: 0; padding:0px; margin:0px; }
    #featured_desc li { width: 965px; float: left;padding:0px; margin:0px; }
    #featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px; background: url(../images/featured-desc-bg.png); }
    #featured_desc li h2 {
    color:#FFFFFF;
    font-size:18px;
    padding:0px 0 5px 0;
    margin:0px;
    }
    #featured_desc li p {
    color:#FFFFFF;
    font-size:12px;
    padding:0px 0 10px 0;
    margin:0px;
    line-height:18px;
    }
    #featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;}
    #featured_buttons li { width: 22px; height: 22px; background: url(../images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
    #featured_buttons li.clicked { background: url(../images/featured-button-on.png); }
    /**/
    /*-------------------------------*/
    .center_content{
    width:945px;
    clear:both;
    padding: 10px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    text-align: center;
    }
    .center_content_pages{
    width:930px;
    clear:both;
    margin:auto;
    padding-top: 10px;
    padding-right:10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background:url(../images/center_bg_pages.gif) no-repeat center top;
    }
    .center_content_pages_original{
    width:960px;
    clear:both;
    margin:auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    background:url(../images/center_bg_pages.gif) no-repeat center top;
    }
    .center_content_centered{
    width:560px;
    clear:both;
    margin:auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    }
    .center_content_pages_noimage_old {
    width:930px;
    clear:both;
    (!)padding:10px 5 10px 0;
    border-top-width:1px;
    border-top-color:#C4BD9E;
    margin: auto;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    }
    .center_content_pages_noimage {
    width:900px;
    clear:both;
    margin:auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    }
    h2_white {
    padding:10px 10px 10px 0;
    margin:0px;
    color:#ffffff;
    font-size:20px;
    font-weight:normal;
    text-align:left;
    }
    .home_subtitle_white {
    width:230px;
    float:left;
    font-size:13px;
    color:#feffff;
    padding-top:0px;
    padding-right:0;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom-width:1px;
    border-bottom-style:dotted;
    border-bottom-color:#C4BD9E;
    }
    .home_subtitle_bullet {
    width:190px;
    float:left;
    padding:0px 0 0px 10px;
    font-size:13px;
    color:#fff5e5;
    list-style-position:outside;
    }
    .custom li.beads {
    list-style-type: none;
    height: 46px;
    padding-left: 40px;
    }
    .left_content{
    width:660px;
    float:left;
    padding-top: 15;
    padding-right: 10;
    padding-bottom: 10;
    padding-left: 15;
    }
    .left_block{
    width:295px;
    float:left;
    padding:10px 5px 5px 5px;
    }
    .left_block_original{
    width:295px;
    float:left;
    padding:20px 20px 10px 15px;
    }
    .right_block_original{
    width:280px;
    float:right;
    padding:20px 20px px 0;
    }
    .block_wide_original{
    width:625px;
    float:left;
    margin:10px 20px 10px 15px;
    padding-top:10px;
    border-top:1px #ededed solid;
    }
    .wide_content_original{
    width:930px;
    clear:both;
    padding:10px 15px 0 15px;
    }
    .left_block_2{
    width:600px;
    float:left;
    padding:5px 5px 5px 5px;
    border-bottom:1px #bcbcbc dotted;
    }
    .left_block_3{
    width:400px;
    float:left;
    padding:5px 5px 5px 5px;
    }
    .left_block_wide_bottom_dotted{
    width:95%;
    float:left;
    padding:15px 15px 10px 15px;
    border-bottom:1px #bcbcbc dotted;
    }
    .left_block_wide_bottom_clear{
    width:95%;
    float:left;
    padding:15px 15px 10px 15px;
    }
    .right_block{
    width:270px;
    float:right;
    padding:5px 20px 10px 0px;
    }
    .right_blockNEW{
    width:250px;
    float:right;
    padding:5px 20px 10px 0px;
    }
    .right_block_brown {
    width:272px;
    float:right;
    padding:20px 20px 10px 0;
    color:#ffffff;
    background:#777360 url(images/acacia_bottom.png) no-repeat right bottom;
    font-size:20px;
    }
    .right_block_brown a:hover{
    text-decoration:underline;
    }
    .right_block_brown_noimg {
    width:270px;
    float:left;
    padding:10px;
    color:#ffffff;
    font-size:12px;
    background-color:#777360;
    text-align:left;
    }
    .block_wide{
    width:625px;
    float:left;
    margin:10px 20px 10px 15px;
    padding-top:10px;
    border-top:1px #ededed solid;
    border-bottom:1px #bcbcbc dotted;
    }
    .wide_content{
    width:930px;
    clear:both;
    padding:10px 15px 0 15px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #C4BD9E;
    border-right-color: #C4BD9E;
    border-bottom-color: #C4BD9E;
    border-left-color: #C4BD9E;
    }
    .wide_content2{
    width:625px;
    clear:both;
    padding:5px 5px 0 5px;
    }
    .home_section_left{
    width:270px;
    height:auto;
    float:left;
    margin:0 14px 0 14px;
    padding:0 10px 10px 10px;
    }
    .home_section_left p{
    clear:both;
    }
    .home_section_left p span{
    }
    img.home_section_icon{
    width:63px;
    float:left;
    }
    h2.home_title{
    width:190px;
    float:left;
    font-size:20px;
    padding:10px 0 0px 10px; margin:0px;
    color:#B52025;
    }
    .home_subtitle{
    width:190px;
    float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7;
    }
    .home_section_thumb{
    float:left; clear:both;
    padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid;
    }
    a.more{
    float:right;
    }
    img.projects{
    float:left;
    padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid;
    }
    .financial-application-form{
    width:530px;
    float:left;
    padding:15px 15px 10px 15px;
    }
    .financial-application-form p{
    margin-bottom:30px;
    }
    .testimonials{
    width:360px;
    float:right;
    padding:20px 20px 0 0;
    }
    img.pic{
    border:3px #723E41 solid;
    margin:5px 5px 10px 5px;
    }
    img.pic2{
    border:3px #22496a solid;
    margin:0 0 0 0;
    padding-left: 5px;
    alignment-adjust: central;
    padding-right: 5px;
    }
    .home_news a{
    font-size:12px;
    color:#c82127;
    text-decoration:none;
    border-bottom:1px #bcbcbc dotted;
    padding:10px 20px 5px 12px;
    display:block;
    float:left;
    background:url(../images/arrow.gif) no-repeat left top;
    background-position: 0px 13px;
    }
    .home_news a:hover{
    text-decoration:underline;
    }
    input.newsletter_input{
    background-color:#fdeaeb;
    border:1px #e2c7c8 solid;
    width:193px;
    height:18px;
    padding:4px;
    float:left;
    }
    form#newsletter{
    padding:10px 0 0 0;
    }
    input.newsletter_submit{
    background-color:#b52025;
    color:#FFFFFF;
    text-align:center;
    float:left;
    padding:4px 4px 3px 4px;
    margin:0 0 0 10px;
    border:1px #fdeaeb solid;
    cursor:pointer;
    }
    .testbox{
    padding:20px 10px 5px 0;
    margin:0;
    border-bottom:1px #ededed solid;
    }
    .testbox p{
    font-style:italic;
    }
    /*-----------------------contact_form-------------------*/
    .form{
    width:500px;
    height:auto;
    float:left;
    padding:20px 10px 10px 20px;
    border:1px #fdeaeb solid;
    }
    .form_row{
    width:425px;
    float:left;
    clear:both;
    padding:7px 0 7px 0;
    }
    label{
    width:100px;
    float:left;
    padding:3px 15px 0 0;
    color:#b52025;
    text-align:right;
    font-weight:bold;
    }
    input.main_input{
    background-color:#fdeaeb;
    border:1px #e2c7c8 solid;
    width:300px;
    height:18px;
    padding:4px;
    float:left;
    }
    textarea.main_textarea{
    background-color:#fdeaeb;
    border:1px #e2c7c8 solid;
    width:300px;
    height:120px;
    padding:4px;
    float:left;
    }
    input.submit{
    background-color:#b52025;
    color:#FFFFFF;
    text-align:center;
    float:right;
    padding:3px 10px 2px 10px;
    margin:0px 0 0 0;
    border:1px #b52025 solid;
    cursor:pointer;
    }
    /*-----------------------------footer------------------*/
    .footer{
    clear:both;
    width:960px;
    margin:auto;
    background:urlno-repeat center;
    height:65px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #B91C29;
    }
    .copyright{
    float:left;
    padding:10px 2 2 50px;
    color:#6996c0;
    }
    .copyright a{
    color: #2A1C11;
    text-decoration:none;
    }
    .footer_links{
    float:right;
    padding:15px 15px 0 0;
    }
    .footer_links_centre{
    float:none;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 30;
    }
    .footer_links_centre a{
    text-decoration:none;
    color: #666633;
    padding-left:10px;
    }
    .footer_links_centre a:hover{
    text-decoration:underline;
    color: #940D11;
    }
    .footer_links_centre a:visited{
    text-decoration:none;
    color: #2A1C11;
    }
    .footer_links a{
    text-decoration:none;
    color: #666633;
    padding-left:10px;
    }
    .footer_links a:hover{
    text-decoration:underline;
    color: #940D11;
    }
    .footer_links a:visited{
    text-decoration:none;
    color: #2A1C11;
    }
    .bullet {
    font-family: Arial, Helvetica, sans-serif;
    height: inherit;
    padding-left: 8px;
    }
    /*
    * generated by WOW Slider 2.8
    * template Shady
    */
    #wowslider-container2 {
    zoom: 1;
    position: relative;
    max-width:640px;
    margin:0px auto 0px;
    z-index:90;
    border:none;
    text-align:left; /* reset align=center */
    }
    * html #wowslider-container2{ width:640px }
    #wowslider-container2 .ws_images ul{
    position:relative;
    width: 10000%;
    height:auto;
    left:0;
    list-style:none;
    margin:0;
    padding:0;
    border-spacing:0;
    overflow: visible;
    /*table-layout:fixed;*/
    }
    #wowslider-container2 .ws_images ul li{
    width:1%;
    line-height:0; /*opera*/
    float:left;
    font-size:0;
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
    }
    #wowslider-container2 .ws_images{
    position: relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    }
    #wowslider-container2 .ws_images a{
    width:100%;
    display:block;
    color:transparent;
    }
    #wowslider-container2 img{
    max-width: none !important;
    }
    #wowslider-container2 .ws_images img{
    width:100%;
    border:none 0;
    max-width: none;
    padding:0;
    }
    #wowslider-container2 a{
    text-decoration: none;
    outline: none;
    border: none;
    }
    #wowslider-container2 .ws_bullets {
    font-size: 0px;
    float: left;
    position:absolute;
    z-index:70;
    }
    #wowslider-container2 .ws_bullets div{
    position:relative;
    float:left;
    }
    #wowslider-container2 a.wsl{
    display:none;
    }
    #wowslider-container2 .ws_bullets {
    padding: 10px;
    }
    #wowslider-container2 .ws_bullets a {
    margin-left:4px;
    width:22px;
    height:20px;
    background: url(../bullet.png) left top;
    float: left;
    text-indent: -4000px;
    position:relative;
    color:transparent;
    }
    #wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{
    background-position: 0 100%;
    }
    #wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
    position:absolute;
    display:none;
    top:50%;
    margin-top:-28px;
    z-index:60;
    height: 50px;
    width: 51px;
    background-image: url(../arrows.png);
    /*max-height:20%;
    max-width:12%;
    background-size:200% 200%;*/
    }
    #wowslider-container2 a.ws_next{
    background-position: 100% 0;
    right:10px;
    }
    #wowslider-container2 a.ws_prev {
    left:10px;
    background-position: 0 0;
    }
    #wowslider-container2 a.ws_next:hover{
    background-position: 100% 100%;
    }
    #wowslider-container2 a.ws_prev:hover {
    background-position: 0 100%;
    }
    * html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
    #wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev {display:block}
    /* bottom center */
    #wowslider-container2 .ws_bullets {
    top:0;
    right: 0;
    }
    #wowslider-container2 .ws-title{
    position: absolute;
    bottom:7%;
    left: 0;
    margin-right:10px;
    z-index: 50;
    color: #F9FBFB;
    text-transform:uppercase;
    font-family: Franklin Gothic Medium,sans-serif;
    font-size: 18px;
    line-height: 18px;
    }
    #wowslider-container2 .ws-title div,#wowslider-container2 .ws-title span{
    display:inline-block;
    padding:10px;
    background:#2a2a2a;
    opacity:0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    }
    #wowslider-container2 .ws-title div{
    display:block;
    margin-top:10px;
    font-size: 13px;
    text-transform:none;
    }
    #wowslider-container2 .ws_thumbs {
    font-size: 0px;
    position:absolute;
    overflow:auto;
    z-index:70;
    }
    #wowslider-container2 .ws_thumbs a {
    position:relative;
    text-indent: -4000px;
    color:transparent;
    opacity:0.85;
    }
    #wowslider-container2 .ws_thumbs a:hover{
    opacity:1;
    }
    #wowslider-container2 .ws_thumbs a:hover img{
    visibility:visible;
    }
    #wowslider-container2 .ws_thumbs {
    left: -141px;
    top: 0;
    width:136px;
    height:100%;
    }
    #wowslider-container2 .ws_thumbs div{
    position:relative;
    width:100%;
    }
    #wowslider-container2 .ws_thumbs .ws_selthumb img{
    border-color:#444;
    }
    #wowslider-container2 .ws_thumbs a img{
    margin:3px;
    text-indent:0;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    border: 5px solid #a4a4a4;
    max-width:none;
    }
    #wowslider-container2 .ws_shadow{
    background: url(../shadow.png) left 100%;
    background-size:100%;
    width:140%;
    height:45%;
    position: absolute;
    left:-21.7%;
    bottom:-30%;
    z-index:-1;
    }
    * html #wowslider-container2 .ws_shadow{/*ie6*/
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale');
    }
    *+html #wowslider-container2 .ws_shadow{/*ie7*/
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale');
    }
    #wowslider-container2 .ws_bullets a img{
    text-indent:0;
    display:block;
    top:16px;
    left:-60px;
    visibility:hidden;
    position:absolute;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    border: 5px solid #a4a4a4;
    max-width:none;
    }
    #wowslider-container2 .ws_bullets a:hover img{
    visibility:visible;
    }
    #wowslider-container2 .ws_bulframe div div{
    height:67px;
    overflow:visible;
    position:relative;
    }
    #wowslider-container2 .ws_bulframe div {
    left:0;
    overflow:hidden;
    position:relative;
    width:120px;
    background-color:#a4a4a4;
    }
    #wowslider-container2 .ws_bullets .ws_bulframe{
    display:none;
    top:20px;
    overflow:visible;
    position:absolute;
    cursor:pointer;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    border: 5px solid #a4a4a4;
    }
    #wowslider-container2 .ws_bulframe span{
    display:block;
    position:absolute;
    top:-10px;
    ;
    left:60px;
    background:url(../triangle.png);
    width:15px;
    height:6px;
    }
    h2_white {
    color: #FFFFFF;
    }
    I will be forever grateful in any help I can get!
    THANK U!

    Help please... Browser trouble...

    in CSS

    Posted

    Hello! New to this and CSS so please bear with me :facepalm:

     

    This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome

     

    http://maranorth.com/html/conservation.html

     

    Top right area sticks out of the margins of the white area (screenshot and file attached)

     

    Need help in sorting out the glitch in my (messy) css file:

     

     

    @charset "UTF-8";
    /* CSS Document */mnc-style.css
    body {
    #background:url(images/bg2.jpg) ;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    }
    p{
    text-align:left;
    line-height:19px;
    padding:0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    }
    h_white{
    padding:5px 3px 5px 3px;
    margin:0px;
    color:#FFFFFF;
    font-size:15px;
    font-weight:normal;
    text-align: left;
    border-bottom: dotted;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    }
    h2{
    padding:0px 0 10px 0;
    margin:0px;
    color:#B52025;
    font-size:20px;
    font-weight:normal;
    text-align: left;
    }
    h3 a{
    text-decoration:none;
    color: #666633;
    padding-left:10px;
    }
    h3{
    padding:5px 3px 5px 3px;
    margin:0px;
    color:#666600;
    font-size:15px;
    font-weight:normal;
    text-align: left;
    /*-----------------------------no line------------------*/
    border-bottom-style: none;
    /*-----------------------------no line------------------*/
    border-bottom-width: 1px;
    /*-----------------------------no line------------------*/
    border-bottom-length: 90%
    }
    h4{
    margin:4px;
    color:#B52025;
    font-size:14px;
    font-weight:normal;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    }
    h5{
    padding:5px 5 10px 5;
    margin:0px;
    color:#FFFFFF;
    font-size:20px;
    font-weight:normal;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    }
    .header_redback{
    padding:3px;
    margin:0px;
    color:#FFFFFF;
    font-size:16px;
    font-weight:normal;
    text-align: left;
    background: #B52025;
    }
    .clear{
    clear:both;
    }
    #wrap{
    width:977px;
    margin:20px auto auto auto;
    }
    .top_corner{
    width:976px;
    height:10px;
    background:url(../images/top_bg.gif) no-repeat center bottom;
    }
    #main_container{
    width:977px;
    background:url(../images/center_bg_repeat.gif) repeat-y center;
    }
    #header{
    width:970px;
    margin:auto;
    height:70px;
    }
    #logo{
    padding:10px 0 0 20px;
    float:left;
    }
    /*----------------------menu-------------------------*/
    #menu{
    width:400px;
    float:right;
    padding:20px 0 0 0;
    }
    #menu ul{
    list-style:none;padding:0px;margin:0px;display:block;
    }
    #menu ul li{
    list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
    }
    #menu ul li a{
    float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px;
    }
    #menu ul li a:hover{
    background-color:#b52025;color:#fff;
    }
    #menu ul li a.current{
    float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025;
    }
    /*-----------------middle_banner----------------------------*/
    .middle_banner{
    width:977px;
    height:304px;
    background:url(../images/middle_banner_bg.gif) no-repeat center;
    }
    /*----------------------slider---------------------------*/
    .featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; }
    ul, li{
    padding:2px;
    margin:2px;
    }
    /** ----------------------------------------------------- **/
    #featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; }
    #featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
    #featured_images { position: absolute; left: 0; top: 0; }
    #featured_images li { float: left; }
    #featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; }
    #featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; }
    #featured_desc { position: absolute; left: 0; bottom: 0; padding:0px; margin:0px; }
    #featured_desc li { width: 965px; float: left;padding:0px; margin:0px; }
    #featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px; background: url(../images/featured-desc-bg.png); }
    #featured_desc li h2 {
    color:#FFFFFF;
    font-size:18px;
    padding:0px 0 5px 0;
    margin:0px;
    }
    #featured_desc li p {
    color:#FFFFFF;
    font-size:12px;
    padding:0px 0 10px 0;
    margin:0px;
    line-height:18px;
    }
    #featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;}
    #featured_buttons li { width: 22px; height: 22px; background: url(../images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
    #featured_buttons li.clicked { background: url(../images/featured-button-on.png); }
    /**/
    /*-------------------------------*/
    .center_content{
    width:945px;
    clear:both;
    padding: 10px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    text-align: center;
    }
    .center_content_pages{
    width:930px;
    clear:both;
    margin:auto;
    padding-top: 10px;
    padding-right:10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background:url(../images/center_bg_pages.gif) no-repeat center top;
    }
    .center_content_pages_original{
    width:960px;
    clear:both;
    margin:auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    background:url(../images/center_bg_pages.gif) no-repeat center top;
    }
    .center_content_centered{
    width:560px;
    clear:both;
    margin:auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    }
    .center_content_pages_noimage_old {
    width:930px;
    clear:both;
    (!)padding:10px 5 10px 0;
    border-top-width:1px;
    border-top-color:#C4BD9E;
    margin: auto;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    }
    .center_content_pages_noimage {
    width:900px;
    clear:both;
    margin:auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    }
    h2_white {
    padding:10px 10px 10px 0;
    margin:0px;
    color:#ffffff;
    font-size:20px;
    font-weight:normal;
    text-align:left;
    }
    .home_subtitle_white {
    width:230px;
    float:left;
    font-size:13px;
    color:#feffff;
    padding-top:0px;
    padding-right:0;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom-width:1px;
    border-bottom-style:dotted;
    border-bottom-color:#C4BD9E;
    }
    .home_subtitle_bullet {
    width:190px;
    float:left;
    padding:0px 0 0px 10px;
    font-size:13px;
    color:#fff5e5;
    list-style-position:outside;
    }
    .custom li.beads {
    list-style-type: none;
    height: 46px;
    padding-left: 40px;
    }
    .left_content{
    width:660px;
    float:left;
    padding-top: 15;
    padding-right: 10;
    padding-bottom: 10;
    padding-left: 15;
    }
    .left_block{
    width:295px;
    float:left;
    padding:10px 5px 5px 5px;
    }
    .left_block_original{
    width:295px;
    float:left;
    padding:20px 20px 10px 15px;
    }
    .right_block_original{
    width:280px;
    float:right;
    padding:20px 20px px 0;
    }
    .block_wide_original{
    width:625px;
    float:left;
    margin:10px 20px 10px 15px;
    padding-top:10px;
    border-top:1px #ededed solid;
    }
    .wide_content_original{
    width:930px;
    clear:both;
    padding:10px 15px 0 15px;
    }
    .left_block_2{
    width:600px;
    float:left;
    padding:5px 5px 5px 5px;
    border-bottom:1px #bcbcbc dotted;
    }
    .left_block_3{
    width:400px;
    float:left;
    padding:5px 5px 5px 5px;
    }
    .left_block_wide_bottom_dotted{
    width:95%;
    float:left;
    padding:15px 15px 10px 15px;
    border-bottom:1px #bcbcbc dotted;
    }
    .left_block_wide_bottom_clear{
    width:95%;
    float:left;
    padding:15px 15px 10px 15px;
    }
    .right_block{
    width:270px;
    float:right;
    padding:5px 20px 10px 0px;
    }
    .right_blockNEW{
    width:250px;
    float:right;
    padding:5px 20px 10px 0px;
    }
    .right_block_brown {
    width:272px;
    float:right;
    padding:20px 20px 10px 0;
    color:#ffffff;
    background:#777360 url(images/acacia_bottom.png) no-repeat right bottom;
    font-size:20px;
    }
    .right_block_brown a:hover{
    text-decoration:underline;
    }
    .right_block_brown_noimg {
    width:270px;
    float:left;
    padding:10px;
    color:#ffffff;
    font-size:12px;
    background-color:#777360;
    text-align:left;
    }
    .block_wide{
    width:625px;
    float:left;
    margin:10px 20px 10px 15px;
    padding-top:10px;
    border-top:1px #ededed solid;
    border-bottom:1px #bcbcbc dotted;
    }
    .wide_content{
    width:930px;
    clear:both;
    padding:10px 15px 0 15px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #C4BD9E;
    border-right-color: #C4BD9E;
    border-bottom-color: #C4BD9E;
    border-left-color: #C4BD9E;
    }
    .wide_content2{
    width:625px;
    clear:both;
    padding:5px 5px 0 5px;
    }
    .home_section_left{
    width:270px;
    height:auto;
    float:left;
    margin:0 14px 0 14px;
    padding:0 10px 10px 10px;
    }
    .home_section_left p{
    clear:both;
    }
    .home_section_left p span{
    }
    img.home_section_icon{
    width:63px;
    float:left;
    }
    h2.home_title{
    width:190px;
    float:left;
    font-size:20px;
    padding:10px 0 0px 10px; margin:0px;
    color:#B52025;
    }
    .home_subtitle{
    width:190px;
    float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7;
    }
    .home_section_thumb{
    float:left; clear:both;
    padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid;
    }
    a.more{
    float:right;
    }
    img.projects{
    float:left;
    padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid;
    }
    .financial-application-form{
    width:530px;
    float:left;
    padding:15px 15px 10px 15px;
    }
    .financial-application-form p{
    margin-bottom:30px;
    }
    .testimonials{
    width:360px;
    float:right;
    padding:20px 20px 0 0;
    }
    img.pic{
    border:3px #723E41 solid;
    margin:5px 5px 10px 5px;
    }
    img.pic2{
    border:3px #22496a solid;
    margin:0 0 0 0;
    padding-left: 5px;
    alignment-adjust: central;
    padding-right: 5px;
    }
    .home_news a{
    font-size:12px;
    color:#c82127;
    text-decoration:none;
    border-bottom:1px #bcbcbc dotted;
    padding:10px 20px 5px 12px;
    display:block;
    float:left;
    background:url(../images/arrow.gif) no-repeat left top;
    background-position: 0px 13px;
    }
    .home_news a:hover{
    text-decoration:underline;
    }
    input.newsletter_input{
    background-color:#fdeaeb;
    border:1px #e2c7c8 solid;
    width:193px;
    height:18px;
    padding:4px;
    float:left;
    }
    form#newsletter{
    padding:10px 0 0 0;
    }
    input.newsletter_submit{
    background-color:#b52025;
    color:#FFFFFF;
    text-align:center;
    float:left;
    padding:4px 4px 3px 4px;
    margin:0 0 0 10px;
    border:1px #fdeaeb solid;
    cursor:pointer;
    }
    .testbox{
    padding:20px 10px 5px 0;
    margin:0;
    border-bottom:1px #ededed solid;
    }
    .testbox p{
    font-style:italic;
    }
    /*-----------------------contact_form-------------------*/
    .form{
    width:500px;
    height:auto;
    float:left;
    padding:20px 10px 10px 20px;
    border:1px #fdeaeb solid;
    }
    .form_row{
    width:425px;
    float:left;
    clear:both;
    padding:7px 0 7px 0;
    }
    label{
    width:100px;
    float:left;
    padding:3px 15px 0 0;
    color:#b52025;
    text-align:right;
    font-weight:bold;
    }
    input.main_input{
    background-color:#fdeaeb;
    border:1px #e2c7c8 solid;
    width:300px;
    height:18px;
    padding:4px;
    float:left;
    }
    textarea.main_textarea{
    background-color:#fdeaeb;
    border:1px #e2c7c8 solid;
    width:300px;
    height:120px;
    padding:4px;
    float:left;
    }
    input.submit{
    background-color:#b52025;
    color:#FFFFFF;
    text-align:center;
    float:right;
    padding:3px 10px 2px 10px;
    margin:0px 0 0 0;
    border:1px #b52025 solid;
    cursor:pointer;
    }
    /*-----------------------------footer------------------*/
    .footer{
    clear:both;
    width:960px;
    margin:auto;
    background:urlno-repeat center;
    height:65px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #B91C29;
    }
    .copyright{
    float:left;
    padding:10px 2 2 50px;
    color:#6996c0;
    }
    .copyright a{
    color: #2A1C11;
    text-decoration:none;
    }
    .footer_links{
    float:right;
    padding:15px 15px 0 0;
    }
    .footer_links_centre{
    float:none;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 30;
    }
    .footer_links_centre a{
    text-decoration:none;
    color: #666633;
    padding-left:10px;
    }
    .footer_links_centre a:hover{
    text-decoration:underline;
    color: #940D11;
    }
    .footer_links_centre a:visited{
    text-decoration:none;
    color: #2A1C11;
    }
    .footer_links a{
    text-decoration:none;
    color: #666633;
    padding-left:10px;
    }
    .footer_links a:hover{
    text-decoration:underline;
    color: #940D11;
    }
    .footer_links a:visited{
    text-decoration:none;
    color: #2A1C11;
    }
    .bullet {
    font-family: Arial, Helvetica, sans-serif;
    height: inherit;
    padding-left: 8px;
    }
    /*
    * generated by WOW Slider 2.8
    * template Shady
    */
    #wowslider-container2 {
    zoom: 1;
    position: relative;
    max-width:640px;
    margin:0px auto 0px;
    z-index:90;
    border:none;
    text-align:left; /* reset align=center */
    }
    * html #wowslider-container2{ width:640px }
    #wowslider-container2 .ws_images ul{
    position:relative;
    width: 10000%;
    height:auto;
    left:0;
    list-style:none;
    margin:0;
    padding:0;
    border-spacing:0;
    overflow: visible;
    /*table-layout:fixed;*/
    }
    #wowslider-container2 .ws_images ul li{
    width:1%;
    line-height:0; /*opera*/
    float:left;
    font-size:0;
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
    }
    #wowslider-container2 .ws_images{
    position: relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    }
    #wowslider-container2 .ws_images a{
    width:100%;
    display:block;
    color:transparent;
    }
    #wowslider-container2 img{
    max-width: none !important;
    }
    #wowslider-container2 .ws_images img{
    width:100%;
    border:none 0;
    max-width: none;
    padding:0;
    }
    #wowslider-container2 a{
    text-decoration: none;
    outline: none;
    border: none;
    }
    #wowslider-container2 .ws_bullets {
    font-size: 0px;
    float: left;
    position:absolute;
    z-index:70;
    }
    #wowslider-container2 .ws_bullets div{
    position:relative;
    float:left;
    }
    #wowslider-container2 a.wsl{
    display:none;
    }
    #wowslider-container2 .ws_bullets {
    padding: 10px;
    }
    #wowslider-container2 .ws_bullets a {
    margin-left:4px;
    width:22px;
    height:20px;
    background: url(../bullet.png) left top;
    float: left;
    text-indent: -4000px;
    position:relative;
    color:transparent;
    }
    #wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{
    background-position: 0 100%;
    }
    #wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
    position:absolute;
    display:none;
    top:50%;
    margin-top:-28px;
    z-index:60;
    height: 50px;
    width: 51px;
    background-image: url(../arrows.png);
    /*max-height:20%;
    max-width:12%;
    background-size:200% 200%;*/
    }
    #wowslider-container2 a.ws_next{
    background-position: 100% 0;
    right:10px;
    }
    #wowslider-container2 a.ws_prev {
    left:10px;
    background-position: 0 0;
    }
    #wowslider-container2 a.ws_next:hover{
    background-position: 100% 100%;
    }
    #wowslider-container2 a.ws_prev:hover {
    background-position: 0 100%;
    }
    * html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
    #wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev {display:block}
    /* bottom center */
    #wowslider-container2 .ws_bullets {
    top:0;
    right: 0;
    }
    #wowslider-container2 .ws-title{
    position: absolute;
    bottom:7%;
    left: 0;
    margin-right:10px;
    z-index: 50;
    color: #F9FBFB;
    text-transform:uppercase;
    font-family: Franklin Gothic Medium,sans-serif;
    font-size: 18px;
    line-height: 18px;
    }
    #wowslider-container2 .ws-title div,#wowslider-container2 .ws-title span{
    display:inline-block;
    padding:10px;
    background:#2a2a2a;
    opacity:0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    }
    #wowslider-container2 .ws-title div{
    display:block;
    margin-top:10px;
    font-size: 13px;
    text-transform:none;
    }
    #wowslider-container2 .ws_thumbs {
    font-size: 0px;
    position:absolute;
    overflow:auto;
    z-index:70;
    }
    #wowslider-container2 .ws_thumbs a {
    position:relative;
    text-indent: -4000px;
    color:transparent;
    opacity:0.85;
    }
    #wowslider-container2 .ws_thumbs a:hover{
    opacity:1;
    }
    #wowslider-container2 .ws_thumbs a:hover img{
    visibility:visible;
    }
    #wowslider-container2 .ws_thumbs {
    left: -141px;
    top: 0;
    width:136px;
    height:100%;
    }
    #wowslider-container2 .ws_thumbs div{
    position:relative;
    width:100%;
    }
    #wowslider-container2 .ws_thumbs .ws_selthumb img{
    border-color:#444;
    }
    #wowslider-container2 .ws_thumbs a img{
    margin:3px;
    text-indent:0;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    border: 5px solid #a4a4a4;
    max-width:none;
    }
    #wowslider-container2 .ws_shadow{
    background: url(../shadow.png) left 100%;
    background-size:100%;
    width:140%;
    height:45%;
    position: absolute;
    left:-21.7%;
    bottom:-30%;
    z-index:-1;
    }
    * html #wowslider-container2 .ws_shadow{/*ie6*/
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale');
    }
    *+html #wowslider-container2 .ws_shadow{/*ie7*/
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale');
    }
    #wowslider-container2 .ws_bullets a img{
    text-indent:0;
    display:block;
    top:16px;
    left:-60px;
    visibility:hidden;
    position:absolute;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    border: 5px solid #a4a4a4;
    max-width:none;
    }
    #wowslider-container2 .ws_bullets a:hover img{
    visibility:visible;
    }
    #wowslider-container2 .ws_bulframe div div{
    height:67px;
    overflow:visible;
    position:relative;
    }
    #wowslider-container2 .ws_bulframe div {
    left:0;
    overflow:hidden;
    position:relative;
    width:120px;
    background-color:#a4a4a4;
    }
    #wowslider-container2 .ws_bullets .ws_bulframe{
    display:none;
    top:20px;
    overflow:visible;
    position:absolute;
    cursor:pointer;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    border: 5px solid #a4a4a4;
    }
    #wowslider-container2 .ws_bulframe span{
    display:block;
    position:absolute;
    top:-10px;
    ;
    left:60px;
    background:url(../triangle.png);
    width:15px;
    height:6px;
    }
    h2_white {
    color: #FFFFFF;
    }
    I will be forever grateful in any help I can get!
    THANK U!
×
×
  • Create New...