/* 

STYLE SHEET FOR YOURSPACE WEB SITE
Created by Vivid Associates
www.vividassociates.com



Notes

*/



/* --------- defaults  --------- */

* {
	margin: 0;
	padding: 0;
}
.separator {
	clear: both;
	height: 0;
}
a img {
	border: 0;
}
/*  --------- structure  --------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
}

#ckeditor
{
  min-height:506px;
  background-color: #F8FDF8;
  background-image: url(../images/homepageContentBkg.jpg);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  width:100%;
  text-align:left;
}

#lines {
	background-image: url(../images/lines.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 400px;
	padding-left: 0;
}

#lines { /* for IE 6 and 7 only */
	.background-image:none;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 400px;
	padding-left: 0;
}



#topbar {
}
#wrapper {
	width:960px;
	margin:0 auto 0 auto;
	position:relative;
	text-align: left;
}
#masthead {
	height: 110px;
	background-color: #F8FDF8;
}
#logo {
	width: 348px;
	height: 68px;
	position:absolute;
	left: 30px;
	top: 18px;
}
#navContainer {
	width:531px;
	height: 55px;
	position:absolute;
	left: 406px;
	top: 28px;
	border-bottom:dotted 1px #006666;
}
#home {
	width:63px;
	height: 25px;
	position:absolute;
	left: 407px;
	top: 94px;
  text-decoration:none;
}
#home a, #home a:link, #home a:visited {
  text-decoration:none;
}
#applications {
    width:140px;
    height: 19px;
    position:absolute;
    left: 479px;
    top: 94px;
    background-image:url(../images/register_button.jpg);
    background-repeat:no-repeat;
    font-size:1.0em;
    text-align:center;
    padding:3px 0px 0px 0px;
}
#contactsales {
	width:140px;
	height: 19px;
	position:absolute;
	left: 791px;
	top: 94px;
	background-image:url(../images/register_button.jpg);
	background-repeat:no-repeat;
	font-size:1.0em;
	text-align:center;
	padding:3px 0px 0px 0px;
}
#register {
	width:140px;
	height: 19px;
	position:absolute;
	left: 635px;
	top: 94px;
	background-image:url(../images/contact_button.jpg);
	background-repeat:no-repeat;
	font-size:1.0em;
	text-align:center;
	padding:3px 0px 0px 0px;
}
#content {
	min-height:506px;
	background-color: #F8FDF8;
	background-image: url(../images/homepageContentBkg.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding:0 30px 0 30px;
}
* html #content { /* for IE<=6 only */
	height:506px;
}
#footer {
}
#propertyCol1 {
	width: 215px;
	float: left;
}
#propertyCol2 {
	width: 215px;
	float: left;
	margin-left:125px;
}
#propertyCol3 {
	width: 215px;
	float: left;
	margin-left:125px;
}
#leftCol {
	width: 355px;
	float: left;
}
#rightCol {
	float: left;
	width:505px;
	margin-left: 20px;
	background-image: url(../images/cornergrad.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#rightColRental {
	float: left;
	width:505px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#choices, #useful, #planning, #topmenu {
	float:left;
}
#topmenu {
    width:115px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: 25px;
}
#choices {
	width:112px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#useful {
	width:112px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
#planning {
	width:112px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}

