body{

	margin: 0px;

	padding: 35px 0px;

	font-family: Arial, Helvetica, sans-serif;

}



#container{

	width: 800px;

	border: 1px solid #dedede;

	margin: 0px auto;

	padding: 0px;

}



/* HTML */

h1, h2, h3, p{

	margin-top: 0px;

	margin-bottom: 12px;

	color: #ffffff;

}

h1{

	font-size: 12px;

}

p{

	font-size: 12px;

}

li{

	color: #ffffff;

}

li a{

	color: #ffffff;

}

a{

	color: #fff;

}

a:hover{

	color: #cccccc;

}

/* BODYBOX */

#bodybox{

	border: 27px solid #F1F1F1;

	height: 380px;
}

h1.maintitle{

	background: url(assets/images/home.jpg) no-repeat;

	width: 666px;

	height: 380px;

	margin: 0px;

	padding: 0px;

	text-indent: -10000px;

}

#b-left{

	float: left;

	width: 666px;

	height: 380px;

	margin: 0px;

	padding: 0px;

}

	/* body left */

	#bl-wrap{

		float: left;

		width: 221px;

		height: 380px;

	}

	.bl-content{

		padding: 20px 25px 0px 25px;

		font-size: 12px;

	}

	#bl-image{

		float: left;

		margin: 0px;

		padding: 0px;

	}

	

	.bgred{

		background-color: #8f2126;

	}

	.bggreen{

		background-color: #b9b710;

	}

	.bgpurple{

		background-color: #663366;

	}

	.cpurple{

		color: #663366;

	}

#b-menu{

	float: left;

}

#b-menu ul{

	margin: 0px;

	padding: 0px;

}

#b-menu li{

	float: left;

	list-style: none;

	width: 20px;

	height: 380px;

	margin: 0px;

}

#b-menu li a{

	display: block;

	width: 20px;

	height: 380px;

	text-indent: -10000px;

}



	/* icon */

	#b-menu li.home{

		background: url(assets/images/a-home.gif) no-repeat;

	}

	#b-menu li.service{

		background: url(assets/images/a-service.gif) no-repeat;

	}

	#b-menu li.gallery{

		background: url(assets/images/a-gallery.gif) no-repeat;

	}

	#b-menu li.contact{

		background: url(assets/images/a-contact.gif) no-repeat;

	}

	

.blc-data{

	min-height: 290px;

}

	/* ie hack \*/

	* html .blc-data{

		height: 290px;

	}

	/* end */

		

h2.subtitle{

	text-indent: -10000px;

	height: 21px;

	width: 171px;

}

	

/* gallery */

.bl-gallery{

	padding: 20px 0px;

	margin-left: 221px;

	text-align: center;

	white-space: nowrap;

}

.bl-gallery img{

	border: none;

}

.bl-gallery ul{

	margin: 18px 0px 0px 20px;

	padding: 0px;

	text-align: center;

}	

.bl-gallery li{

	list-style: none;

	float: left;

	margin-right: 35px;

}

.bl-gallery li.last{

	margin-right: 0px;

}

.gallery5 ul li{

	margin-right: 7px;

}



	/* gallery title */	

	#atherton{

		background: url(assets/images/atherton.gif) no-repeat;

	}

	#charing{

		background: url(assets/images/charing.gif) no-repeat;

	}

	#orchad{

		background: url(assets/images/orchad.gif) no-repeat;

	}

	#devonshire{

		background: url(assets/images/devonshire.gif) no-repeat;

	}

    #lomond{

		background: url(assets/images/lomond.gif) no-repeat;

	}


/* FOOT */	

p.f-breadcrumb{

	margin: 0px;

	padding: 4px 0px 4px 52px;

	background-color: #999999;

	font-size:10px;

	color: #663366;

}

.f-breadcrumb a{

	color: #663366;

	text-decoration: none;

	font-weight: bold;

}

.f-data{

	padding: 30px 30px 28px 0px;

	text-align: right;

	background-color: #cccccc;

}	

	

/* function */

li.last{

	margin-right: 0px;

}

.clear:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clear {display: inline-table;}



	/* Hides from IE-mac \*/

* html .clear {height: 1%;}

.clear {display: block;}

	/* End hide from IE-mac *