body {
background: #FFF url(../images/template/sky_corner_left.jpg) 0 0 no-repeat;
font: 70%/1.6em "Tahoma",Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000; padding:0px; margin:0px; height:100%;behavior:url("csshover.htc"); }



a {color: #ad170c;}
a:visited {color:#ad170c;}
a:hover {color: #000;}
a:active { color:#000000;}

h1 { font-size: 180%; padding:5px 15px; margin:0px }
h2 { margin:0; padding:0; font-weight:normal; }
h3 { margin:0 0 0 20px; padding:0; font-size:140%;  }
h4 {  margin:0 0 0 20px; padding:0; font-size:110%; }

#bgWrapper { position:relative;
bottom: -10px; left: 0px; width:100%; background: transparent url(../images/template/sand_footer.gif) bottom left no-repeat; }


/* ----------container to center the layout-------------- */

#container { z-index:2; width: 650px; margin-bottom: 10px; margin-left:40px; margin:0 auto; }

/* ----------banner for logo-------------- */
#banner {
padding: 10px 0 0 0 ;
margin: 0px;
position:relative;
}
#banner #accessability { position:absolute;
top:0;
right:0; }


#banner h1 {
padding: 46px 0 0 0; 
overflow: hidden; 
margin:0;
background-image: url(../images/template/harwin_logo.png); 
background-repeat: no-repeat; 
height: 0px !important; /* for most browsers */
height /**/:46px; /* for IE5.5's bad box model */
text-indent: -9000px;
}

#banner h1  { background: url('../images/template/harwin_logo.png') no-repeat left top;
* background: none;
* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/harwin_logo.png', sizingMethod='fixed'); }

#banner h2 { margin:0; padding:0; font-size: 90%; }

/* =navigation
----------------------------------------------- */

#navigation ul, #navigationAcc ul { padding:0; margin:0; }
#navigation, , #navigationAcc {  margin: 0; padding: 0; height: 33px;
list-style: none; display: inline; overflow: hidden;}

#navigation li, #navigationAcc li  { margin: 0; padding: 0;
list-style: none; display: inline; }

#navigation a, #navigationAcc a { float: left;
padding: 33px 0 0 0; overflow: hidden;
height: 0px !important; height /**/:33px; /* for IE5/Win only */
	}
	
#navigation a:hover, #navigationAcc a:hover {
background-position: 0 -33px;}

#navigation a:active, #navigation a.selected, #navigationAcc a:active, #navigationAcc a.selected {
background-position: 0 0;}



#home a { width: 55px; background: url(../images/buttons/home.gif) top left no-repeat; }
#about a {  width: 78px; background: url(../images/buttons/about.gif) top left no-repeat;}
#apartments a { width: 98px; background: url(../images/buttons/apartment.gif) top left no-repeat; }
#tariff a { width: 59px; background: url(../images/buttons/tariff.gif) top left no-repeat;}
#torbay a { width: 66px; background: url(../images/buttons/torbay.gif) top left no-repeat;}
#photography a { width: 111px; background: url(../images/buttons/photography.gif) top left no-repeat;}
#contact a { width: 80px; background: url(../images/buttons/contact.gif) top left no-repeat;}
#up a { width: 33px; background: url(../images/buttons/increase.gif) top left no-repeat;}
#down a { width: 33px; background: url(../images/buttons/decrease.gif) top left no-repeat;}


/* =content
----------------------------------------------- */

#content {
padding: 30px 0 50px 0;
margin-left: 254px;
margin-right: 0px;
}


div#content { 
min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

p {
padding: 5px 10px 10px 20px;
margin:0px;
}


/* --------------left navi------------- */
#left {
float: left;
width: 254px;
margin: 0 0 30px 0;
padding: 30px 0 0 0;
}

/* =footer
----------------------------------------------- */

#footer {
border-top:3px solid #a0c1e4;
clear: both;
margin: 0;
padding: 10px 0 0 0;
text-align: right; }

#footer a { color: #000000; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer span a { color:#999999;}

#footer img { margin-right:125px; }