#leftCol #rental, #leftCol #shared, #leftCol #buy {
	width:355px;
	height:60px;
	margin-bottom:8px;
}
#rightColRental #choose {
	float: left;
	width:160px;
}
#houses1, #houses2, #houses3, #houses4 {
	float: left;
	width: 215px;
}
#houses1, #houses2 {
	margin-bottom: 15px;
}
#houses2, #houses4 {
	margin-left: 75px;
}
#content .rental {
	display:block;
	height:48px;
	width:820px;
	background-image: url(../images/rental_header.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:2.4em;
	color:#FFFFFF;
	font-weight:normal;
	padding:12px 0 0 80px;
}
#content .shared {
	display:block;
	height:48px;
	width:820px;
	background-image: url(../images/shared_header.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:2.4em;
	color:#FFFFFF;
	font-weight:normal;
	padding:12px 0 0 80px;
}
#content .buy {
	display:block;
	height:48px;
	width:820px;
	background-image: url(../images/buy_header.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:2.4em;
	color:#FFFFFF;
	font-weight:normal;
	padding:12px 0 0 80px;
}
#content .available {
	display:block;
	height:48px;
	width:888px;
	background-image: url(../images/available_header.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:2.4em;
	color:#FFFFFF;
	font-weight:normal;
	padding:12px 0 0 10px;
}
#content .open-market-sales {
  display:block;
  height:48px;
  width:820px;
  background-image: url(../images/open_market_sales_header.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  font-size:2.4em;
  color:#FFFFFF;
  font-weight:normal;
  padding:12px 0 0 80px;
}
#content .open-market-rent {
  display:block;
  height:48px;
  width:820px;
  background-image: url(../images/open_market_rent_header.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  font-size:2.4em;
  color:#FFFFFF;
  font-weight:normal;
  padding:12px 0 0 80px;
}
#moredetails {
	width:650px;
	margin-left:120px;
}
#content #moredetails .noBottomMargin {
	margin-bottom:0px;
}
#rightColRental #form {
	float: left;
	width:345px;
	font-size:1.2em;
	font-weight:bold;
	color:#004124;
}

/* ----------  links and navigation ---------- */

#register a, #register a:link, #register a:visited {
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}
#register a:hover, #register a:active {
	color:#004124;
}
#contactsales a, #contactsales a:link, #contactsales a:visited, #applications a, #applications a:link, #applications a:visited {
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}
#contactsales a:hover, #contactsales a:active, #applications a:hover, #applications a:active {
	color:#48bc96;
}
a, a:link, a:visited {
	color:#48bc96;
	text-decoration:underline;
}
a:hover, a:active {
	color:#004124;
	text-decoration:none;
}
#masthead a {
}
#navContainer a {
}
#navContainer ul {
}
#navContainer li {
	float:left;
	width:130px;
}
#navContainer li a, #navContainer li a:link, #navContainer li a:visited {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#48bc96;
	padding:0px 0px 0px 0px;
}
#navContainer li a:hover, #navContainer li a:active {
	color:#004124;
}
#navContainer li a.landed, #navContainer li a.landed:link, #navContainer li a.landed:visited {
	color:#004124;
	cursor:default;
}
#navContainer a, #navContainer a:link, #navContainer a:visited {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#48bc96;
	padding:0px 0px 0px 0px;
}
#navContainer a:hover, #navContainer a:active {
	color:#004124;
}
#navContainer a.landed, #navContainer a.landed:link, #navContainer a.landed:visited {
	color:#004124;
	cursor:default;
}

/* ----------  fonts ---------- */

h1, h2, h3, h4, p, ul {
}
h1 {
	font-size: 0.1em;
	color: #999;
	text-indent:9999px;
	display:block;
	line-height:0.1em;
	margin:0px;
    overflow: hidden;
}
h2 {
	color:#004124;
	font-size:1.8em;
	margin-bottom:8px;
}

#rightColRental h2 {
	font-size:3.6em;
	color:#48bc96;
	font-weight:normal;
}

#leftCol h2 {
	font-size:3.6em;
	color:#48bc96;
	font-weight:normal;
}

h3 {
	color:#004124;
	font-size:1.2em;
	margin-bottom:8px;
}

#propertyCol1 h3, #propertyCol2 h3, #propertyCol3 h3, #moredetails h3 {
	margin-top:12px;
}

#leftCol h3 {
	margin-top:10px;
}

h4 {
}
#content p {
	margin:0px 0px 8px 0px;
	font-size:1.1em;
	line-height:150%;
	color:#333333;
}

#footer p {
	margin-top:10px;
	color:#666666;
}
#houses1 p, #houses2 p, #houses3 p, #houses4 p {
	margin:5px 0 0 12px;
}

ul {
	list-style-type: none;
}

#content ul {
	margin-left:15px;
	font-size:1.1em;
}
#content li {
	margin-bottom:8px;
	list-style-type:disc;
	padding-left:0px;
}

