
* {
	margin: 0;
	padding: 0;
}
	
body {
	margin: 0;
	padding: 0;
	background: black url('../img/bodybg.gif') left top repeat;
	font-family: 'Myriad Pro', arial, Tahoma, sans-serif;
}

a { outline: none; border: 0; text-decoration: none; }
a img { outline: none; border: 0; }
a:hover { text-decoration:none }

img[border="1"] {
	border: 1px solid #CCC;
}

#header {
	width: 923px;
	height: 213px;
	background: transparent url('../img/header.jpg') left top no-repeat;
	padding: 0;
	margin: 30px auto 0 auto;
}

ul#menu {
	width: 690px;
	padding: 0;
	margin: 0 auto;
}

ul#menu li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

ul#menu li a:link, ul#menu li a:visited {
	display: block;
	padding: 10px 13px 10px 13px !important;
	padding: 10px 14px;
	float: left;
	color: white;
	letter-spacing: 2px;
	font-size: 10px;
	text-transform: uppercase; 
}

ul#menu li a:hover, ul#menu li a:active {
	color: #5E74C0;
}

#b-home ul#menu li a#m-home,
#b-facilities ul#menu li a#m-facilities,
#b-interiors ul#menu li a#m-interiors,
#b-plans ul#menu li a#m-plans,
#b-gallery ul#menu li a#m-gallery,
#b-price ul#menu li a#m-price,
#b-progress ul#menu li a#m-progress,
#b-contact ul#menu li a#m-contact {
	color: #5E74C0;
}

div.clean { clear: both; }

#container {
	background: white url('../img/topcontent.jpg') left top no-repeat;
	width: 923px;
	padding: 0;
	margin: 0 auto;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
}

div.content {
	font-size: 14px;
	padding: 15px 10px !important;
	padding: 15px 0;
	line-height: 100%;
	color: #444;
	margin: 0 35px;
}

div.content div.thumb {
	border-bottom: 1px solid black;
	padding: 5px 0;
	width: 798px;
	margin: 0 auto;
}

div.content p {
	line-height: 150%;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

	h1.title {
		font-weight: normal;
		letter-spacing: 1px;
		font-size: 18px;
		color: #444;
		padding: 0;
		margin: 0;
	}
	
	h1.subtitle {
		font-weight: normal;
		letter-spacing: 1px;
		font-size: 18px;
		color: #000;
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	h2.subtitle {
		font-weight: normal;
		letter-spacing: 1px;
		font-size: 15px;
		color: #777;
		padding: 0;
		margin: 8px 0 8px 0;
	}

	p.p1 { color: #444; }
	p.p2 { color: #777; }
	p.p3 { color: #888; }
	p.p4 { color: #222; font-weight: bold; }
	p.p-err { color: #880000; }
	
	.content a:link, .content a:visited {
		color: #5E74C0;
	}
	
	.content a:hover, .content a:active {
		color: #000;
		text-decoration: underline;
	}
	
	div.tht {
		display: block;
		float: left;
		background: #FFF;
		padding: 3px 3px 0 3px;
		border: 1px solid #CCC;
		margin-right: 8px;
		position: relative;
	}
	
		div.tht span {
			display: block;
			position: absolute;
			bottom: 0;
			right: 0;
			padding: 3px 10px;
			background-color: #EEE;
			color: #222;
			text-transform: uppercase;
			font-size: 10px;
			letter-spacing: 1px;
			width: 106px;
		}
	
	div.th {
		display: block;
		float: left;
		background: #FFF;
		padding: 5px 5px 2px 5px;
		border: 1px solid #CCC;
		margin-right: 10px;
	}

div.list-con {
	float: left;
	margin: 0 20px;
	width: 250px;
}

ul.list {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

ul.list li {
	list-style: circle;
	font-style: italic;
	padding:3px 0;
	border-bottom: 1px solid #EEE;
	font-size: 14px;
}

ul.list li a:link, ul.list li a:visited {
	font-style: normal;
	display: block;
}

ul.list li a:hover, ul.list li a:active {
	background-color: #FAFAFA;
	text-decoration: none;
}

div.fac-img {
	float: left;
	padding: 10px;
	background: #EEE;
	height: 300px;
	width: 512px;
}

div.gal-left {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0 10px 0 0;
}

div.gal-con {
	margin: 0;
	padding: 0;
	float: left;
	width: 600px !important;
	width: 630px;
}

div.gcl {
	width: 400px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

div.gcr {
	width: 190px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 140%;
	font-size: 12px;
}

div.le {
	float: left;
	width: 805px;
	margin: 0;
}

div#msg {
	background: #EEE;
	padding: 13px 10px;
	margin: 0;
}

div#msg p {
	font-size: 13px;
	color: #333;
}

div#msgar { margin: 0; padding: 0; height: 10px; }

table#con {
	margin: 0;
	padding: 0;
}

table#con tr td {
	padding: 5px 0;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #333;
	font-size: 12px;
}

form#form {
	margin: 0;
	padding: 0;
}

form#form button.disabled {
	border: 1px solid #CCC;
	font-family: 'andale mono', 'courier new', monospace;
	font-size: 13px;
	color: #444;
	letter-spacing: 1px;
	padding: 5px;
}

form#form input.ic {
	border: 1px solid #CCC;
	font-family: 'andale mono', 'courier new', monospace;
	font-size: 13px;
	color: #222;
	letter-spacing: 1px;
	padding: 6px;
}

form#form input.i {
	border: 1px solid #CCC;
	font-family: 'adobe caslon pro', 'hoefler text', georgia, serif;
	font-size: 13px;
	color: #222;
	letter-spacing: 1px;
	padding: 5px;
}

form#form select.se {
	border: 1px solid #CCC;
	font-family: 'adobe caslon pro', 'hoefler text', georgia, serif;
	font-size: 13px;
	color: #222;
	letter-spacing: 1px;
	padding: 5px;
	width: 366px;
}