/* -----------------misc--------------------- */

.border { border:1px solid #ad170c; }
.margBottom { margin-bottom:30px; }

.top a { padding-bottom:5px; text-decoration:none; background: transparent url(../images/template/dot.gif) bottom left repeat-x; }

/* =header
----------------------------------------------- */

h2#featuredApartments {padding: 27px 0 0 0; overflow: hidden; 
margin:10px 0 10px 0;background-image: url(../images/titles/featured_apartment.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:27px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2#details {padding: 27px 0 0 0; overflow: hidden; 
margin:15px 0 5px 0;background-image: url(../images/titles/details.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:27px; /* for IE5.5's bad box model */text-indent: -9000px; }

h2#sampleTariffs {clear: both;padding: 27px 0 0 0; 
overflow: hidden; margin:10px 0 10px 0;
background-image: url(../images/titles/sample_tariff.gif); 
background-repeat: no-repeat; height: 0px !important; /* for most browsers */
height /**/:27px; /* for IE5.5's bad box model */text-indent: -9000px;}

h2#contact { background: url(../images/titles/contact_harwin.gif) 14% 0 no-repeat; }
h2#welcome { background: url(../images/titles/welcome.gif) 10% 0 no-repeat;}
h2#apartment { background: url(../images/titles/apartment.gif) 7% 0 no-repeat;}
h2#torbay { background: url(../images/titles/torbay.gif) 15% 0 no-repeat;  }
h2#photography { background: url(../images/titles/photos.gif) 15% 0 no-repeat;  }
h2#tariffpg1 { background: url(../images/titles/groundfloor.gif) 15% 0 no-repeat;  }
h2#tariffpg2 { background: url(../images/titles/firstfloorpg1.gif) 15% 0 no-repeat;  }
h2#tariffpg3 { background: url(../images/titles/firstfloorpg2.gif) 15% 0 no-repeat;  }
h2#tariffpg4 { background: url(../images/titles/secondfloor.gif) 15% 0 no-repeat;  }
h2#about { background: url(../images/titles/about.gif) 15% 0 no-repeat;  }

h2#welcome, h2#contact, h2#apartment, h2#torbay, h2#tariffpg1, h2#tariffpg2,
h2#tariffpg3, h2#tariffpg4, h2#about, h2#photography  {padding: 50px 0 0 0; 
overflow: hidden; height: 0px !important; /* for most browsers */
height /**/:50px; /* for IE5.5's bad box model */text-indent: -9000px; }


/* =sidebar
----------------------------------------------- */

.sideTaste p { padding:0 5px 0 5px; }
.sideTasteSide { position:absolute; top:0; right:0; border-right:1px solid #ad170c; height:50px; }

.sideTaste { width:232px; padding:5px; border-top:1px solid #ad170c; 
border-left:1px solid #ad170c; position:relative; 
background: transparent url(../images/template/border_bottom.gif) bottom left no-repeat; height:103px; }

.sideTaste img { float:left; margin-right:10px;  border:1px solid #ad170c;;   }
.sideTaste h3 { margin:0; padding:0; font-size:100%; text-transform:uppercase; }
.sideTaste p { margin-top:0; }
.sideTaste a { color: #000; font-weight:bold; }
.sideTaste a:hover { text-decoration:none; }

/* =sidecontact
----------------------------------------------- */

.sideContact p { padding:0 5px 0 5px; }
.sideTasteSide { position:absolute; top:0; right:0; border-right:1px solid #ad170c; height:50px; }

.sideContact { width:232px; padding:5px; border-top:1px solid #ad170c; 
border-left:1px solid #ad170c; position:relative; 
background: transparent url(../images/template/border_bottom.gif) bottom left no-repeat; height:25em; }

.sideContact img { float:left; margin-right:10px;  border:1px solid #ad170c;;   }
.sideContact h3 { margin:0; padding:0; font-size:100%; text-transform:uppercase; }
.sideContact p { margin-top:0; }
.sideContact a { color: #000; font-weight:bold; }
.sideContact a:hover { text-decoration:none; }