/*
Style Sheet for JCB Condos
*/

* { padding: 0px; margin: 0 auto; }

body {
	margin: 6px;
	padding: 6px;
	background: #C90;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14pt;
	text-align: center;
}

h1, h2, h3, h4{
	margin: 4px;
	font-family: arial, sans-serif;	
	font-weight: bold;
	text-align: center;
}

h1 {
	font-size: 16pt;
}

h2, h3 {
 	margin: 6px;
 	padding: 5px;
}

h2 {
	font-size: 20pt;
}

h3 {
	font-size: 16pt;
}

p {
	margin: 6px;
	padding: 6px;
	font-size: 12pt;
}

div.wrapper {
 	clear: both;
	width: 820px;
	margin: 6px auto;
	padding: 0px;
}

img#logo {
 	width: 350px;
 	height: 260px;
 	margin: 6px auto;
 	padding: 0px;
 	border: none;
}

img#jcb {
 	float: left;
 	width: 350px;
 	height: 260px;
 	margin: 6px auto;
 	padding: 0px;
 	border: none;
	display: inline; /* ie6 float bug */
}

div#intro {
 	width: 780px;
 	margin: 15px auto;
 	padding: 10px;
 	border: 2px solid #963;
 	background: #FC3;
}

div#tagline {
	width: 620px;
	margin: 0px auto;
	padding: 5px;
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

div#nav {
	clear: both;
 	width: 795px;
 	margin: 0px auto;
 	margin-top: 10px;
 	padding: 0px;
	border: none;
	text-align: center;
}

div#palma {
	float: left;
	width: 350px;
	margin: 4px 12px;
 	margin-bottom: 10px;
	padding: 0px;
	border: 3px solid black;
	font-size: 18pt;
	font-weight: bold;
	font-style: normal;
}

div#cloisters {
	float: right;
	width: 350px;
	margin: 4px 8px 4px 20px;
 	margin-bottom: 10px;
	padding: 0px;
	border: 3px solid black;
	font-size: 18pt;
}

div#palma a, div#palma a:link, div#palma a:visited, div#cloisters a, div#cloisters a:link, div#cloisters a:visited {
	display: block;
 	padding: 5px;
 	color: #FF6;
 	background: #963;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

div#palma a:hover, div#cloisters a:hover {
 	color: black;
 	background: #FC3;
	font-style: italic;
}

div#buenos {
 	clear: both;
	width: 450px;
	margin: 0px auto;
	padding: 0px;
	border: 3px solid black;
	font-size: 18pt;
}

div#buenos a, div#buenos a:link, div#buenos a:visited {
	display: block;
 	padding: 5px;
 	color: #FF6;
 	background: #963;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

div#buenos a:hover {
 	color: black;
 	background: #FC3;
	font-style: italic;
}

div#footer {
 	clear: both;
	width: 600px;
	margin: 8px auto;
	padding: 0px;
	border: none;
	font-size: 12pt;
}

div#condoWrap1 {
 	clear: both;
	width: 800px;
	height: 400px;
	margin: 10px auto;
	padding: 0px;
}

div#condoWrap2 {
 	clear: both;
	width: 840px;
	height: 256px;
	margin: 10px auto;
	padding: 0px;
}

div#map {
	float: right;
	width: 430px;
	height: 380px;
	margin: 10px 0px;
	padding: 0px;
	border: 3px ridge #963;
}

div#map a {
	margin-bottom: 8px;
	font-size: 12pt;
	font-family: arial, sans-serif;
}

div#condo {
	float: left;
	width: 292px;
	margin: 10px;
	padding: 10px;
	border: 3px ridge #963;
 	background: #FC3;
	font-size: 12pt;
}

div#description {
	float: left;
	width: 218px;
	margin: 36px 60px;
	padding: 10px;
	border: 2px solid #963;
 	background: #FC3;
	font-size: 16pt;
	font-style: italic;
	display: inline; /* ie6 float bug */
}

div#features {
	float: right;
	width: 448px;
	margin: 8px 2px;
	padding: 10px;
 	background: #FC3;
	border: 2px solid #963;
	font-size: 18pt;
	font-weight: bold;
}

div#featuresL {
	float: left;
	width: 170px;
	margin: 0px;
	padding: 10px;
	font-size: 16pt;
	text-align: left;
}

div#featuresR {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 10px;
	font-size: 16pt;
	text-align: left;
}

div#prox {
	clear: both;
	font-size: 16pt;
	font-style: italic;
}

div#pictures {
	clear: both;
	width: 840px;
	height: 990px;
	margin: 0px auto;
	padding: 0px;
	font-size: 14pt;
}

div#clear {clear: both}

ul.list {
	list-style: disc;
	padding: 8px;
}

img.photoL {
	float: left;
	width: 390px;
	margin: 8px;
	border: 4px ridge #963;
}

img.photoR {
	float: right;
	width: 390px;
	margin: 8px;
	border: 4px ridge #963;
}