/* CSS Document */
body,html {
margin: 0px;
padding: 0px;
}
body {
background: #e3e8ee url(bg.gif) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#KeywordTop {
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
font-size:10px;
color:#c6d1e0
}
#container {
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:2px;
padding:0px;
text-align:left;
background-color: #FFFFFF;
border:1px solid #b3b3b3
}
#containerOrange {
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:2px;
padding:0px;
text-align:left;
background-color: #FFFFFF;
border:1px solid #f79910
}
#containerGreen {
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:2px;
padding:0px;
text-align:left;
background-color: #FFFFFF;
border:1px solid #47814f
}
#containerBlue {
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:2px;
padding:0px;
text-align:left;
background-color: #FFFFFF;
border:1px solid #429ebe
}
/* Head Home */
#head {
width: 1000px;
height:120px;
border-bottom:4px solid #f79910
}
#head #head_left{
width:500px;
float:left
}
/* Head Rent */
#head_Rent {
width: 1000px;
height:120px;
border-bottom:5px solid #f79910
}
#head_other {
width: 1000px;
height:120px;
border-bottom:10px solid #678187
}
#head_Rent #head_left{
width:500px;
float:left
}
#head_Rent #head_right{
width:500px;
float:left
}
/* Head Bio */
#head_Bio {
width: 1000px;
height:120px;
border-bottom:5px solid #47814f
}
#head_Bio #head_left{
width:500px;
float:left
}
#head_Bio #head_right{
width:500px;
float:left
}
/* Head Clean */
#head_Clean {
width: 1000px;
height:120px;
border-bottom:5px solid #429ebe
}
#head_Clean #head_left{
width:500px;
float:left
}
#head_Clean #head_right{
width:500px;
float:left
}
/* ----------------------------- */
#head_left #leftTop{
width:339px;
margin:30px 0 0 25px;
clear:left
}
#leftTop img {
float:left
}
#head_left #leftDown{
width:339px;
margin:0 0 0 25px;
text-align:right;
clear:left;
}
#leftDown img{
margin-right:10px
}
#head #head_right{
width:500px;
float:left
}
#head_right #TopButton{
margin-top:35px
}
#TopButton img{
border:0;
margin-right:20px;
float:left
}
#TopButton a {
text-decoration:none
}
#TopButton a:hover{
text-decoration:none
}
#head_list1{
width:auto;
height:4px !important;
background-color: #47814f
}
/* content home */
#content{
width:auto;
border-top:4px solid #429ebe
}
#content #ForMain{
width:auto;
margin:0;
padding:0
}
/* content rent */
#content_rent{
width:auto;
}
#content_rent #ForMain{
width:auto;
margin:0;
padding:0
}
#content_rent #ForButton{
width:auto;
height:128px;
}
/* -------------------------------------- */
#ForMain #MainLeft{
width:256px;
padding:0 30px 0 30px;
float:left;
}
#MainLeft #RoundedBox1{
width:256px;
background-image:url(../images/box_bio_rounded1.gif);
background-repeat:no-repeat;
background-position:top;
height:15px;
}
#MainLeft #RoundedBox1bis{
width:256px;
background-image:url(../images/box_bio_rounded1bis.gif);
background-repeat:no-repeat;
background-position:top;
height:15px;
}
#MainLeft #RoundedBox2{
width:242px;
background: url(../images/box_bio_rounded2.gif) repeat-y bottom;
padding:0 5px 0 8px;
line-height:13pt;
font-family:"Trebuchet MS";
font-size:13px;
color:#4d4d4d
}
#MainLeft #RoundedBox3{
width:256px;
background-image:url(../images/box_bio_rounded3.gif);
background-repeat:no-repeat;
background-position:top;
height:10px;
}
/* MainRight Home */
#ForMain #MainRight{
width:683px;
border-left:1px solid #b3b3b3;
float:left;
margin-bottom:20px
}
#MainRight #Text{
width:633px;
margin-left:50px;
line-height:15pt;
color:#4d4d4d
}
/* MainRight Home */
#ForMain #MainRightRent{
width:638px;
float:left;
margin-bottom:20px;
}
#MainRightRent #Text{
width:638px;
margin-left:25px;
margin-right:15px;
line-height:15pt;
color:#4d4d4d
}
/* ----------------------------------- */
/* orange */
#Text #sub{
width:350px;
border-bottom:1px solid #ffffff
}
#Text #subText{
width:350px;
border-bottom:1px solid #b3b3b3
}
#subText h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#f79910;
font-size:16px;
line-height:8pt;
margin:5px 0 5px 0;
}
#Text .roundBox {
margin:10px 40px 25px 0;
width: 224px;
background: url(../images/round_bt_right.gif) no-repeat bottom right;
float:left;
}
.titreBio {
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
color: #429ebe;
}
.boxhead {
background: url(../images/round_tp_right.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}
.boxhead h2 {
background: url(../images/round_tp_left.gif) no-repeat top left;
margin: 0;
padding: 22px 0 5px;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
background: url(../images/round_bt_left.gif) no-repeat bottom left;
margin: 0;
padding:1px 5px 2px 10px;
color:#000
}
/* green */
#Text #subTextH{
width:400px;
border-bottom:1px solid #b3b3b3
}
#subTextH h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#47814f;
font-size:16px;
line-height:8pt;
margin:5px 0 5px 0;
}
#Text .roundBoxH {
margin:10px 40px 25px 0;
width: 224px;
background: url(../images/round_bt_right2.gif) no-repeat bottom right;
float:left;
}
#Text .SuperWidth{
width:633px;
margin:10px 0 5px 0;
background-color:#FFFFFF;
margin:10px 0 5px 0;
}
.boxbodyH {
background: url(../images/round_bt_left2.gif) no-repeat bottom left;
margin: 0;
padding:1px 5px 2px 10px;
color:#000
}
/* blue */
#Text #subTextB{
width:350px;
border-bottom:1px solid #b3b3b3
}
#subTextB h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#429ebe;
font-size:16px;
line-height:8pt;
margin:5px 0 5px 0;
}
.subTextpub h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:8pt;
margin:5px 0 5px 0;
}
#Text .roundBoxB {
margin:10px 40px 25px 0;
width: 224px;
background: url(../images/round_bt_right3.gif) no-repeat bottom right;
float:left;
}
.boxbodyB {
background: url(../images/round_bt_left3.gif) no-repeat bottom left;
margin: 0;
padding:1px 5px 2px 10px;
color:#000
}
/*Normal */
#Text #subTextN{
width:350px;
border-bottom:1px solid #b3b3b3
}
#subTextN h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#678187;
font-size:16px;
line-height:8pt;
margin:5px 0 5px 0;
}
/*--------------------- */
#Text p {
margin:10px 0 10px 0
}
#Text p a {
text-decoration:none;
color:#f79910
}
#Text p a:hover {
text-decoration:none;
color:#f8ba60
}
#Text ul{
list-style-type: none;
padding:0;
margin:0
}
#Text li{
list-style-type: none;
margin:0
}
#content #ForButton{
width:auto;
height:128px;
}
#ForButton #Button{
width:700px;
margin-left:300px;
padding-top:27px
}
#Button #b_Home {
background-image: url(../images/homeover.gif);
padding: 0px;
width: 80px;
height: 20px;
margin-right:20px;
float:left
}
#Button #b_Rent {
background-image: url(../images/rentover.gif);
padding: 0px;
width: 80px;
height: 20px;
margin-right:20px;
float:left
}
#Button #b_news {
background-image: url(../images/newsover.gif);
padding: 0;
width: 80px;
height: 20px;
float:left
}
#Button #b_blanc {
background-image: url(../images/newsover.gif);
padding: 0px;
width: 80px;
height: 20px;
float:left
}
#Button #b_enquiries {
background-image: url(../images/enquiriesover.gif);
padding-left: 200px;
width: 80px;
height: 20px;
float:left
}
#Button #b_Bio {
background-image: url(../images/bioover.gif);
padding: 0px;
width: 80px;
height: 20px;
margin-right:20px;
float:left
}
#Button #b_Clean {
background-image: url(../images/cleanover.gif);
padding: 0px;
width: 80px;
height: 20px;
margin-right:20px;
float:left
}
#Button #b_Contact {
background-image: url(../images/contactover.gif);
padding: 0px;
width: 80px;
height: 20px;
float:left;
margin-right:20px
}
#Button #b_Portfolio {
background-image: url(../images/portfolioover.gif);
padding: 0px;
width: 80px;
height: 20px;
float:left;
margin-right:20px
}
#footer{
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:3px;
padding:0px;
text-align: right;
font-size:10px
}
.hide{
display: none
}
.forLogo{
font:bold 50px "Arial", Helvetica, sans-serif;
color:#000000;
float:left;
padding:0 0 0 2px;
line-height:29pt;
}
.PushDown{
margin-top:23px
}
.rollover { display: block; }
.rollover img { width: 80px; height: 20px; border: 0; }
.rollover:hover { visibility: visible; /* for IE */ }
.rollover:hover img { visibility: hidden; }
.Orange {
color: #f79910
}
.Blue {
color:#429ebe
}
.Green {
color:#47814f
}
.pLeft {
float:left;
margin-right:5px;
width:150px;
border-left:1px solid #b3b3b3;
padding:0 0 0 5px;
}
.link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.link a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.link a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline
}
.link a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline
}
.link2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.link2 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.link2 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:underline
}
.link2 a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:underline
}