body {background:#828384; color:#ddd; font:76% arial,sans-serif; margin:0 auto; padding:0;}
#wrap {background:#626262; color:#ddd; margin:15px auto; padding:1px 0; width:760px; border:1px solid #fff;}



#header {color:#505050; height:250px; margin:0 0 10px; padding:0;}
#header p {color:#fff; line-height:1.5em;}
#header h3 {color:#FEF200; line-height:1.9em;}

#gallery {width:518px; height:230px; padding:10px; border:1px solid #333; background: #888; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:348px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:380px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:130px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 6px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-388px; top:0; width:388px; height:224px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:390px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-388px; top:0; width:388px; height:230px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}




#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:160px;}

#navigation {width:160px;}
#navigation h3 {display:none;}
#navigation ul {list-style:none; margin:0 0 0 15px; padding:0; width:160px;}
#navigation li {display:inline; width:160px; }
#navigation a, #navigation a:visited {color:#fff; float:left; font-size:1.4em; font-weight:400; width:140px; height:27px; padding-top:6px; padding-left:45px; text-decoration:none; }
#navigation a#welcome {background:url(img/welcome.gif) no-repeat bottom left #58595B; }
#navigation a#lettings {background:url(img/lettings.gif) no-repeat bottom left #58595B; }
#navigation a#sales {background:url(img/sales.gif) no-repeat bottom left #58595B; }
#navigation a#developments {background:url(img/developments.gif) no-repeat bottom left #58595B; }
#navigation a#links {background:url(img/links.gif) no-repeat bottom left #58595B; }
#navigation a#contact {background:url(img/contact.gif) no-repeat bottom left #58595B;}
#navigation a:hover {}
#navigation a#welcome:hover {background:url(img/welcome.gif) no-repeat bottom left #58595B; color:#3388CA;}
#navigation a#lettings:hover {background:url(img/lettings.gif) no-repeat bottom left #58595B; color:#A85DA5;}
#navigation a#sales:hover {background:url(img/sales.gif) no-repeat bottom left #58595B; color:#F8B322;}
#navigation a#developments:hover {background:url(img/developments.gif) no-repeat bottom left #58595B; color:#40B54A;}
#navigation a#links:hover {background:url(img/links.gif) no-repeat bottom left #58595B; color:#EF6131;}
#navigation a#contact:hover {background:url(img/contact.gif) no-repeat bottom left #58595B; color:#1D1818;}

#extras {float:right; margin:0 0 10px; padding:0; width:140px;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}



#content {line-height:1.4em; margin:10px 150px 10px 210px; padding:0; text-align:left;}
#contentwide {width:540px; float:right; line-height:1.2em; margin:0; padding:10px; text-align:left;}
#content h1,#contentwide h1 {color:#FEF200; font-size:1.5em; font-weight:400; letter-spacing:2px; margin:4px 0; padding:0;}
#content h3,#contentwide h3 {font-size:1.3em; font-weight:400; letter-spacing:2px; margin:2px 0; padding:0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}

.article {background:#4D4D4D; padding:7px; border:1px solid #3F3B38; height:200px; overflow:auto;}




#footer {background:#4D4D4D; border-top:1px solid #dadada; clear:both; color:#bbb; font-size:0.9em; margin:0 auto; padding:8px 0 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0 0 8px;}
#footer a {background:inherit; color:#FEF200; font-weight:400; text-decoration:underline;}
#footer a:hover {text-decoration:none;}

a {background:inherit; color:#FEF200; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:8px 0;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px;}
input {width:200px;}
select {width:200px; position:absolute; left:212px;}
.keyword {position:absolute; left:212px; width:190px;}
textarea {width:400px;}

#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.logo {margin:20px 40px ; padding:0;}
.margintop {margin:11px 0 0 0;}
.yellow {color:#FEF200; margin:0; padding:0;}