/* Screen Style Sheet */
/* -------------------------------------------------------------- */
/*
  Sitename: BlueMoonnBathing
  Author: Nicolas Brun
  Date:

  Description
  ----------------------------------------------------------------
  Stylesheet for displaying screen elements. This stylesheet
  will only be loaded by later version browsers.

*/
/* Page Layout */
/* -------------------------------------------------------------- */
body
{
  	padding : 0px;
  	margin : 0px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 62.5%;
}

#wrap {
	width: 800px;
}

/*h1 {
	font-size: 1.6em;
}*/
h2 {
	font-size: 1.4em;
	color:#000038;
	font-weight:bold;
	margin-left:15px;
	margin-top:15px;
}
h3 {
	font-size: 1.1em;
	color:#000038;
	font-weight:bold;
}
h4{
	font-size: 2.5em;
	color:#0076C0;
	font-weight:bold;
	margin:0 0 0 15px;
	padding:0;
}
p, td{
	font-size: 1.0em;
	color:#010139;	
	line-height:15px;
}
.nospace{
	margin:0;
	padding:0;
	border:1px solid #000;
}

a:link, a:visited{
	
	text-decoration:none;
}
a:hover{

text-decoration:underline;
}

#content a:link, #content a:visited, #footer a:link, #footer a:visited{
color:#000038;
}

span{
font-weight:bold;
color:#000038;
}

.blue{
color:#0076c0;
}

.blue a:link, .blue a:visited{
color:#0076c0;
text-decoration:none;
}

.blue a:hover{
color:#0076c0;
text-decoration:underline;
}

.big{
	font-size:2.4em;
	color:#0076C0;
	font-weight:bold;
	margin:0;
	padding:0 0 0 15px;
}

ul{
margin:0;
padding:0
}

li{
list-style-image: url(../images/framework/bullet.gif);
margin:0 0 2px 16px;
padding:0;
color:#000038;
}
.normarg{
margin:0;
padding:0;
}
.email a:link, .email a:visited{
color:#000038;
text-decoration:underline;
font-size:1.2em;
margin:0 0 0 15px;
font-weight:bold;
}
.email a:hover{
text-decoration:none;
color:#000038;
}
#headerh{
width:760px;
height:195px;
background-color:#FFF;
background-image:url(../images/framework/home-header-back.jpg);
background-position:left;
background-repeat:no-repeat;
margin-top:11px;
}
#header{
width:760px;
height:147px;
background-color:#FFF;
background-image:url(../images/framework/header_background.jpg);
background-position:left;
background-repeat:no-repeat;
}
#homemenu{
width:800px;
height:158px;
display:block;
background-image:url(../images/framework/home-back.jpg);
background-position:left;
background-repeat:no-repeat;
}
#titleh{
padding:32px 0 0 234px;
}
#intro{
width:535px;
text-align:right;
font-size:1.3em;
color:#58595b;
margin-left:213px;
margin-top:20px;
}
#intro h1{
	font-size:1.0em!important;
	font-weight:bold;
	color:#000038;
	margin-bottom:2px;
	padding:0;
}
#intro p{
margin:0;
line-height:1.4em;
}
#intro span{
	color:#0076c0;
}
#menu{
width:740px;
height:55px;
padding-top:10px;
margin-left:200px
}
#animmenu{
float:left;
margin:0 28px 0 20px;
display:inline;
}

.bathing-content, .bathing-content-big{
margin-bottom:2px;
margin-top:10px;
display:block;
height:350px;
border:1px solid #fff;
}

.bathing-content-big{
margin-bottom:2px;
margin-top:10px;
display:block;
height:400px;
}

.bathing-content img, .bathing-content-big img{
display:inline;
float:right;
}


.contact{
margin-top:0px;
}

.imageleft{
display:inline;
margin-right:30px;
}



