﻿/* 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; padding:0; border:1px solid #567987; width:560px; float:left; display:inline; background:#567987;}

hr.hrblue {border:1px solid #9cf; background:#9cf;}

.imgload {background:url(/Assets/Images/Master/load.gif) no-repeat center center;}

/* Combined */

#nav ul li, #navform input, #navform textarea, #rightcont p {font:12px/1em Helvetica,Arial,Sans-Serif;}

#nav, #complete, #rightcont {float:left; width:160px;}

#nav {margin:0 0 20px 0; padding:0; display:inline;}

/**/

.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:15px 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 15px 0;
    padding:0 10px 0 10px;
    float:left;
    display:inline;
    width:560px;
    font-size:17px;
    font-style:italic;
    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);}

#navcont {padding:0 10px 0 0; float:left; width:160px;}

#nav ul li {padding:3px 0 0 0; width:160px; height:15px; border-bottom:1px solid #a9e4fb;}

#nav ul li a {width:160px; float:left; text-decoration:none;}

#nav ul li.top {padding:0 !important;}

li.subnavitem a {padding:0 0 0 40px; width:120px !important;}

/* Navform */

#navform {margin:0 0 20px 0; padding:8px 0 0 5px; float:left; display:inline; width:155px; background:#ade5fb;}

.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;}

/**/

#dev {margin:20px 0 0 10px; padding:0; width:160px; float:left; display:inline;}

#ad {margin:0 0 0 10px; float:left; display:inline; width:140px;}

#ad a {display:block; height:415px; width:140px; background:url(/Assets/Images/Master/homebuybanner.gif);}

#rightmove { margin: 5px 0 0 10px; float:left; display:inline; width:140px; }
#rightmove a { display:block; height:117px; width:140px; background:url(/Assets/Images/rightmove.gif); }

.developer {margin:0 0 5px 0; padding:5px 0 5px 0; width:160px; border-bottom:1px solid #a9e4fb; float:left; display:inline;}

.developer a.bnp {margin:0 0 10px 0; float:left; display:inline; width:148px;}

#rightcont #dev p.uline {margin:0 0 10px 0; text-decoration:underline;}

/**/

#gallery {margin:0; padding:0; position:relative; float:left; width:580px; height:535px;}

#gallery2 {margin:0; padding:0; position:relative; float:left; width:580px;}

#mainimage {float:left; height:535px; width:580px; position:relative; z-index:1;}

#mainimage img {float:left; height:535px; 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 0 10px; width:560px; font-size:14px; float:left; font-family:Helvetica,Arial,Sans-Serif;}

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:110px; left:15px; height:402px; width:551px; 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; }
#content .hometext .homeL h3 { padding: 0 0 10px 10px; }
#content .hometext .homeR h3 { padding: 0 0 20px 10px; }
#content .hometext .homeL { float:left; width: 380px; margin:0; padding:10px 0 0 0; /*background:#d7f0fd;*/ }
#content .hometext .homeL p { float:left; width: 360px; }
#content .hometext .homeR { float:left; width: 200px; margin:0; padding: 10px 0 0 0; background:#A1DFF9; }

/* Video */

#content .hometext .homeR .video {margin:0 0 10px 10px; display:inline; float:left; width:180px; height:100px; background:#0099ff; position:relative; overflow:hidden;}
#content .hometext .homeR .video img.videoimg {position:absolute; top:-18px; left:0; height:135px; width:180px; border-width:0px;}
#content .hometext .homeR .video div {padding:35px 0 0 10px; float:left; width:170px; height:65px; background:url(/images/video/corner.png) no-repeat bottom; position:absolute; top:0; left:0;}
#content .hometext .homeR .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%;}
