* {
margin:0;
padding:0;
}
html {
overflow-y: scroll !important;
}
body {
background:url(../images/bg.gif) repeat-x 0 0;
background-color:#efede9;
text-align:center;
outline:none;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* Float containers fix
=============================== */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* Text
======================= */
body, td, th, div, p, li, input, select, textarea {
font: 14px "Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
color:#4b4b4b;
}
h1 {
font-size:30px;
font-weight:bold;
padding-top:20px;
padding-bottom:10px;
color:#628012;
letter-spacing: -0.5px;
}
h2 {
margin:15px 0 0 10px;
color:#666;
font:bold 19px Tahoma, Geneva, sans-serif;
}
h3 {
color:#585858;
font:bold 13px Tahoma, Geneva, sans-serif;
}
p {
line-height:22px;
}
#Header {
height:140px;
position:relative;
}
/* Layout
======================= */
.col1 {
width:960px;
text-align:left;
margin:0 auto;
}
.col2 {
width:641px;
float:left;
}
.col2-1{
width:630px;
float:left;
}
.col3 {
width:350px;
float:left;
}
.col4 {
width:290px;
float:left;
}
.ML2 {
margin-left:20px;
display:inline;
}
.field50{
width:50px;
}
.field100{
width:100px;
}
.field140{
width:140px;
}
.field150{
width:150px;
}
.field200{
width:200px;
}
/* Logo
===========*/
#Logo {
width:521px;
height:76px;
margin:0;
padding:0;
position:absolute;
left:0px;
top:45px;
border:none;
}
#Logo a {
display:block;
width:521px;
height:76px;
background: url(../images/logo.gif) no-repeat;
outline:none;
}
#Logo strong {
display:none;
}
/* Banner
==============*/
#banner{
width:960px;
height:255px;
}
.banner1 {
background:#FFF;
border:1px solid #b8b4ae;
width:165px;
height:250px;
padding:10px;
float:left;
position:relative;
}
.bnrtxt{
float:left;
width:165px;
height:45px;
padding-top:5px;
}
/* Search Property
=======================*/
.search-prop{
background-color:#dadad9;
border:3px solid #fff;
width:950px;
height:60px;
float:left;
margin-top:10px;
color:#666;
}
/* Navigation
=======================*/
#Nav {
height:34px;
position:absolute;
top:9px;
right:0;
}
#Nav li { list-style:none; display:inline; background:#000;}
#Nav li a {display:block; float:left; height:34px; cursor:pointer; margin-left:2px; display:inline;}
#Nav li a strong { display:none;}
.home, .about-us, .price-list, .our-services, .contact-us, .home-on, .about-us-on, .price-list-on, .our-services-on, .contact-us-on {
background:url(../images/nav.gif) no-repeat 0 0;
outline:none;
}
.home {background-position:0 0; width: 102px;}
.home:hover {background-position:0 -36px; width: 102px;}
.home-on {background-position:0 -36px; width: 102px;}
.about-us {background-position:-106px 0; width: 102px;}
.about-us:hover {background-position:-106px -36px; width: 102px;}
.about-us-on { background-position:-106px -36px; width: 102px;}
.price-list { background-position:-212px 0; width: 102px;}
.price-list:hover { background-position:-212px -36px; width: 102px;}
.price-list-on { background-position:-212px -36px; width: 102px;}
.our-services { background-position:-318px 0; width: 102px;}
.our-services:hover { background-position:-318px -36px; width: 102px;}
.our-services-on { background-position:-318px -36px; width: 102px;}
.contact-us { background-position:-424px 0; width: 102px;}
.contact-us:hover { background-position:-424px -36px; width: 102px;}
.contact-us-on { background-position:-424px -36px; width: 102px;}
/* main content
===================*/
.Main-cont{
background-color:#efede9;
width:100%;
}
.content{
width:960px;
float:left;
margin-top:10px;
}
.inner{
width:960px;
float:left;
margin-top:10px;
}
.content-right{
float:left;
width:290px;
margin-left:20px;
}
.buzz-box{
background-color:#dadad9;
border:3px solid #fff;
width:630px;
float:left;
}
.pricelist-innerbox{
background-color:#dadad9;
border:2px solid #fff;
width:500px;
float:left;
margin:15px;
}
.location{
background-color:#b7b7b6;
width:500px;
float:left;
color:#333;
}
.banner-detail{
background-color:#b7b7b6;
width:100%;
float:left;
color:#333;
}
.welcometext {
background-color:#dadad9;
width:630px;
border:3px solid #FFF;
float:left;
}
.send-req{
background-color:#dadad9;
border:3px solid #fff;
width:292px;
}
.news{
background-color:#dadad9;
border:3px solid #fff;
width:292px;
}
.newscont{
width:250px;
height:90px;
margin-left:10px;
}
.aboutus{
width:630px;
background-color:#dadad9; border:3px solid #FFF;
float:left;
}
.aboutus ul li {
list-style:none;
}
.aboutus ul li a{
color:#666;
list-style:none;
}
.luxproj{
background-color:#dadad9; border:3px solid #FFF;
width:630px;
float:left;
}
/* accordion css
=======================*/
ul#menu, ul#menu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 100%;
}
ul#menu a {
display: block;
text-decoration: none;
font:15px "Tahoma, Geneva, sans-serif";
}
ul#menu li {
margin-top: 1px;
}
ul#menu li span{
text-align:justify;
}
ul#menu li a {
background: #b7b7b6;
border:3px solid #fff;
color: #595037;
font-weight:100;
padding: 5px;
outline:none;
}
ul#menu li a:hover {
background: #9d9d9a;
color:#fff;
}
ul#menu li a:active {
background: #b7b7b6;
color:#595037;
}
ul#menu li ul li a {
background: #cbbb8d;
color: #000;
padding-left: 20px;
}
ul#menu li ul li a:hover {
background: #aaa;
border-left: 5px #000 solid;
padding-left: 15px;
}
/*.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }*/
/* Footer
=====================*/
.footer{
background:url(../images/ftr-bg.gif) repeat-x;
margin-top:10px;
width:100%;
height:120px;
float:left;
position:relative;
}
/* Jquery CSS Start
======================*/
/* Jquery Zoom CSS */
.mzdouble .MagicZoomPup {
border: 2px solid #90B815;
background: #CFE192 url(/static/images/dotted2.png);
}
.mzdouble .MagicZoomBigImageCont {
border: 2px solid #90B815;
}
.mznone .MagicZoomBigImageCont {
border: #0C6 solid 3PX;
}