/* Alpine Interiors CSS Document */

body {
	background-color:#4E5452;
	padding:0;
	margin:0;
	text-align:center; /* horizontal centering for IE Win quirks */
	height:100%;
	}
html {
	height:100%;
	}
form{
	padding:0;
	margin:0;
	}
ul{
	margin:0;
	padding:0;
	}
a img{
	border:0;
	}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text decoration: none;
	}
a:hover {
	color: #FFFFFF;
	text decoration: none;
	}
/*------------------------------------------------------------*
**  Center horizontally & Vertically
**------------------------------------------------------------*/	

#distance { 
	height:50%;
	margin-bottom:-335px; /* half of container's height */
	float:left;
	}
#container {
	margin:0 auto;
	padding:0;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:665px;
	width:901px;
	clear:left;
	background-color:#4E5452;
	}
#header {
	background-color:#4E5452;
	height:129px;
	width:163px;
	text-align:center;
	margin:0 auto;
	border:0px solid #fff;
	clear:both;
	}
#left {
	width:199px;
	height:411px;
	float:left;
	background-color:#616765;
	border:0;
	padding:0;
	margin:0;	
	}
/*------------------------------------------------------------*
**  Mainmenu
**------------------------------------------------------------*/
#left #mainmenu {
	padding:0;
	margin:0;	
	}
#left #mainmenu ul li { display: inline; list-style:none; }
#left #mainmenu ul li a { float: left; display:block; width: 199px; height: 33px; margin:0; }
#left #mainmenu ul li a img {  border:none; vertical-align:bottom; /* for IE6 */}
.menuheader{
	height:10px;
	line-height:10px;
	display:block;
	padding:0;
	margin:0;	
	}
.home a{
	width:199px;
	height:33px;
	margin:0;
	display:block;
	line-height: 33px;
	background: #fff url(images/home.gif) no-repeat bottom;
	}
.about a{
	width:199px;
	height:33px;
	margin:0;
	display:block;
	line-height: 33px;
	background: #fff url(images/aboutus.gif) no-repeat bottom;
	}
.contact a{
	width:199px;
	height:33px;
	margin:0;
	display:block;
	line-height: 33px;
	background: #fff url(images/contact.gif) no-repeat bottom;
	}
.home a:hover,
.home a#active,
.about a:hover,
.about a#active,
.contact a:hover,
.contact a#active {
	background-position: top;
	}
/*------------------------------------------------------------*
**  Submenu
**------------------------------------------------------------*/
#left #submenu {
	float:left;
	clear:left;
	padding:0;
	margin:20px 0 0 0;	
	}
#left #submenu li { display: inline; list-style:none; }
#left #submenu li a { float: left; display:block; width: 199px; height: 32px; margin:0; }
#left #submenu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
.kitchens a{
	width:199px;
	height:32px;
	margin:0;
	display:block;
	line-height:32px;
	background:#fff url(images/kitchens.gif) no-repeat bottom;
	}
.bedrooms a{
	width:199px;
	height:32px;
	margin:0;
	display:block;
	line-height:32px;
	background:#fff url(images/bedrooms.gif) no-repeat bottom;
	}
.studies a{
	width:199px;
	height:32px;
	margin:0;
	display:block;
	line-height:32px;
	background:#fff url(images/studies.gif) no-repeat bottom;
	}
.furniture a{
	width:199px;
	height:32px;
	margin:0;
	display:block;
	line-height:32px;
	background:#fff url(images/furniture.gif) no-repeat bottom;
	}
.joinery a{
	width:199px;
	height:32px;
	margin:0;
	display:block;
	line-height:32px;
	background:#fff url(images/joinery.gif) no-repeat bottom;
	}
.kitchens a:hover,
.kitchens a#active,
.bedrooms a:hover,
.bedrooms a#active,
.studies a:hover,
.studies a#active,
.furniture a:hover,
.furniture a#active,
.joinery a:hover,
.joinery a#active {
	background-position: top;
	}
#centercontent {
	float:left;
	display:block;
	width:660px;
	height:379px;
	background:#fff url(images/centercontent.gif) right no-repeat;
	margin:0 0 0 10px;
	padding:16px;
	}
#bleft {
	float:left;
	width:199px;
	background-color:#616765;
	border:0;
	padding:0;
	margin:0;
	}
#bright {
	float:left;
	border:0;
	padding:0;
	margin:0 0 0 10px;
	width:691px;
	background-color:#990066;
	}
#bright a {
	position:absolute; 
	bottom:41px; 
	right:92px; 
	margin:0; 
	width:80px; 
	height:19px;
	display:block;
	background:#7dd0e2 url(images/viewnow.gif) no-repeat bottom;
	}
#bright a:hover {
	background-position: top;
	}
#footer {
	float:left;
	height:0px;
	width:901px;
	padding:0;
	margin:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	color:#999999;
	text decoration:none;
	}
/*------------------------------------------------------------*
**  Room views
**------------------------------------------------------------*/
#views {
	float:left;
	width:453px;
	height:379px;
	margin-right:16px;
	background-color:#fff;
	}
#viewdescription {
	float:left;
	width:190px;
	height:379px;
	background-color:#fff;
	}
#onetwothree {
	margin-top:5px;
	}
#onetwothree li { display: inline; list-style:none; }
#onetwothree li a { float: left; display:block; width: 60px; height: 15px; }
#onetwothree li a img {  border:none; vertical-align:bottom; /* for IE6 */}
.one a{
	width:60px;
	height:15px;
	margin:0 5px 0 0;
	display:block;
	line-height:15px;
	background:#fff url(images/one.gif) no-repeat bottom;
	}
.two a{
	width:60px;
	height:15px;
	margin:0 5px 0 0;
	display:block;
	line-height:15px;
	background:#fff url(images/two.gif) no-repeat bottom;
	}
.three a{
	width:60px;
	height:15px;
	margin:0;
	display:block;
	line-height:15px;
	background:#fff url(images/three.gif) no-repeat bottom;
	}
.one a#active,
.two a#active,
.three a#active {
	background-position:top;
	}
/* CAUSES CELL EXPANSION PROBLEM IN IE6 THEREFORE REMOVED
.one a:hover,
.two a:hover,
.three a:hover {
	background-position:top;
	}
*/
#viewtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E5452;
	float:left;
	margin-top:10px;
	}
.viewtext_heading {
	font-family: Arial, Helvetica, sans-serif;
	color: #7DD0E2;
	font-weight: bold;
	font-size: 12px;
	padding:0;
	margin:0;
	}
#contact {
	width:658px;
	height:379px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	float:left;
	background:#fff url(images/contact_big.jpg) no-repeat;	
	}
#contact p{
	padding:0;
	margin:10px 0 0 0;
	line-height:20px;
	}
#contact_bold, #contact a{
	font-size:18px;
	color:#7DD0E2;
	text-decoration:none;
	}
#contact a:hover{
	text-decoration:underline;
	}
#contact span {
	position:absolute; 
	right:15px;
	top:260px; 
	margin:0;
	padding:0; 
	width:300px; 
	height:95px;
	}