/* Wrapper ............. */
.page_wrapper { margin: auto; width: 1200px}

@font-face {
   font-family: fonce;
   src:url(fonts/foncesans.otf);
}
@font-face {
font-family: museo;
   src:url(fonts/museosans.otf)
}

.green {color:9ec440}
.orange {color:f58920}

a {transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;}
a:link, a:visited { color:inherit; text-decoration: none;}
a:hover, a:active { color: #dc8f30; text-decoration: none;}

td {width:100%;
background-repeat: no-repeat
}
.rollover {
opacity: 1;
transition:  opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
}
.rollover:hover {opacity: 0;}

hr {border-top: 1px dashed #f58920; border-bottom:0px;}

header {background-color: #fff; padding-top: 10px; padding-bottom:10px;height:75px; width:1200px; position:fixed; font-family:fonce; z-index:2;}
.archviz {background-color: #fff; padding-top: 10px; padding-bottom:10px;height:75px; width:1200px; position:relative; font-family:fonce; z-index:2;}

.logo { 
float: left; 
height: 75px;
padding-right: 7px;

}

.menu {float:right; height:25px; background-color:#9ec440; padding:0px; position:relative; top:50px; font-family:fonce; z-index:3}


nav ul {list-style: none; margin: 0; padding: 0; z-index:2; }
nav ul li {float: left; font-size: 20px; height: 20px; margin: 0; padding: 0px 20px 0px 20px; width: auto; color:#fff; z-index:2;}

.main {width:1200px; position:relative; top:100px; z-index:1;font-family: museo; font-size:14px;}
.archvizmain {width:1200px; position:relative; z-index:9;font-family: museo; font-size:14px;}


.vrhead {z-index:-1; width:1200px; position:relative; top:150px; font-family: fonce; font-size:40px; height:100px; text-align: center; vertical-align: text-bottom;}
.vrheading {font-size:30px; text-align:center; color:#9ec440;}
.vrmain {width:1200px; position:relative; z-index:0; font-family: museo; font-size:20px;}

img.viz {padding-bottom:30px}

.colleft390 {float:left; width:390px; margin-right:15px}
.colleft600 {float:left; width:600px; height:400px; margin-right:0px}
.colleft600auto {float:left; width:580px; height:auto; margin:0px; text-align:left;}
.colright390 {float:right; width:390px;}
.colright600 {float:right; width:590px; height:400px; margin-right:0px}
.colright600auto {float:right; width:580px; height:auto; margin:0px; text-align:right;}
.col1200 {float:right; width:1200px; height:300px; position:relative; justify-content: center;}
.colhr {float:right; width:1200px; height:150px; position:relative; justify-content: center;}
.colgallery {float:right; width:900px;}
.colblurb {float:left; width:290px; position:fixed; top:100px;}
.maintext {float:right; width:380px; padding:20px; background-color:rgba(255,255,255,.6)}
.profilebox {float:right; width:600px; padding:20px; background-color:rgba(255,255,255,.65);}
.contactbox {float:right; width:380px; padding:20px; background-color:rgba(255,255,255,.65);}


ul.carousel {
        display: flex;
        width: 1200px;
		height:auto;
        margin: 0px;
        padding: 0px;
        justify-content: space-between;
      	overflow:hidden;
		flex-wrap: wrap;
      }


ul.carousel li {
          list-style: none;
          margin: 0;
          padding: 0px;
          display: inline-flex;
        }
          ul.carousel li a {
            display: inline-block;
            text-align: center;
            margin: 0;
            padding: 0;
            color: #0;
            text-decoration: none;
          }
            ul.carousel li a.current {
              color: #f58920;
              font-weight: bold;
            }
            ul.carousel li a img {
              width: 210px;
              height: 110px;
            }
            ul.carousel li a small {
              display: block;
            }