#bathingh a{
	float:left;
	padding-left:5px;
	dispaly:inline;
	width:146px;
	height:155px;
	display:block;
	outline:none;
}
#showeringh a{
	float:left;
	width:146px;
	height:155px;
	display:block;
	outline:none;
}
#customerh a{
	float:left;
	width:146px;
	height:155px;
	display:block;
	outline:none;
}
#contacth a{
	float:left;
	width:146px;
	height:155px;
	display:block;
	outline:none;
}
/* navigation styles */
#home a{
float:left;
width:62px;
height:39px;
display:block;
background:url(../images/framework/rollover_home_new.jpg) 0 -73px no-repeat;
margin-right:30px;
outline:none;
}
#home a:hover{
background:url(../images/framework/rollover_home_new.jpg) 0 0px;
}
#bathingover{
float:left;
width:77px;
height:35px;
display:block;
background:url(../images/framework/rollover_bathing_new.jpg) 0 2px no-repeat;
margin-right:30px;
outline:none;
}
#bathing a{
float:left;
width:77px;
height:35px;
display:block;
background:url(../images/framework/rollover_bathing_new.jpg) 0 -40px no-repeat;
margin-right:30px;
outline:none;
}
#bathing a:hover{
background:url(../images/framework/rollover_bathing_new.jpg) 0 2px;
}
#showeringover{
float:left;
width:86px;
height:35px;
display:block;
background:url(../images/framework/rollover_showering_new.jpg) 0 2px no-repeat;
margin-right:30px;
outline:none;
}
#showering a{
float:left;
width:86px;
height:35px;
display:block;
background:url(../images/framework/rollover_showering_new.jpg) 0 -40px no-repeat;
margin-right:30px;
outline:none;
}
#showering a:hover{
background:url(../images/framework/rollover_showering_new.jpg) 0 80px;
}
#customerover{
float:left;
width:121px;
height:35px;
display:block;
background:url(../images/framework/rollover_customerservice_new.jpg) 0 2px no-repeat;
margin-right:30px;
outline:none;
}
#customer a{
float:left;
width:121px;
height:35px;
display:block;
background:url(../images/framework/rollover_customerservice_new.jpg) 0 -40px no-repeat;
margin-right:30px;
outline:none;
}
#customer a:hover{
background:url(../images/framework/rollover_customerservice_new.jpg) 0 79px;
}
#contactover{
float:left;
width:85px;
height:35px;
display:block;
background:url(../images/framework/rollover_contactus_new.jpg) 0 2px no-repeat;
outline:none;
}
#contact a{
float:left;
width:85px;
height:35px;
display:block;
background:url(../images/framework/rollover_contactus_new.jpg) 0 -40px no-repeat;
outline:none;
}
#contact a:hover{
background:url(../images/framework/rollover_contactus_new.jpg) 0 2px;
}
#title{
width:760px;
}
.name{
width:400px;
margin:20px 0 10px 195px;
}
*html .name{
width:400px;
margin:20px 0 10px 200px;
}
.name-inside{
margin:20px 0 0 10px;
}
#animation{
padding:59px 0 0 20px;
}
#logo{
position:relative;
left:0;
top:0;
float:left;
width:175px;
height:420px;
background-color:#FFF;
background-image:url(../images/framework/content-background.jpg);
background-position:left;
background-repeat:no-repeat;
}
#Tech{
position:absolute;
left:10px;
top:447px;
}
*html #logo{
float:left;
width:175px;
height:420px;
margin-right:-10px;
display:inline;
}
#service {
float:right;
width:144px;
display:inline;
padding-right:34px;
}
#service img{
margin-top:15px;
}
*html #service {
float:right;
width:140px;
margin-left:-15px;
display:inline;
}
#service h3{
margin-top:0;
}
#enquiry {
float:right;
width:235px;
display:inline;
margin-right:35px;
}

#content{
margin:0 146px 0 184px;
width:430px;
border-right:1px solid #999;
}



*html #contents{
margin:0 146px 0 189px;
width:418px;
}


*html #contentus{
margin:0 146px 0 189px;
width:332px;
}

#contentus{
margin:0 0px 50px 184px;
width:332px;
border-right:1px solid #999;
}


#content p{
margin: 0px 15px 15px 15px;
}

#contentus p{
margin: 0px 15px 15px 15px;
}


/* end content styles */






#main-nav {
	
}

#section-nav {
	
}

/* end navigation styles */

/* footer styles */

#footerh{
width:760px;
height:201px;
background-image:url(../images/framework/home-footer-map.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-color:#FFF;
display:block;
margin-bottom:30px;
}

#text{
padding:140px 10px 0 140px;
font-size:1.3em;
text-align:right;

}

#text p{
color:#58595b;
line-height:1.4em;
margin:0;
padding:0;
}



.grey{
color:#000038;
}





.detail h3{
margin: 20px 0 0 15px;
padding:0;

}
.detail p{
	color:#000038;
}

#footer {
position:relative;
left:0;
top:0;
	border-top:1px solid #999;
	margin:30px 39px 20px 10px;
}

#logobottom{
position:absolute;
left:628px;
top: -178px;
}

#footer ul{
padding:5px 0
}



.bar{
margin-left:15px;
}

.space{
padding-top:50px;
}

#footer li{
display:inline;
list-style:none;
margin:0;
padding:0 ;
font-size:1.0em!important;
}

li.logo{
margin-right:25px!important;
}

/* end footer styles */

/* miscellaneous styles */

.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
}

strong{
color:#000038;
}

table{
margin:0;
padding:0;
}

.formsize{
width:140px;
}