html 
{
  /* Force scrollbar */
  /* IE - INVALID CSS COMMAND (BUT IT WORKS!)
  overflow-y: scroll; */
  /* Mozilla */
  height: 101%;
  margin-bottom: 0.1em;
}

*{margin:0;padding:0;}

.hide{display:none;}

.clear{clear:both;height:0;line-height:0;font-size:0;}

hr
{
	border: 0;
	height: 1px;
	margin: 10px 0 10px 0;
	width: 100%;
	color: #d2d2d2;
	background-color: #d2d2d2;
	/*IE Only*/
	text-align: left;
}



body {
  position: relative;
  text-align: center;
  min-width: 850px;
}

#container {
  margin:50px auto 0 auto;
  width: 950px;
  text-align: left;
  color: #fff;
}

#logo
{
	margin: 0 auto;
	width: 253px;
	height: 118px;
	background: url(images/logo_small.jpg) no-repeat 0 0;
}

#logo h1
{
	display: none;
}

#content
{
  float: left;
  margin: 60px 0 0 5px;
}

#left {
  float: left;
  margin: 100px 0 0 0;
}

#right {
  float: left;
  margin: 100px 0 0 0;
}

a{color:#fff;}

a:hover{text-decoration:none;}

.hpWrapper
{
	width: 900px;
	margin: 15px auto 0 auto;
	text-align: left;
	color: #fff;
	font-family: Georgia, Serif;
	font-size: 13px;
}

.hpHeader
{
	height: 130px;
	margin: 0 0 30px 0;
}

h1
{
	float: left;
	width: 311px;
	height: 152px;
	background: url(images/cbHP_logo.jpg) no-repeat 0 0;
}

h2{display:none;}

.comms
{
	position: relative;
	width: 281px;
	height: 77px;
	float: right;
	text-align: right;
	font-weight: bold;
	padding: 50px 0 0 0;
}

.comms p{text-align:left;}

.comms .email{text-align:right;}

.comms .phone
{
	font-size: 40px;
	color: #bcdae3;
	margin: 0 0 3px 0;
	text-align: right;
}

.hpNav{height:380px;margin:0 0 15px 0;}

a.shopLink
{
	display: block;
	float: left;
	width: 580px;
	height: 90px;
	padding: 290px 0 0 20px;
	background: url(images/cbHP_shop.jpg) no-repeat 0 0;
	text-decoration: none;
}

a.interiorLink, a.showhomesLink
{
	display: block;
	float: left;
	width: 280px;
	height: 60px;
	padding: 130px 0 0 20px;
	background: url(images/cbHP_interiors.jpg) no-repeat 0 0;
	text-decoration: none;
}

a.showhomesLink{background: url(images/cbHP_showhomes.jpg) no-repeat 0 0;}

a.shopLink:hover .descript, a.interiorLink:hover .descript, a.showhomesLink:hover .descript{text-decoration:underline;}

a.shopLink span, a.interiorLink span, a.showhomesLink span, a.map span{display:block;}

a.shopLink .heading{font-size:48px;}

a.interiorLink .heading, a.showhomesLink .heading{font-size:30px;}

.bottomPanels
{
	height: 285px;
	border: 1px solid #767676;
	margin: 0 0 15px 0;
}

.panel
{
	display: block;
	width: 298px;
	height:285px;
	float: left;
	border-right: 1px solid #767676;
}

.panel.network{text-align: center;}
.panel.map{float: right;border-right: 0 none;}

.panel h3{font-size:18px;padding: 15px;}

.panel.enqForm h3{padding:0;margin: 0 0 15px 0;}

.panel.enqForm
{
	width: 258px;
	height: 245px;
	padding: 20px;
	background: url(images/cbHP_enqform.jpg) no-repeat 0 0;
}

.panel.enqForm p
{
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 13px;
}

.panel.enqForm input, .panel.enqForm textarea
{
	font-family: Arial, Verdana, Sans-serif;
	color: #333;
	font-size: 13px;
}

.panel.enqForm textarea
{
	padding: 10px;
}

.network a
{
	display: block;
	margin: 40px 0 40px 0;
}

a.map
{
	width: 298px;
	height: 285px;
	background: url(images/cbHP_map.jpg) no-repeat 0 0;
	text-decoration: none;
	font-size: 13px;
}

a.map .heading{font-size:18px;margin:0 0 10px 0;}

a.map .descript{margin: 0 0 10px 20px;}

a.map .mapLink{text-decoration:underline; margin: 0 0 10px 20px;}
a.map:hover .mapLink{text-decoration:none;}




.footer
{
	height: 150px;
	background: url(images/footer.jpg) repeat-x 0 0;
	border-top: 1px solid #767676;
	padding: 15px;
	color: #888888;
	font-size: 11px;
}

.footer a{color: #888888;}

.footer .ftr-l
{
	float: left;
}

.footer .ftr-r
{
	float: right;
}