body {background:#ffffff;text-align:center;color:#8f8d8d;font-size:0.9em;font-family:Tahoma,Verdana,Arial,sans-serif;margin:0 auto;}
h1 {font-size:1.4em;color:#8f8d8d;}
h2 {font-size:1em;font-weight:bold;}
h3 {font-size:1.4em;color:#000;font-weight:normal;}
#hometablewrapper {position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-260px;}
#hometable {height:300px;}
.bodywrapper {width:700px;text-align:left;margin-top:30px;position:relative;}
.middle {padding:10px;position:relative;}
.middlesmall {padding:10px;position:relative;width:420px;}
.left {padding:10px;position:relative;width:105px;padding-top:0;}
.right {padding:10px;position:relative;width:95px;text-align:right;padding-top:0;}
.sidenav ul, .topnav ul {list-style-type:none;margin:0;padding:0;}
.sidenav ul li {margin-bottom:10px;}
.intd > a, .intd2 > a, .topnav .antd > a {color:#bababa;text-decoration:none;}
.sidenav .antd > a, .antd2 > a, .intd > a:hover {color:#91bbde;text-decoration:none;}
.greyline {position:absolute;top:-3px;left:0;display:none;}
.thumbnails {width:60px;float:right;}
.thumbnails img {margin-bottom:10px;border:0;}
.slideshowtext {width:358px;}
#slideslogo .slides_container {
width:80px;
height:91px;
}
#slideslogo .slides_container div {
width:80px;
height:91px;
display:block;
}
#slidesmobilelogo .slides_container {
width:80px;
height:92px;
}
#slidesmobilelogo .slides_container div {
width:80px;
height:92px;
display:block;
}
.ownerdetails td {padding-top:10px;}

.mobilenav, .mobilenavlist div {
background-image:url(media/mobile/button-bg.png);
background-repeat:no-repeat;
height:33px;
line-height:33px;
width:220px;
font-size:18px;
}
.mobilenav {
color:#8d8d8d;
text-align:center;
position:relative;
margin:0 auto;
margin-bottom:50px;
}
.mobilenavarrow {
margin-left:-20px;
position:absolute;
top:0;
right:10px;
}
.mobilenavlist {
display:none;
position:absolute;
width:220px;
overflow:auto;
margin-top:-1px;
}
.mobilenav > a, .mobilenavlist div > a {
text-decoration:none;
color:#8d8d8d;
display:block;
}
.mobilemiddle {
line-height:1.5em;
}
.mobilemiddle .ownerdetails {
width:300px;
font-size:0.9em;
margin-bottom:50px;
}
.mobilemiddle p > a {
color:#91bbde;
}
.mobilemiddle h2 {
text-align:center;
}
 
#main-container {
width:850px;
margin: 0 auto;
padding:0;
text-align:left;
color:#000000;
font-size:1.1em;
}
#logo-container {
text-align:center;
vertical-align:middle;
height:100vh;
width:100vw;
display:table-cell;
}
#logo-container img {
display:block;
margin:auto auto;
}
#logo {
max-width:150px;
}
#header-image {
max-width:100%;
}
.project {
margin-top:32px;
padding-top:30px;
/*border-top: solid 2px #bababa;*/
margin-bottom:30px;
width:100%;
position:relative;
}
.project::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100vw;
height:2px;
left: calc((850px - 100vw) / 2);
background: #bababa;
}
.row {
display:table;
width:100%;
}
.column3 {
display:table-cell;
width:33.33%;
padding:10px;
}
.column2left {
display:table-cell;
padding:10px;
vertical-align:top;
}
.column2right {
display:table-cell;
padding:10px;
vertical-align:top;
}
.columnphotoleft {
display:table-cell;
padding-right:10px;
padding-top:20px;
padding-bottom:20px;
}
.columnphotoright {
display:table-cell;padding-left:10px;
padding-top:20px;
padding-bottom:20px;
}
.w50 {
width:50%;
}
.w35 {
width:35%;
}
.w65 {
width:65%;
}
.columnphoto100 {
padding:20px 0;
}
.client {
color:#00ECE6;
}
h2.orange {
color:#ED7D31;
Font-size:1.4em;
padding-bottom:0px;
margin-bottom:0px;
}
.orangeline {
height:2px;
width:100%;
background-color:#ED7D31;
padding:0;
margin:0;
}
.alignright {
text-align:right;
}
/*.row:after {
content:"";
display: table;
clear:both;
}*/
@media (min-width: 600px) and (max-width: 849px){
#main-container {
width:auto;
padding:20px;
}
.project::before {
left: -20px;
width:100vw;
}
.column3 {
display:block;
width:auto;
padding:20px;
}
}
@media (max-width: 599px){
#main-container {
width:auto;
padding:20px;
}
.project::before {
left: -20px;
width:100vw;
}
.column3 {
display:block;
width:auto;
padding:20px 20px 20px 20px;
}
.column2left {
display:block;
padding:20px 20px 20px 20px;
}
.column2right {
display:block;
padding:20px 20px 20px 20px;
}
.columnphotoleft {
display:block;
padding:20px 20px 20px 20px;
text-align:center;
}
.columnphotoright {
display:block;
padding:20px 20px 20px 20px;
text-align:center;
}
.w50, .w35, .w65 {
width:auto;
}
}