@charset "utf-8";
/* CSS Document */

body{
	background-color: #f0e9cf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #482517;
	font-size: 10pt;
}

#content-frame{
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	margin-top: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #482517;
	margin-bottom: 10px;
}

#content-body{
	background-color: #eaf4e6;
	overflow:hidden
}

#inner-content-body-left{
	float: left;
	width: 412px;
}

#inner-content-body-right{
	float: left;
	width: 356px;
}

#main-banner{
	background-image:url(images/banner.png);
	height: 120px;
}

#footer{
	background-image:url(images/footer.png);
	height: 22px;
}

/*============================ Menu Content ============================*/
#menu-container{
	width: 768px;
	height: 22px;
	overflow: hidden;
}

#menu-end{
	float: left;
	background-image:url(images/menu_end.png);
	width: 134px;
	height: 22px;
}

#menu-home{
	float: left;
	background-image:url(images/button_home.png);
	width: 102px;
	height: 22px;
	cursor: pointer;
}

#menu-home:hover{
	background-image:url(images/button_home_roll.png);
}

#menu-dev{
	float: left;
	background-image:url(images/button_dev.png);
	width: 156px;
	height: 22px;
	cursor: pointer;
}

#menu-dev:hover{
	background-image:url(images/button_dev_roll.png);
}

#menu-gallery{
	float: left;
	background-image:url(images/button_gallery.png);
	width: 110px;
	height: 22px;
	cursor: pointer;
}

#menu-gallery:hover{
	background-image:url(images/button_gallery_roll.png);
}

#menu-contact{
	float: left;
	background-image:url(images/button_contact.png);
	width: 132px;
	height: 22px;
	cursor: pointer;
}

#menu-contact:hover{
	background-image:url(images/button_contact_roll.png);
}

/*============================ Home Content ============================*/
#home-title{
	background-image:url(images/title_home.png);
	width: 284px;
	height: 16px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#home-text{
	margin-left: 25px;
	margin-bottom: 20px;
}

#home-image{
	background-image:url(images/content_image_home.jpg);
	width: 300px;
	height: 239px;
	border:solid;
	border-width: 1px;
	background-color: #482517;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

#home-galleryicon{
	background-image:url(images/view_gallery.png);
	width: 110px;
	height: 86px;
	margin-bottom: 20px;
	margin-left: 25px;
	cursor: pointer;
}
#home-galleryicon:hover{
	background-image:url(images/view_gallery_roll.png);
}

/*============================ Developments Content ============================*/
#dev-title{
	background-image:url(images/title_dev.png);
	width: 139px;
	height: 22px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#dev-subtitle-yaxley-library{
	background-image:url(images/subtitle_dev_yaxleylibrary.png);
	width: 159px;
	height: 20px;
	margin-left: 25px;
	margin-bottom: 30px;
	cursor: pointer;
}
#dev-subtitle-yaxley-library:hover{
	background-image:url(images/subtitle_dev_yaxleylibrary_roll.png);
}

#dev-subtitle-manea{
	background-image:url(images/subtitle_dev_manea.png);
	width: 56px;
	height: 13px;
	margin-left: 25px;
	margin-bottom: 30px;
	cursor: pointer;
}
#dev-subtitle-manea:hover{
	background-image:url(images/subtitle_dev_manea_roll.png);
}

#dev-image{
	background-image:url(images/content_image_dev.jpg);
	width: 300px;
	height: 225px;
	border:solid;
	border-width: 1px;
	background-color: #482517;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

#dev-text{
	margin-left: 25px;
	margin-bottom: 30px;
}

/*============================ Gallery Content ============================*/
#gallery-title{
	background-image:url(images/title_gallery.png);
	width: 70px;
	height: 22px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#gallery-text{
	margin-left: 25px;
	margin-bottom: 15px;
}

#gallery-simpleviewer{
	height: 610px;
	padding-bottom: 15px;
}

/*============================ Contact Content ============================*/
#contact-title{
	background-image:url(images/title_contact.png);
	width: 105px;
	height: 15px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#contact-info{
	float: left;
	margin-left: 25px;
	margin-bottom: 30px;
}

#contact-map-frame{
	float: right;
	width: 400px;
	height: 350px;
	border: solid;
	border-width: 1px;
	background-color: #482517;
	margin-right: 25px;
	margin-bottom: 20px;
}