* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url('/css/boxsizing.htc');}
body {color:#666; font-family:'Open Sans', Arial, sans-serif; font-size:20px; background:#fff; padding:0; margin:0;}
body.manual {font-size:16px;}
p {margin:0 0 15px 0; line-height:135%;}
a {color:#ff5f10;}

/* orange: #ff5f10*/
/* turquoise: #3da3a1 */


h3 {font-size:22px; color:#ff5f10; font-weight:normal; margin:0 0 15px 0; padding-top:5px; text-transform:none;}

.container {max-width:1150px; width:90%; margin:0 auto; border-bottom:1px solid #ddd; overflow:auto;}
.manual .container {max-width:950px;}

.header {padding:30px 0 0 0; overflow:auto;}
.header .container {padding-bottom:30px;}
.header h1 {float:left; width:40%; margin:0;}
.header h1 img {max-width:200px;}
.header h2 {color:#666; font-size:20px; font-weight:normal; float:right; width:50%; margin:20px 0 0 0; text-align:left;}

h2 {color:#ff5f10; font-size:30px; text-align:center; font-weight:normal;}

a.action {background:#ff5f10; color:#fff; padding:8px 20px; border-radius: 5px; text-decoration: none; display: inline-block; margin-top:20px;}
a.action:hover {opacity:0.8;}

ul.nav {list-style:none; margin:10px auto; padding:0 0 20px 0; text-indent: none; text-align:center;}
ul.nav li {display:inline-block; margin:0 5px; padding:0;}
ul.nav li a {background:#ff5f10; color:#fff; padding:8px 20px; border-radius: 3px; text-decoration: none;}
ul.nav li a:hover {opacity:0.8;}
ul.nav li a.selected {background:#000;}

.panel {clear:both; width:100%; overflow:auto;}
.panel .container {padding:40px 0;}
.panel .main {float:left; width:47%; margin-right:3%;}
.panel .detail {float:right; width:40%; margin-left:3%;/* padding-top:20px;*/ font-size:16px; border:1px solid #ccc; padding:20px; border-radius:5px;}

.panel p.note {font-size:14px; opacity:0.7;}

.manual .panel h2 {text-align:left; font-size:20px; text-transform: uppercase;}
.manual h3 {text-transform: none;}
.manual hr {opacity:0.5;}

table.contacts {width:100%;}
table.contacts tr:hover td {background:#f7f7f7;}
table.contacts tr th {text-align:left; padding:15px 20px 5px 0;}
table.contacts tr td {font-size:14px; padding:5px 20px 5px 0;}

.colour {background:#fff;}
.colour h3 {color:#ff5f10; opacity:0.7;}
/*.colour a {color:#ff5f10;}*/

.column {float:left; width:22%; margin-right:4%; margin-bottom:5%; text-align: center; margin-top:20px;}
.column:nth-of-type(4n+4) {margin-right:0;}

.tenants a>img {width:60%; vertical-align:top; margin-bottom:15px;}

.floorplan {max-width:50%; max-height:800px;}

/*.pricing {float:right; width:40%;}*/
.pricing {width:100%;}
.pricing ul {list-style:none; margin:20px 0; padding:0; text-indent:0;}
.pricing ul li {border-bottom:1px solid #ddd; padding:10px 0; margin:0; font-size:15px;}
.pricing ul li:first-child {border-top:1px solid #ddd;}
.pricing ul li em {font-style: normal;}
.pricing ul li b {color:#ff5f10;}
.pricing ul li span {opacity:0.5; font-size:11px;}
.pricing ul li.taken {color:#ccc;}
.pricing ul li.taken b {font-weight:normal; color:#ccc;}

.gallery {width:100%; background:#000;}
.gallery img {float:left; width:48%; margin-right:4%; margin-bottom:4%;}
.gallery img:nth-of-type(2n+2) {margin-right:0;}

.about {width:60%; float:left;}
.crew {float:left; margin:5px 0 0 40px; width:30%;}

.footer {overflow:auto; padding:30px 0; text-align: center;}
.footer .container {border-bottom:0;}
.footer p {font-size:14px;}
.footer span {margin:0 20px; opacity:0.2;}

@media all and (max-width:950px) {
}

@media all and (max-width:650px) {
.container {width:80%;}
.header h1 {float:none; width:100%; text-align:center; margin-bottom:40px;}
.header h2 {float:none; width:100%;}
h2 {font-size:25px;}
.panel .main {float:none; width:100%; margin:0 0 20px 0;}
.panel .detail {float:none; width:100%; margin:0 0 20px 0; text-align:left;}

.floorplan {text-align:center; margin:30px auto;}
.pricing {float:none; width:100%; text-align:left;}
.footer span {margin:0; color:transparent;}
.footer span:after {content:"\a"; white-space: pre;}
.gallery img {float:left; width:47.5%; margin-right:5%; margin-bottom:5%;}
.gallery img:nth-of-type(3n+3) {margin-right:5%;}
.gallery img:nth-of-type(2n+2) {margin-right:0;}

.column {margin:20px 0; width:45%; margin-right:5%;}
.column:nth-of-type(2n+2) {margin-right:0;}

ul.nav li a {padding:5px 10px; font-size:14px;}
}

@media all and (max-width:500px) {
.gallery img {margin-right:0; width:100%;}
}