﻿/* Generic */

html,body,div,ul,ul li,img,h1,h2,h3,p,img {margin:0; padding:0;}

body {background:#bfe8fa;}

.clear {clear:both;}

* :focus {outline:0;}

a img {border:none;}

ul {list-style:none;}

a {color:#000;}

hr {margin:10px; float:left; width:560px; background:url(/Assets/Images/dashed.gif) repeat-x; border-width:0; color:#444; height:1px; line-height:0; page-break-after:always; text-align:center;}

.homeL hr {width:375px !important;}

hr.hrblue {border:1px solid #9cf; background:#9cf;}

.imgload {background:url(/Assets/Images/Master/load.gif) no-repeat center center;}

/* Combined */

#navform input, #navform textarea, #rightcont p {font:12px/1em Helvetica,Arial,Sans-Serif;}

#complete {float:left; width:160px;}

#rightcont {margin:0 0 0 10px; float:left; display:inline; width:150px;}

/**/

.selected {color:#ccc;}

#container {margin:auto; padding:20px; width:920px; background:#e2f4fe;}

#content {margin:0; padding:0; float:left; width:580px; background:#d7f0fd; position:relative;}

#content table { margin: 0 0 0 10px; float:left; }

#content p {margin:0 0 10px 10px; font:12px/1.3em Helvetica,Arial,Sans-Serif; float:left; display:inline; width:560px;}

#content p a {text-decoration:none; color:#00aef0;}

#content p a:hover {text-decoration:underline;}

#content h2 {margin:0 0 10px 0; padding:0 10px 0 10px; float:left; display:inline; width:560px; font-weight:normal; font-style:italic; text-transform:uppercase; font-size:26px;}

#content h3 {margin:0 0 10px 10px;}

/* #content h3 
{
    margin:0 0 15px 0;
    padding:0 10px 0 10px;
    float:left;
    display:inline;
    width:560px;
    font-size:17px;
    font-weight:normal;
    }
#content h3 .cufon {border:none;} */

#header {margin:0 0 20px 0; float:left; display:inline; width:920px; height:117px;}

h1 {margin:0 0 20px 0; padding:0; float:left; text-indent:-9999px;}

h1 a {display:block; height:108px; width:170px; background:url(/Assets/Images/Master/GWsmall.gif);}

/* Nav */

#navcont {padding:0 10px 0 0; float:left; width:160px;}

#nav {margin:0; padding:0; display:inline;}

#nav ul {margin:0 0 10px 0; padding:5px 0 0 0; border-top:2px solid #93daf8; float:left; width:160px;}

#nav ul li {margin:0 0 1px 0; padding:0; font-size:12px;}

#nav ul li a {margin:0; padding:0; text-decoration:none; font:12px/1em Arial, Helvetica, Sans-Serif;}

#nav ul li h2 {margin:0 0 4px 0; font-size:20px !important; font-weight:bold;}

#nav ul.last {margin:0 0 5px 0 !important;}

/* Navform */

#navform {margin:0 0 20px 0; padding:8px 0 0 5px; float:left; display:inline; width:155px; background:#ade5fb;}

#navRightMove {margin:0 0 10px 0; padding:0 0 10px 0; float:left; width:160px; border-bottom:2px solid #93daf8;}

#navRightMove a {float:left; width:160px;}

.field {position:relative; float:left; width:150px;}

.field .box {margin:0 0 5px 0; padding:2px 0 2px 0; float:left; display:inline; width:150px; border:none; background:#e2f4fe;}

.navsubmit {margin:0 0 15px 0; float:left; display:inline; width:150px;}

span.star {color:#000 !important; position:absolute; top:0; right:4px;}

span.star2 {color:#000 !important; position:absolute; top:0; right:4px; border:20px solid red;}

img.register {margin:0 0 10px 0; padding:0; float:left; display:inline;}

img.telephone {margin:0 0 15px 0; padding:0; float:left; display:inline;}

img.email {margin:0 0 5px 0; padding:0; float:left; display:inline;}

/* Right Bar */

.rightBox {
    margin:0 0 10px 0; padding:10px 0 0 0; width:160px; border-top:2px solid #a9e4fb; float:left; display:inline;
}

.rightBox #tweets {
  float:left;
  width:160px;
}

.rightBox #tweets #twT {
  float:left;
  width:160px;
  height:25px;
  background:url(/Assets/Images/Twitter/twT.png) no-repeat;
}

.rightBox #tweets #twB {
  float:left;
  width:160px;
  height:10px;
  background:url(/Assets/Images/Twitter/twB.png) no-repeat;
}

.rightBox #tweets ul#twitlist {
  margin:0 !important;
  padding:0 10px 0 10px;
  float:left;
  width:140px;
  background:#bfe8fa;
}

.rightBox #tweets ul#twitlist li {
  font-size:12px;
  font-family:Helvetica, Arial, Sans-Serif;
  line-height:1.3em;
  list-style-type:none;
}

.rightBox #tweets ul#twitlist li span a {
  color:#2799c8;
  text-decoration:none;
}

.rightBox #tweets ul#twitlist li a {
  color:#333;
  text-decoration:none;
}

.rightBoxbtm {
    margin:0 0 10px 0; padding:10px 0 10px 0; width:160px; border-top:2px solid #a9e4fb; border-bottom:2px solid #a9e4fb; float:left; display:inline;
}

.rightBox p {line-height:12px !important;}

.rightBoxbtm p span {font-size:10px;}

.rightBox h4 {margin:0 0 10px 0 !important; padding:0; font-size:14px; text-transform:uppercase;}



.development {float:left; margin:0 0 10px 0; display:inline;}

.ad {float:left; display:block; height:415px; width:140px; background:url(/Assets/Images/Master/loan2own.png);}

.socialL {float:left; margin:0 0 10px 0;}

.socialL img {float:left; margin:0 5px 0 0; padding:0;}

.socialR {float:left;}

/* Gallery */

#gallery {margin:0 0 10px 0; padding:0; position:relative; float:left; width:580px; height:535px;}

.smallgallery {height:380px !important;}

#gallery2 {margin:0; padding:0; position:relative; float:left; width:580px;}

/*#mainimage {float:left; width:580px; position:relative; z-index:1;}
#mainimage img {float:left; width:580px;}*/

.galleryitem {position:absolute; display:none;}

.thumbcont {margin:5px 0 10px 0; float:left; display:inline; width:580px; height:90px; overflow:auto;}

#thumbcontlong {margin:5px 0 10px 0; float:left; display:inline; width:580px;}

.thumbcontainer {float:left; position:relative; width:auto;}

#pinktri {position:absolute; top:30px; left:0; height:223px; width:112px; background:url(/Assets/Images/Master/pinktri.png) no-repeat;}

/**/

#grnbox,#grnbox2 {position:absolute; z-index:100;}

#grnbox {height:142px; width:142px; top:15px; right:15px;}

#grnbox2 {height:152px; width:152px; top:50px; right:50px;}

/**/

#apartcircle {padding:50px 0 0 40px; width:100px; height:90px; background:url(/Assets/Images/Apartments/circle.png) no-repeat; top:115px; left:55px;}

#aparttriangle {padding:110px 0 0 5px; width:124px; height:145px; background:url(/Assets/Images/Apartments/triangle.png) no-repeat; top:40px; right:0;}

#apartcircle, #aparttriangle,#apartmentsquare {float:left; position:absolute;}

#aparttriangle h2, #aparttriangle a {color:#fff;}

#apartcircle a, #aparttriangle a {font-style:italic; font-size:14px;}

#apartcircle h2, #aparttriangle h2 {margin:0; padding:0; font-size:15px; width:95px;}

#apartcircle .cufon, #aparttriangle .cufon {border-bottom:none;}

#apartmentsquare {top:180px; left:230px;}

.login {margin:0; float:left; width:580px;}

.login table {text-align:left; font:0.8em/1em Helvetica,Arial,Sans-Serif;}

table.floorplans {margin:0 0 10px 10px !important; width:560px; font-size:14px; float:left; font-family:Helvetica,Arial,Sans-Serif; float:left;}

table.floorplans tr td {padding:6px 0 6px 0; border-bottom:1px dashed #000;}

table.floorplans .viewpdf {width:100px; text-align:right; text-transform:uppercase; text-decoration:underline;}

table.floorplans .viewpdf a {text-decoration:none;}

/**/

.commentname {text-decoration:underline;}

.commentsdashed {margin:0 0 10px 10px; float:left; display:inline; width:560px; border-bottom:1px dashed #000;}

.commentsdashed p {margin:0 0 10px 0 !important; padding:0 !important; width:560px;}

.tenantsbtm {margin:0 0 0 10px; float:left; display:inline; width:560px;}

/**/

.presstbl {margin:0 0 10px 10px; float:left; display:inline; width:560px; text-transform:uppercase; font-size:14px;}

.presstbl tr td {font-family:Helvetica,Arial,Sans-Serif;}

.presstbl .space {padding:0 20px 0 0;}

p.pressclaimer {text-indent:0px !important;}

/**/

.ccolcont {margin:0 0 0 10px; float:left; display:inline; width:570px;}

.contacttbl { margin:0 0 0 10px; }

.ccol {float:left; width:145px;}

.ccol p {margin:0 !important; padding:0 !important; text-indent:0px !important; width:145px !important;}

.ccol img {margin:10px 0 0 0;}

.ccolwide {float:left; width:260px;}

.ccolwide p {margin:0 0 10px 0 !important; padding:0 !important; text-indent:0px !important; width:260px !important;}

.ccolwide img {margin:0 0 10px 0;}

/**/

.section .col {width:193px;}

.section .colend {width:194px;}

.section .col, .section .colnone {float:left;}

.section .col span, .section .colnone span {float:left; margin:10px 0 0 0; width:193px;}

.section .col p, .section .colnone p {margin:0 !important; padding:0 0 0 10px !important; text-indent:0px !important; width:183px !important;}

.coltitle {text-decoration:underline;}

.section {float:left; width:580px;}

.row {float:left; width:580px;}

/**/

#commlogo p, #commlogo2 p {margin:0 !important; padding:0 !important; width:280px !important; text-indent:0px !important; font-family:Helvetica,Arial,Sans-Serif !important;}

#commlogo,#commlogo2 {padding:70px 0 0 0; float:left; display:inline; width:280px; height:70px;}

#commlogo {margin:10px 0 0 10px; background:url(/Assets/Images/creativespacelogo.gif) no-repeat top left;}

#commlogo2 {margin:10px 0 0 0; background:url(/Assets/Images/bnplogo.gif) no-repeat top left;}

.homebuy {margin:10px 0 0 20px;}

/**/

#watermans {position:absolute; top:10px; left:10px; z-index:1000;}

/* Pop Up */

#popupOuter {
  margin:0;
  padding:0;
  position:absolute;
  top:60px;
  left:2px;
  height:390px;
  width:573px;
  z-index:1000;
}

/*
#popupInner {margin:0; padding:0; position:relative; float:left; height:400px; width:400px; position:relative;}
#popupClose {margin:0; padding:0; position:absolute; top:445px; left:237px; cursor:pointer; background:#fff; height:21px; width:21px;}
*/

/**/

#future {margin:0; padding:0 5px 0 10px; float:left; width:275px;}

.eventmonth {margin:0 0 10px 0; float:left; display:inline; width:275px;}

.monthheading {margin:0 0 10px 0; float:left; display:inline; width:275px; border-bottom:1px solid #000;}

.eventheading {margin:0 0 10px 0; float:left; display:inline; width:275px;}

.monthheading p, .eventheading p {font-weight:bold !important;}

#future p, #past p {margin:0 !important; padding:0 !important; float:left; width:275px;}

#future p a, #past p a {color:#000 !important; text-decoration:underline; cursor:pointer;}

#past {margin:0; padding:0 0 0 5px; float:left; width:275px;}


.event {margin:0 0 10px 0; padding:0; float:left; display:inline; width:560px; position:relative;}

.eventdate {margin:0 0 5px 0; padding:0; float:left; display:inline; width:560px;}

.eventdate p {font-weight:bold !important;}

.eventname {margin:0 0 10px 0; padding:0; float:left; display:inline; width:560px;}

.eventname p {text-decoration:underline; font-size:20px !important;}

/**/

.name {margin:0 0 10px 0; padding:0; float:left; display:inline; width:560px;}

.olderlink { color:#000 !important; text-decoration:underline !important;}

/* Pannier Market */

#pannier {margin:0; padding:0 0 0 10px; float:left; width:570px;}

.form .field {margin:0 0 10px 0; float:left; display:inline; width:570px;}

.form label {float:left; width:120px; font:12px/1em Helvetica,Arial,Sans-Serif;}

.form span {position:absolute; top:10px; right:20px; font-weight:bold;}

.form input, .form textarea {margin:0 10px 0 0; padding:10px; float:right; width:415px; border:none; position:relative; font:12px/1em Helvetica,Arial,Sans-Serif;}

.form a.pansubmit {margin:0 0 0 120px; float:left; color:#009de9; text-transform:uppercase; font-weight:bold; text-decoration:none; font:12px/1em Helvetica,Arial,Sans-Serif;}

/* */

.apply {position:absolute; top:-35px; right:0;}

.thanks {margin:0 0 10px 0; padding:0; float:left; width:155px; display:inline;}

.thanks p {font:12px/1em Helvetica,Arial,Sans-Serif;}

#content .hometext {float:left; width:580px; margin:0; padding:0;}

#content .hometext h3 { font-size:15px; font-weight:normal; text-transform:uppercase; float:left;}

#content .hometext .homeL h2 {margin:0 !important; padding:0 0 10px 10px; width:375px;}

#content .hometext .homeL h3 {margin:0 !important; padding:0 0 10px 10px; width:375px;}

#content .hometext .homeR h3 {padding:0 0 20px 0; float:left; width:165px;}

#content .hometext .homeL {float:left; width:395px; margin:0; padding:10px 0 0 0;}

#content .hometext .homeL p {float:left; width:375px;}

#content .hometext .homeR {float:left; width:165px; margin:0; padding:10px 10px 0 10px; background:#A1DFF9;}

h3.caption {margin:0 0 10px 0 !important; padding:0 0 0 0 !important; color:#0099ff;}

.videoCont {margin:0 0 10px 0; padding:0; float:left; border-bottom:2px dashed #0099ff; width:165px;}

/* Video */

.video {margin:0 0 10px 0; display:inline; float:left; width:165px; height:140px; background:url(/Assets/Images/video/videoBackground.png); position:relative; overflow:hidden;}

.video div {position:absolute; z-index:100; top:23px; left:40px;}

.video img.videoimg {position:absolute; top:10px; left:10px; height:109px; width:145px; border-width:0px; z-index:0;}

.video a {margin:0; padding:0; text-transform:uppercase; color:#000; text-decoration:underline;}

/* Video Overlay */

#voverlay {background-image:url(/assets/images/video/white.png); width:640px; height:480px; display:none; padding:35px;}

#voverlay div.close {background-image:url(/assets/images/video/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

#vcontainer {left:0; top:0; width:100%; height:100%; background:url(/assets/images/video/loading.gif) no-repeat 50% 50%;}

/* */

.commerciallist {margin:0 0 0 10px; float:left; width:150px;}

.commerciallist p {margin:0 0 10px 0 !important; float:left; font-weight:bold !important;}

.commerciallist h3 {margin:0 0 8px 0 !important; font-size:14px;}

.commerciallist li {margin:0 0 5px 0; padding:0; font:12px Arial,Helvetica,Serif; vertical-align:middle;}

.commerciallist li img {margin:0 2px 0 0; display:inline; float:left; width:17px;}

/* */

.directions {margin:20px 0 0 10px; padding:0; float:left; width:560px;}

.directions p {margin:0 !important; padding:0;}

.directions ul, .directions ul li {margin:0 !important;}

.directions h3 {margin:0 0 5px 0 !important;}

.directionsicon {margin:0 0 5px 0; width:560px; height:39px;}

.directionsicon img {margin:0 5px 0 0; float:left; display:inline; width:39px;}

/* Relax Wine and Dine */

.relaxbanner {float:left; width:580px;}

/* Comp Box */

#compBox {margin:0 10px 10px 10px; padding:10px 0 10px 10px; float:left; display:inline; width:550px; background:#ade5fb;}

#compBox p {margin:0 !important; width:550px !important;}

#compBox h3 {margin:0 0 10px 0 !important; text-transform:uppercase;}

#compBox table {margin:0; padding:0; width:550px; float:left;}

#compBox table tr td {font-family:Helvetica,Arial,Sans-Serif;}

#compBox table tr td span {font-size:10px; line-height:1.1em;}

.compTB {float:left; width:160px; height:20px; background:#e2f4fe; position:relative;}

.compTB span {position:absolute; top:5px; right:5px;}

.compTB input {margin:0; padding:0; width:160px; height:20px; border:none; border-color:transparent; background:#e2f4fe;}

.compTerms p {font-size:10px !important;}
