html, body { height: 100%; }
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong, sub, sup, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body
{
font: 12px "Verdana", verdana, Helvetica, sans-serif;
color:#000000;
background: url(../images/bg.jpg) #020001 left top repeat-x;
margin:0px;
}
p {
padding-top:5px;
line-height: 130%;
font-family: verdana;
font-size: 12px;
color: #4b4c4c;
/* margin-left: 15px; */
margin-right:15px;
text-align: justify;
line-height: 21px;
}
.message_txt{
vertical-align:top;
}
.phone_number_txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
.url_txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: bold;
}
.contact_form_txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #4b4c4c;
margin-left:15px;
}
.careers_txt_col_01{
float:left;
width:600px;
}
.careers_txt_col_02{
float:left;
width:300px;
}
/*ul,li {
margin: 0;
padding: 0;
}*/
/* All Heading */
/* Moduls */
/* menu */
/* Top Navigation STYLES */
#menu{
float: right;
width: 166px;
margin-top: 0px;
}
#nav {
margin-top: 15px;
list-style:none;
/* padding:15px 24px 0px 22px; */
float: right;
/* line-height:0px; */
}
#nav li {
margin-left:0px;
margin-bottom:0px;
vertical-align:top;
}
#nav li a {
height: 47px;
float:right;
text-decoration:none;
margin-bottom:0px;
vertical-align:top;
}
/* for home button */
#nav_home {
width:166px; height:48px;
cursor:pointer;
}
#nav #nav_home a {
width:166px; height:48px;
background: url(../images/menu/home_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_home a:hover {
width:166px; height:48px;
background: url(../images/menu/home_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_home a{
background: url(../images/menu/home_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for about us button */
#nav_about_us {
width:166px; height:41px;
cursor:pointer;
}
#nav #nav_about_us a {
width:166px; height:41px;
background: url(../images/menu/about_us_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_about_us a:hover {
width:166px; height:41px;
background: url(../images/menu/about_us_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_about_us a{
background: url(../images/menu/about_us_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for services button */
#nav_services {
width:166px; height:40px;
cursor:pointer;
}
#nav #nav_services a {
width:166px; height:40px;
background: url(../images/menu/services_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_services a:hover {
width:166px; height:40px;
background: url(../images/menu/services_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_services a{
background: url(../images/menu/services_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for team button */
#nav_team {
width:166px; height:41px;
cursor:pointer;
}
#nav #nav_team a {
width:166px; height:41px;
background: url(../images/menu/team_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_team a:hover {
width:166px; height:41px;
background: url(../images/menu/team_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_team a{
background: url(../images/menu/team_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for patners button */
#nav_patners {
width:166px; height:41px;
cursor:pointer;
}
#nav #nav_patners a {
width:166px; height:41px;
background: url(../images/menu/patners_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_patners a:hover {
width:166px; height:41px;
background: url(../images/menu/patners_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_patners a{
background: url(../images/menu/patners_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for events button */
#nav_events {
width:166px; height:38px;
cursor:pointer;
}
#nav #nav_events a {
width:166px; height:38px;
background: url(../images/menu/event_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_events a:hover {
width:166px; height:38px;
background: url(../images/menu/event_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_events a{
background: url(../images/menu/event_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for Location button */
#nav_location {
width:166px; height:40px;
cursor:pointer;
}
#nav #nav_location a {
width:166px; height:40px;
background: url(../images/menu/location_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_location a:hover {
width:166px; height:40px;
background: url(../images/menu/location_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_location a{
background: url(../images/menu/location_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for gallery button */
#nav_gallery {
width:166px; height:41px;
cursor:pointer;
}
#nav #nav_gallery a {
width:166px; height:41px;
background: url(../images/menu/gallery_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_gallery a:hover {
width:166px; height:41px;
background: url(../images/menu/gallery_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_gallery a{
background: url(../images/menu/gallery_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for contact button */
#nav_contact {
width:166px; height:41px;
cursor:pointer;
}
#nav #nav_contact a {
width:166px; height:41px;
background: url(../images/menu/contact_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_contact a:hover {
width:166px; height:41px;
background: url(../images/menu/contact_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_contact a{
background: url(../images/menu/contact_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for career button */
#nav_careers {
width:166px; height:40px;
cursor:pointer;
}
#nav #nav_careers a {
width:166px; height:40px;
background: url(../images/menu/careers_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_careers a:hover {
width:166px; height:40px;
background: url(../images/menu/careers_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_careers a{
background: url(../images/menu/careers_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for testimonials button */
#nav_testimonials {
width:166px; height:42px;
cursor:pointer;
}
#nav #nav_testimonials a {
width:166px; height:42px;
background: url(../images/menu/testimonials_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_testimonials a:hover {
width:166px; height:42px;
background: url(../images/menu/testimonials_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_testimonials a{
background: url(../images/menu/testimonials_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* for press button */
#nav_press {
width:166px; height:42px;
cursor:pointer;
}
#nav #nav_press a {
width:166px; height:42px;
background: url(../images/menu/press_bt.png) no-repeat left top;
cursor:pointer;
}
#nav #nav_press a:hover {
width:166px; height:42px;
background: url(../images/menu/press_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
body#home #nav_press a{
background: url(../images/menu/press_bt_over.png) no-repeat left bottom;
cursor:pointer;
}
/* Main Body */
#wrapper{
margin: 0 auto;
width: 960px;
background: #FFFFFF;
}
#header{
background-image: url(../images/header_img.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#header_1{
background-image: url(../images/header_shampoo.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#header_2{
background-image: url(../images/header_img_wax.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#header_3{
background-image: url(../images/header_img_products.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#header_4{
background-image: url(../images/header_img_location.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#header_5{
background-image: url(../images/header_img_floor_1.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#header_6{
background-image: url(../images/header_img_couch.jpg);
background-repeat: no-repeat;
width: 960px;
height:570px;
}
#logo{
margin: auto;
width: 325px;
height: 170px;
float: left;
}
.clear{
clear: both;
}
#contact_number{
float: right;
margin-top:30px;
}
#appointment_txt{
padding-top: 80px;
}
#button{
/*float: right;
padding-right: 160px;*/
width:128px;
height:78px;
left:814px;
top:71px;
position:absolute;
}
.click_here_bt a{
width: 128px;
height: 78px;
left:814px;
top:71px;
position:absolute;
background-image: url(../images/click_here_bt.jpg);
}
.click_here_bt:hover{
width: 128px;
height: 78px;
/* left:814px;
top:71px;
position:absolute;
*/ background-image: url(../images/click_here_bt_over.jpg);
cursor:pointer;
}
a.gallery_link_txt{
font-family:verdana;
font-size:12px;
font-weight:bold;
margin-left:10px;
color:#333333;
text-decoration:none;
}
a.gallery_link_txt:hover{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#4C0000;
margin-left:10px;
}
/* Header Content */
/***************** Menus *****************/
/* Content */
#content_holder{
height: 100%;
margin:auto;
margin-left: 15px; /*updated at 12/17/09 swapna */
}
.col_01{
width: 635px;
float: left;
}
.col_02{
width: 310px;
float: left;
}
.read_more_bt{
float:right;
margin-right:6px;
cursor: pointer;
width:107px;
height:34px;
}
#photogallery{
background-image: url(../images/photogallery_back_bg.jpg);
background-repeat: no-repeat;
width: 290px;
height: 205px;
}
.appointment_txt{
font-family: arial;
text-align: center;
color: #3e3839;
font-weight: bold;
}
/* Spacing */
/* Footer Content */
#footer{
background-image: url(../images/footer_bg.jpg);
background-repeat: no-repeat;
width: 960px;
height: 83px;
margin: auto;
}
.footer_txt{
padding-top: 50px;
/*float: right; */
padding-right: 10px;
font-family: verdana;
font-size: 11px;
color: #3b3c3c;
text-align: right;
}
.footer_txt_left{
padding-top: 50px;
float: left;
padding-left: 15px;
}
.site_link{
cursor:pointer;
}
.site_link:hover{
color: #CC3300;
text-decoration:underline;
}
.link{
font-family: verdana;
font-size: 11px;
color: #444444;
cursor:pointer;
}
.link:hover{
color: #CC3300;
text-decoration:underline;
}
/* css 7/10/09 */
.about_us_img{
float:left;
width:320px;
padding-left:15px;
}
.bullet{
list-style-image:url(../images/bullet.jpg);
list-style-position:inside;
margin-left:15px;
font-family:verdana;
font-size:12px;
color: #4b4c4c;
}
.team_member_name{
font-family:verdana;
font-size:16px;
color:#757575;
padding-top: 8px;
vertical-align: top;
}
.event_name_01{
font-family:verdana;
font-size:16px;
color:#793D18;
font-weight:bold;
padding-top: 8px;
vertical-align: top;
}
.team_photo{
float:left;
width:180px;
padding-left:15px;
}
.event_opening{
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#990000;
}
.event_name{
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#990000;
}
.location_img{
float:right;
margin-right:120px;
}
.go_back_button{
margin-top:95px;
float:right;
margin-right:120px;
}
.myst_fashion_back_bt{
float: right;
margin-right: 70px;
}
.team_border{
margin: auto;
/*margin-left: 15px; */
margin-right: 15px;
border: 2px solid #cccccc;
border-left:2px solid #cccccc;
}
.team_photo_right{
width:180px;
}
.photo_content{
float: left;
width: 730px;
}
.member_description{
font-family: verdana;
font-size: 12px;
color: #4b4c4c;
line-height: 21px;
}
a.top_links{
color:#000000;
text-decoration:none;
}
a:hover.top_links{
text-decoration:underline;
color:#CC3300;
}
.event_first{
float:left;
width:400px;
}
.event_second{
float:left;
width:400px;
}
a.email_link{
color:#000000;
text-decoration:none;
}
a:hover.email_link{
text-decoration:underline;
color:#CC3300;
}
.sup_txt{
font-size: 9px;
vertical-align: text-bottom!important;
}
.contact_us_col_01 {
float: left;
width:340px;
}
.contact_us_col_02 {
float: left;
width:530px;
margin-left: 15px;
}
#right_navigation{
float: right;
width: 330px;
margin-top: -70px!important;
}
#right_navigation ul{
list-style-type: none;
float: right;
margin-right:15px!important;
}
#right_navigation li{
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
}
.gallery_main{
text-align: center;
margin: 0 auto;
margin-left: 50px;;
}
/* css Today 1/28/2010 */
.gallery_box2{
margin:5px 0 0 0;
/*padding:10px 10px 10px 10px;*/
text-align:center;
padding-top:15px;
padding-bottom:15px;
background:#DBDBDB;
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#fff;
height:180px;
}
.project_title{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:red;
padding-top:10px;
}
.img_thumb{
cursor:pointer;
}
.press_gallery{
margin: 0 auto;
/*border:1px solid red;*/
width:900px;
margin-left:15px;
}
/*.box{
padding:0;
width:175px;
float:left;
}*/
.box_press{
padding: 0;
width: 175px;
float: left;
}
.box_press.pad{
/*margin-left: 17px;*/
margin-left: 66px;
}
/* this should be at the bottom only! add every thing above this...*/
/** html #Contentholder {
height: 100%;
}*/