form#form input.i:hover {
	border: 1px solid #888;
}

form#form input.i:focus {
	border: 1px solid #888;
}

form#form textarea.t {
	border: 1px solid #CCC;
	font-family: 'adobe caslon pro', 'hoefler text', georgia, serif;
	font-size: 13px;
	color: #222;
	letter-spacing: 1px;
	padding: 5px;
}

form#form textarea.t:focus {
	border: 1px solid #888;
}

#footer {
	background: transparent url('../img/botcontent.jpg') left top no-repeat;
	padding: 15px 0 0 0;
	margin: 0 auto 30px auto;
	width: 923px;
	text-align: center;
}

#footer .ftext {
	color: white;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: 13px;
}

.ftext a:link, .ftext a:visited {
	color: #5E74C0;
}

.ftext a:hover, .ftext a:active {
	color: #FFF;
	text-decoration: underline;
}

/* opening page */
#opening_logo {
	display: block;
	margin: 50px auto;
}

div.plan-left {
	float: left;
	width: 200px;
	margin-right: 20px;
	padding: 0 0 0 15px;
}

div.plan-right {
	float: left;
	width: 590px;
}

/*----------------------------------------groundplan--------------------------------------------*/
div#groundplan {
	width: 585px;
	height: 408px;
	position: relative;
	background: white url('../img/keyplan/groundplan/big.jpg') left top no-repeat;
	display: block;
	margin: 0;
	padding: 0;
}

	div.r1020 a {
		border: 0;
		position: absolute;
		left: 160px;
		top: 260px;
		width: 65px;
		height: 85px;
	}
	
	div.r1019 a {
		border: 0;
		position: absolute;
		left: 226px;
		top: 250px;
		width: 60px;
		height: 68px;
	}	
	
		div.r1018 a {
		border: 0;
		position: absolute;
		left: 287px;
		top: 240px;
		width: 59px;
		height: 68px;
	}	
	
		div.r1017 a {
		border: 0;
		position: absolute;
		left: 347px;
		top: 230px;
		width: 59px;
		height: 68px;
	}	
	
	div.r1009 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 203px;
		width: 70px;
		height: 65px;
	}

	div.r1008 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 121px;
		width: 70px;
		height: 82px;
	}
	
	div.r1007 a {
		border: 0;
		position: absolute;
		left: 175px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r1006 a {
		border: 0;
		position: absolute;
		left: 237px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r1005 a {
		border: 0;
		position: absolute;
		left: 299px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r1004 a {
		border: 0;
		position: absolute;
		left: 360px;
		top: 49px;
		width: 40px;
		height: 58px;
	}
	
		div.r1003 a {
		border: 0;
		position: absolute;
		left: 401px;
		top: 49px;
		width: 40px;
		height: 58px;
	}
/*----------------------------------------firstplan--------------------------------------------*/
div#firstplan {
	width: 585px;
	height: 408px;
	position: relative;
	background: white url('../img/keyplan/firstplan/big.jpg') left top no-repeat;
	display: block;
	margin: 0;
	padding: 0;
}


	div.r2020 a {
		border: 0;
		position: absolute;
		left: 160px;
		top: 260px;
		width: 65px;
		height: 85px;
	}
	
	div.r2019 a {
		border: 0;
		position: absolute;
		left: 226px;
		top: 250px;
		width: 60px;
		height: 68px;
	}	
	
		div.r2018 a {
		border: 0;
		position: absolute;
		left: 287px;
		top: 243px;
		width: 59px;
		height: 68px;
	}	
	
		div.r2017 a {
		border: 0;
		position: absolute;
		left: 347px;
		top: 235px;
		width: 59px;
		height: 68px;
	}	
	
		div.r2016 a {
		border: 0;
		position: absolute;
		left: 447px;
		top: 264px;
		width: 59px;
		height: 40px;
	}	
	
		div.r2015 a {
		border: 0;
		position: absolute;
		left: 447px;
		top: 200px;
		width: 59px;
		height: 62px;
	}	
	
		div.r2012 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 353px;
		width: 70px;
		height: 40px;
	}
	
		div.r2011 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 312px;
		width: 70px;
		height: 40px;
	}
	
	div.r2010 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 271px;
		width: 70px;
		height: 40px;
	}
	div.r2009 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 203px;
		width: 70px;
		height: 67px;
	}

	div.r2008 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 123px;
		width: 70px;
		height: 80px;
	}
	
	div.r2007 a {
		border: 0;
		position: absolute;
		left: 175px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r2006 a {
		border: 0;
		position: absolute;
		left: 237px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r2005 a {
		border: 0;
		position: absolute;
		left: 299px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r2004 a {
		border: 0;
		position: absolute;
		left: 360px;
		top: 49px;
		width: 40px;
		height: 58px;
	}
	
		div.r2003 a {
		border: 0;
		position: absolute;
		left: 401px;
		top: 49px;
		width: 40px;
		height: 58px;
	}
/*----------------------------------------secondplan--------------------------------------------*/
div#secondplan {
	width: 585px;
	height: 408px;
	position: relative;
	background: white url('../img/keyplan/secondplan/big.jpg') left top no-repeat;
	display: block;
	margin: 0;
	padding: 0;
}


	div.r3020 a {
		border: 0;
		position: absolute;
		left: 160px;
		top: 260px;
		width: 65px;
		height: 85px;
	}
	
	div.r3019 a {
		border: 0;
		position: absolute;
		left: 226px;
		top: 250px;
		width: 60px;
		height: 68px;
	}	
	
		div.r3018 a {
		border: 0;
		position: absolute;
		left: 287px;
		top: 243px;
		width: 59px;
		height: 68px;
	}	
	
		div.r3017 a {
		border: 0;
		position: absolute;
		left: 347px;
		top: 235px;
		width: 59px;
		height: 68px;
	}	
	
		div.r3016 a {
		border: 0;
		position: absolute;
		left: 447px;
		top: 264px;
		width: 59px;
		height: 40px;
	}	
	
		div.r3015 a {
		border: 0;
		position: absolute;
		left: 447px;
		top: 200px;
		width: 59px;
		height: 62px;
	}	
	
		div.r3012 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 353px;
		width: 70px;
		height: 40px;
	}
	
		div.r3011 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 312px;
		width: 70px;
		height: 40px;
	}
	
	div.r3010 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 271px;
		width: 70px;
		height: 40px;
	}
	div.r3009 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 203px;
		width: 70px;
		height: 67px;
	}

	div.r3008 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 123px;
		width: 70px;
		height: 80px;
	}
	
	div.r3007 a {
		border: 0;
		position: absolute;
		left: 175px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r3006 a {
		border: 0;
		position: absolute;
		left: 237px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r3005 a {
		border: 0;
		position: absolute;
		left: 299px;
		top: 35px;
		width: 60px;
		height: 72px;
	}
	
		div.r3004 a {
		border: 0;
		position: absolute;
		left: 360px;
		top: 49px;
		width: 40px;
		height: 58px;
	}
	
		div.r3003 a {
		border: 0;
		position: absolute;
		left: 401px;
		top: 49px;
		width: 40px;
		height: 58px;
	}
/*----------------------------------------thirdplan--------------------------------------------*/
div#thirdplan {
	width: 585px;
	height: 408px;
	position: relative;
	background: white url('../img/keyplan/thirdplan/big.jpg') left top no-repeat;
	display: block;
	margin: 0;
	padding: 0;
}

	div.r4020 a {
		border: 0;
		position: absolute;
		left: 160px;
		top: 260px;
		width: 65px;
		height: 85px;
	}
	
	div.r4019 a {
		border: 0;
		position: absolute;
		left: 226px;
		top: 250px;
		width: 60px;
		height: 68px;
	}	
	
		div.r4018 a {
		border: 0;
		position: absolute;
		left: 287px;
		top: 240px;
		width: 59px;
		height: 68px;
	}	
	
		div.r4017 a {
		border: 0;
		position: absolute;
		left: 347px;
		top: 230px;
		width: 59px;
		height: 68px;
	}	
	
	div.p06 a {
		border: 0;
		position: absolute;
		left: 443px;
		top: 200px;
		width: 72px;
		height: 70px;
	}

	div.p05 a {
		border: 0;
		position: absolute;
		left: 48px;
		top: 273px;
		width: 80px;
		height: 120px;
	}

	div.p04 a {
		border: 0;
		position: absolute;
		left: 64px;
		top: 121px;
		width: 70px;
		height: 150px;
	}
	
	div.p03 a {
		border: 0;
		position: absolute;
		left: 175px;
		top: 35px;
		width: 123px;
		height: 72px;
	}
	
		div.p02 a {
		border: 0;
		position: absolute;
		left: 299px;
		top: 35px;
		width: 143px;
		height: 72px;
	}

		div.p01 a {
		border: 0;
		position: absolute;
		left: 443px;
		top: 35px;
		width: 72px;
		height: 110px;
	}