#submenu {
    width:200px;
    float:left;
}
#submenu ul {
    list-style-type: none;
    list-style: none;
    padding-left:0;
    margin-left:0;
}
#submenu ul li {
    list-style-type: none;
    list-style: none;
    padding-left:0;
    margin-left:0;
    margin-bottom:2px;
    /*
    height : 38px;
    width : 197px;
    background-image: url(/yourspacehomes/images/faq_sml.jpg);
    */
}
/*
#submenu ul li a, #submenu ul li a:link, #submenu ul li a:visited {
	text-decoration: none;
	font-weight: bold;
}
*/
#submenu ul li a {
    text-decoration: none;
    font-weight: bold;
    display:block;
    width : 197px;
    height:38px;
    font:12px/32px Arial, sans-serif;
}
#submenu ul li a .menutext {
    text-decoration: none;
    font-weight: bold;
    color:#ffffff;
    padding: 0px 0px 4px 38px;
    margin-top:-20px;
}
#submenu ul li a.yourchoices {
    background-image: url(/yourspacehomes/images/faq_sml.jpg);
    background-repeat:no-repeat;
}
#submenu ul li a.guidetomarketrental {
    background-image: url(/yourspacehomes/images/rental_sml.jpg);
    background-repeat:no-repeat;
}
#submenu ul li a.guidetosharedownership {
    background-image: url(/yourspacehomes/images/shared_sml.jpg);
    background-repeat:no-repeat;
}
#submenu ul li a.guidetooutrightpurchase {
    background-image: url(/yourspacehomes/images/purchase_sml.jpg);
    background-repeat:no-repeat;
}

#submenu ul li a.yourchoices:hover {
    background-image: url(/yourspacehomes/images/faq_sml_over.jpg);
    background-repeat:no-repeat;
}
#submenu ul li a.guidetomarketrental:hover  {
    background-image: url(/yourspacehomes/images/rental_sml_over.jpg);
    background-repeat:no-repeat;
}
#submenu ul li a.guidetosharedownership:hover  {
    background-image: url(/yourspacehomes/images/shared_sml_over.jpg);
    background-repeat:no-repeat;
}
#submenu ul li a.guidetooutrightpurchase:hover  {
    background-image: url(/yourspacehomes/images/purchase_sml_over.jpg);
    background-repeat:no-repeat;
}


/* ----------  forms and tables ---------- */


#rightColRental #form td {
	padding:10px 0 10px 0;
	border-top:dotted 1px #48bc96;
}
#rightColRental #form td.findButton {
	padding:15px 0 0 0;
}
#rightColRental #form .inputstyle {
	background-image: url(../images/find_button.gif);
	display:block;
	width:153px;
	height:33px;
	background-repeat:no-repeat;
	border:solid 0 #fff;
	background-position:0px 0px
}
#criteriasmall {
	width:650px;
	margin-left:0px;
}
#content #criteriasmall .noBottomMargin {
	margin-bottom:0px;
}
#criteriasmall h3 {
	margin-top:12px;
}
#criteriasmall td {
	padding:10px 0 10px 0;
	border-top:dotted 1px #48bc96;
	font-size:1.1em;
}
#criteriasmall td.confirmbutton {
	padding:20px 0 0 0;
}
#criteriasmall .inputstyle {
	background-image: url(../images/continue_search_button_inactive.gif);
	display:block;
	width:184px;
	height:33px;
	background-repeat:no-repeat;
	border:solid 0 #fff;
	background-position:0px 0px
}

.property-search-results-label {
	font-weight: bold;
}
.property-search-results-table td {
	padding: 2px 0px 2px 0px;
}
.link-back:link, .link-back:visited {
  text-decoration:none;
}

.form td {
    padding:10px 0 10px 0;
    border-top:dotted 1px #48bc96;
}

.applicationform th.heading {
    p#adding:10px 0 10px 0;
    border-bottom:dotted 1px #48bc96;
}

.applicationform td {
    padding:10px 0 10px 0;
}
#telephone {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    float:right;
}

#googleTranslate { width:180px; height:91px; float:left; background-image:url(../images/googleBkg.gif); background-repeat:no-repeat; text-align:center; padding-left:8px; margin-top:10px;/* for IE<=7 only */.padding-left:0px;}


#copyright { width:660px; float:right;padding-top:10px; text-align:right}

.clear { clear:both;}