header, footer, nav, section, article, aside { display:block; }
body {background: #5e728d; margin:0; padding: 0; font-size: 12px; line-height: 18px; font-family: "Trebuchet MS", Arial, sans-serif;}
nav{ margin-bottom: 10px}


#wrapper {clear: both; margin: 0 auto; width: 950px; background: #fff; padding: 10px; border-bottom:2px solid #4b5d76; border-left:2px solid #4b5d76; border-right:2px solid #4b5d76;}

.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }
.bullets {list-style-type: disc; padding-left: 3em; margin-bottom: 18px; color: #666}
.bullets li:hover {color: #0073ae; }
.success {padding: 5px 10px; background-color: #d0fdd0; color: #528552; margin-bottom:18px; }
strong {font-weight: bold; display: block; width: 100px; float: left;}

.clear {clear: both}
hr {border-top: #ccc 1px solid; border-bottom:none; border-right:none; border-left:none; margin-bottom:16px}
em {font-style: italic; font-weight: bold;}

a:link, a:visited {color:#0073ae;}
a:hover, a:active {color:#333;}

table {background: #555; width:100%; color: #fff; margin-bottom: 18px;}
table tr th{font-weight: bold;padding: 9px 10px; background: #333;}
table tr td {padding: 9px 10px;}
table tr.alt td {background: #666; }
table tr td a:link,table tr td a:visited {color: #fff}
table tr td a:hover,table tr td a:active {color: #ccc}

h1#logo{ margin: 0; float: left; width: 228px; height:110px; text-indent:-1000em; background: url(../images/2727-logo.jpg) no-repeat;}

nav {float: right; width: 590px;}
nav ul {margin: 0; padding:0; list-style:none;}
nav ul li {display: inline}
nav ul li a:link, nav ul li a:visited {float: left;  display: block; width: 90px; max-height: 110px; color: #fff; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Arial, sans-serif;
-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;}
nav ul li#home a{float: left; display: block;padding: 80px 10px 10px 10px; margin-right: 5px; background:#80b9d7 url(../images/home-bg.jpg) repeat-x}
nav ul li#building a{float: left; display: block;padding: 62px 10px 10px 10px; margin:0 5px; background:#5e728d url(../images/building-bg.jpg) repeat-x}
nav ul li#amenities a{float: left; display: block;padding: 62px 10px 10px 10px; margin:0 5px; background:#0073ae url(../images/amenities-bg.jpg) repeat-x;}
nav ul li#residences a{float: left; display: block;padding: 62px 10px 10px 10px; margin:0 5px; background:#333 url(../images/residences-bg.jpg) repeat-x;}
nav ul li#sales a{float: left; display: block;padding: 62px 10px 10px 10px; margin-left: 5px; background:#000 url(../images/sales-bg.jpg) repeat-x;}

nav ul li#home a:hover,nav ul li#building a:hover,nav ul li#amenities a:hover,nav ul li#residences a:hover,nav ul li#sales a:hover{float: left; display: block; background:#fff}

nav ul li#home a:hover{color:#80b9d7}
nav ul li#building a:hover{color:#5e728d}
nav ul li#amenities a:hover{color:#0073ae}
nav ul li#residences a:hover{color:#333}
nav ul li#sales a:hover{color:#000;}

aside.home {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;background: #80b9d7 url(../images/home-bg.jpg) repeat-x; width: 550px; text-align: right;  max-height:130px; padding:69px 20px 20px 20px; color: #fff; margin-bottom:16px; }
aside.building {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;background: #5e728d url(../images/building-bg.jpg) repeat-x; width: 550px; text-align: right;  max-height:130px; padding:69px 20px 20px 20px; color: #fff; margin-bottom:16px;}
aside.amenities {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;background: #0073ae url(../images/amenities-bg.jpg) repeat-x; width: 550px; text-align: right;  max-height:130px; padding:69px 20px 20px 20px; color: #fff; margin-bottom:16px;}
aside.residence {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;background: #333 url(../images/residence-bg.jpg) repeat-x; width: 550px; text-align: right;  max-height:130px; padding:69px 20px 20px 20px; color: #fff; margin-bottom:16px;}
aside.sales {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;background: #000 url(../images/sales-bg.jpg) repeat-x; width: 550px; text-align: right;  max-height:130px; padding:69px 20px 20px 20px; color: #fff; margin-bottom:16px;}



aside h2 {font-size:24px; line-height:36px; font-weight:normal;}

section.col1 {width: 590px; float: left; margin-bottom:8px; margin-top: 0; }
section.col2 {margin-left:600px;margin-bottom:8px; margin-top: 0; padding: 0;text-align: left;}


article span { float: left; display: block; width:290px}
article h3 {font-size:18px; line-height:18px; margin-bottom:18px; color: #666; padding-left: 10px;}
article p {margin-bottom:18px; font-size:12px; line-height:18px; color: #333;padding-left: 10px;}

footer {padding-top:18px; clear:both; border-top: #ccc 1px solid;}
footer p { float:left; color:#999}
footer span { margin-left:420px; color:#999}

form {width: 500px;}
label {float:left; display:block; width:100px; padding: 0px 10px;line-height: 18px;margin-bottom:18px;}
input { width: 300px; margin-bottom:18px;}
textarea {width:300px; margin-bottom:18px; height: 100px;}