body {color:#454545; }


body {-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; 
    background-attachment: fixed;}

 

body { background-color:#dddddd; }

#header {background-color: #ffffff;}
#footer {border-top:3px solid #454545;}


#page {background:rgba(255,255,255,0.5);	}



#page { padding:20px 20px;}

h1, h1 a {color:#454545;}
h2, h2 a {color:#454545;}
h3, h3 a {color:#454545;}


.boxcontent h3 a {color:#454545;}

.logotitle {color:;}
.logotitle a {color:;}
.logosubtitle { color:; }
.sidebartitle { background:#5b0e2a; }
.related-title {color:#454545; border-bottom:1px solid #454545;}


#main-menu { border-top:1px solid #454545; border-bottom:1px solid #454545;  }
.nav a {  color:#454545;}
.nav li:hover > a {background:#454545; color:#ffffff;}

#tabContainer ul#tabitems li a.active 
{background:#454545;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#454545',GradientType=1 );
border:1px solid #454545; border-radius:3px;}

.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a { background:#454545; color:#ffffff;}
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a, .nav li.current_page_parent ul li a, .nav li ul li.current-menu-item a, .nav li ul li.current-menu-item a, .nav li ul li.current_page_parent a { color:#454545;}

.nav li  ul { border:1px solid #454545; border-top:none;  }
.nav li  ul { background:#ffffff;   }
.nav li ul li a { color:#454545;   }

.nav li ul li a:hover {  color:#454545; }

.topmenu  ul li a { color:#ebebeb; }
.topmenu  ul li a:hover { color:#fffff; }


a, a.more-button, a.more, .post-nav a:hover, input.psbutton, .cycle-pager .pager-bullets span.cycle-pager-active, #content .sidebarbox ul li a:hover, .contactform button:hover,
#content .sidebarbox li.current-menu-item a, #content .sidebarbox li.current-cat a, .blog-list-entry h3 a:hover, .prop-all-data td.showmore, input#searchinput, .footermenu ul li a:hover, .tagcloudbox a:hover, .widget_tag_cloud a:hover, .prop-info ul li a:hover { color:#5b0e2a;}
.post-nav .current { background:#5b0e2a;}

i {color:#999999; }
i:hover {color:#f1f1f1;}

.smicons span {background:#999999; } 
.smicons span:hover {background:#f1f1f1; } 
.smicons i { color:#fff;}


.page-entry .boxcontent a.boxbutton, #pager a.cycle-pager-active, .pager-bullets .cycle-pager-active, #infoboxen a.boxbutton, #infoboxen2 a.boxbutton, .service-list-box a.more, .homebox a.more, .prop-price a.details, .propbox a.boxbutton, .prop-info ul li.list-requestbutton, .propbox .prop-price a.details { background:#5b0e2a;}

.page-entry .boxcontent a.boxbutton:hover, #infoboxen a.boxbutton:hover, #infoboxen .boxcontent:hover a.boxbutton, #infoboxen2 a.boxbutton:hover, #infoboxen2 .boxcontent:hover a.boxbutton, .service-list-box a.more:hover, .homebox a.more:hover, .propbox:hover .prop-price a.details, .propbox a.boxbutton:hover, .boxcontent:hover a.boxbutton, .prop-info ul li.list-requestbutton:hover, .propbox:hover .prop-price a.details { background:#454545;;}


.page-entry .boxcontent a.boxbutton, .service-list-box a.more, .homebox a.more, .prop-price a.details, .propbox a.boxbutton, .prop-info ul li.list-requestbutton input, .propbox .prop-price a.details,
.service-list-box a.more:hover, .homebox a.more:hover, .propbox:hover .prop-price a.details, a.boxbutton:hover, .boxcontent:hover a.boxbutton, .prop-info ul li.list-requestbutton input:hover, .propbox:hover .prop-price a.details { color:#ffffff;}



@media screen and (max-width: 641px) {

#main-menu {  border:none !important;  }
.nav li a { color:#eee; }
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a { color:#fff;}
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a, .nav li.current_page_parent ul li a { color:#eee; }
.nav li ul li.current-menu-item a, .nav li ul li.current-menu-item a, .nav li ul li.current_page_parent a { color:#fff;  }
.nav li ul li a:hover {  color:#fff;}
}






/* ======================= structure ============================= */

#header { width:100%; margin:0; padding:0; background:#454545;}
#headercontent {max-width:1500px; margin:0 auto; padding:1px 20px 10px 20px; text-align:left; position:relative;}

#wrapper { }
#page {max-width:1500px; margin:15px auto; padding:10px 20px; text-align:left; border-radius:3px;}

#footer { width:100%; margin:0; padding:0; }
#footercontent {max-width:1500px; margin:0 auto; padding:5px 20px; text-align:left;}

#sidebar { border-left:1px dotted #ccc; padding:0 0 0 10px;}





/* =============== slider ============= */

#top-home { padding:0; max-width:628px; padding:3px; max-height:450px; overflow:hidden; border:1px dotted #ccc;}
#top-home2 { padding:0; max-width:1500px; padding:3px; max-height:450px; overflow:hidden; border:1px dotted #ccc; position:relative;}
.top-home-wrap { padding:0; max-width:1500px; padding:3px;  border:1px dotted #ccc; position:relative;}

.slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden;  }
.slideshow div {padding:0;  margin:0; width:100%; height:auto;}
.slideshow img {width:100%; height:auto;  margin:0; padding:0; display:block;}
.pager-bullets { text-align:center;}
.pager-bullets a { font-size:15px; background:#999; width:12px; height:12px; border-radius:3px; display:inline-block; margin:6px 2px 5px 0; cursor:pointer; }
.pager-bullets .cycle-pager-active {background:#00A8BF;}
.bullets {}
.slider-caption { position:absolute; bottom:0; left:0; display:block; text-indent:20px;  font-size:1.1em; line-height:3em; background:rgba(0,0,0,.4); color:#fff;}




h2.pagetitle {font-size:0em; line-height:1.6em; margin:0; padding:0; text-transform:uppercase;}
.page-entry h3 { text-transform:uppercase; width:80%; border-bottom:1px solid #ccc; padding:3px 0 3px 15px; font-size:1.1em; line-height:1.3em; margin:10px 0 5px -15px;}