.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span,img,a { 
 margin:0;
 padding:0;
}

p {
 margin:0 0 5px 0;
 padding:0;
}

h2 {
 font-weight:bold;
 margin:5px 0;
 padding:0;
}


table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img { 
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}
ol,ul {
 list-style:none;
}
caption,th {
 text-align:left;
}

q:before,q:after {
 content:'';
}
abbr,acronym { border:0;
}


html, body {
 margin:0;
 padding:0;
}

div#container p {
margin:0px 0 10px 0;
}


body{
 text-align: center;
 font-family: Arial,Verdana, Helvetica, sans-serif;
 background-color: #fff;
 color: #666;
 line-height:110%;
 
}

strong {
 font-weight:bold;
}

.hide {
display:none;
}

div#page {
 width: 960px;
 margin:0 auto;
 background-color: #fff;
 margin: 0 auto;
 text-align: left;
}



div#footer {
 clear: both;
 color: #777;
 margin: 0 auto;
 padding: 20px 0 40px;
 text-align: center;
}



div#header {
 margin-top:4px;
 height:75px;
 width:960px;
}

#logo {

 float:left;
 width:319px;
 height:75px;
}

#logo a {
 text-indent:-7000px
}
 
 
div#nav {
 margin-top:55px;
 float:right;
 text-align:right;

} 


ul#menu {
 list-style-type:none;
 text-align:right;
 width:470px;
 margin:0;
 padding:0;
} 

ul#menu li {
 float:left;
 text-decoration:none;
 padding:0 0 0 35px;
} 

ul#menu li a {
 font-family: arial, Verdana, sans-serif;
 text-transform:lowercase;
 text-decoration:none;
 color:#888;
 font-size:12px;
 font-weight:bold;
} 

ul#menu li a:hover {
 color:#666;
} 

ul#menu li a.selected {
 color:#363636;
 font-weight:bold;
} 

div#leftcol { 
 float:left;
 width:190px;
 padding:12px 0px 10px 0px;
 font-size:11px;
 font-family:arial,verdana,sans-serif;
 color:#666;
 height:400px;
 position:relative;
 margin:0;
}

body.studio div#leftcol,
body.about div#leftcol,
body.press div#leftcol,
body.resume div#leftcol,
body.testimonials div#leftcol
{ 
 width:100px;
}


#leftnav {
 font-size:16px;
 margin-bottom:30px;
}

#leftcol a.selected
 {
 color:#161616;
 
} 



#leftinfo {
position:relative;
padding-right:0px;
}

body.f-detail #leftinfo {
margin-top:100px;
}

#leftcol h2, #leftcol h4 {
 font-size:11px;
 font-weight:bold;
 color:#222;
 margin:0 0 15px 0;
 
}

#leftcol p {
 color:#999;
 font-family:helvetica,arial,verdana,sans-serif;
 line-height:125%;
}

div#rightcol {
 float:right;
 width:654px;
 position:relative;
 min-height:491px;
 background-repeat:no-repeat;
 background-color:#fff;
 overflow:hidden;
}

body.furniture div#rightcol {
 width:656px;
}

body.buildings div#rightcol {
 width:760px;
}

body.buildings-detail div#rightcol,
body.f-detail div#rightcol{
 width:760px;
 margin:0;
 padding:0;
 background: #fff;
 text-align:right;

}

body.studio div#rightcol {
 width:654px;
 background:url('images/studio.jpg');
}

body.galleries div#rightcol {
 background:url('images/galleries.jpg');
}

body.contact div#rightcol {
 background:url('images/contact.jpg');
}



body.press div#rightcol {
 width:327px;
 background:url('images/press.jpg');
}

body.about div#rightcol {
 width:327px;
 background:url('images/about.jpg');
}


body.testimonials div#rightcol {
 width:327px;
 background:url('images/testimonials.jpg');
}

body.resume div#rightcol {
 width:327px;
 background:url('images/resume.jpg');
}

#centercol {
width:500px;
float:left;
padding:100px 0 0 0;
font-size:11px;
color:#666;
}

#centercol ul {
margin:10px 0;
list-style-type:disc;
margin-left:50px;
}

#centercol a {
 color:#555; 
 text-decoration:none;
 font-weight:bold;
}
 
 
#centercol a:hover {
 color:#aaa; 
 text-decoration:underline;
 font-weight:bold;
}
 
 


div#container {
 margin-top:0;
 padding-top:0px;
 width: 960px; 
}

div#topline {
 width:960px;
 height:1px;
 background-color:#000;
 margin:7px 0 1px 0;
}

body.home div#topline {
 width:1px;
}

div#content {
 /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
 display: none;
} 
 
div.content a, div.navigation a {
 text-decoration: none;
 color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
 text-decoration: underline;
}
div.controls {
 display:none;
 margin-top: 5px;
 height: 23px;
}
div.controls a {
 padding: 5px;
}
div.ss-controls {
 float: left;
}
div.nav-controls {
 float: right;
}
div.slideshow-container {
 position: relative;
 width:760px;
 height: 426px; 
 overflow:hidden;
 background:#fff;
 margin:0;
 padding:0;
 
}


body.home div.slideshow-container {
 position: relative;
 width:960px;
 height: 450px; 
 overflow:hidden;
 margin:3px 0 0 0;
}

div.loader {
 position: absolute;
 top: 0;
 left: 0;
 background-image: url('images/loader.gif');
 background-repeat: no-repeat;
 background-position: center;
 width: 760px;
 height: 650px; /* This should be set to be at least the height of the largest image in the slideshow */
}

body.home div.loader {
 position: absolute;
 top: 0;
 left: 0;
 background-image: url('images/loader.gif');
 background-repeat: no-repeat;
 background-position: center;
 width: 960px;
 height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow span.image-wrapper {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 }

body.home div.slideshow a.advance-link {
 display: block;
 width: 960px;
 height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
 line-height: 440px; /* This should be set to be at least the height of the largest image in the slideshow */
 text-align: center;
 overflow:hidden;
 
}


div.slideshow a.advance-link {
 display: block;
 width: 960px;
 height: 426px; /* This should be set to be at least the height of the largest image in the slideshow */
 overflow:hidden;
 line-height: 426px; /* This should be set to be at least the height of the largest image in the slideshow */
 text-align: left;
}

body.f-detail div.slideshow a.advance-link {
 display: block;
 width: 780px;
 height: 426px; /* This should be set to be at least the height of the largest image in the slideshow */
 line-height: 426px; /* This should be set to be at least the height of the largest image in the slideshow */
 text-align: center;
 overflow:hidden;
 text-align: right;
}

body.buildings-detail div.slideshow a.advance-link {
 width: 760px;
 margin:0;
 padding:0;
 display:block;
 height: 426px; /* This should be set to be at least the height of the largest image in the slideshow */
 line-height: 426px; /* This should be set to be at least the height of the largest image in the slideshow */
 position:relative;
 
}

div.slideshow img {
 vertical-align: bottom;
 margin:0px;
 padding:0;
 border:0;

 position:absolute;
 left:0;
 top:0;
 }
 

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
 text-decoration: none;
 border:none;
}



div.image-title {
 font-weight: bold;
 font-size: 1.4em;
}
div.image-desc {
 line-height: 1.3em;
 padding-top: 12px;
 text-transform:lowercase;
}
div.navigation {
 /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

div#thumbs {
width:760px;
margin-left:0px;
background:#fff;
}

body.home div#thumbs {
 display:none! important;
}


ul.thumbs {
 
 clear: both;
 margin: 10px 0;
 padding: 0;
 width:760px;
}
ul.thumbs li {
 float: left;
 padding: 0;
 margin: 0px 12px 5px 0;
 list-style: none;
 width:60px;
 height:60px;
 border: 2px solid #464646;
}


a.thumb {
 padding: 0px;
 display: block;
 
}
ul.thumbs li.selected a.thumb {
 
}
a.thumb:focus {
 outline: none;
}
ul.thumbs img {
 
 display: block;
 
}
div.pagination {
 clear: both;
}
div.navigation div.top {
 margin-bottom: 12px;
 height: 11px;
}
div.navigation div.bottom {
 margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
 display: block;
 float: left;
 margin-right: 2px;
 padding: 4px 7px 2px 7px;
 border: 1px solid #ccc;
}
div.pagination a:hover {
 background-color: #eee;
 text-decoration: none;
}
div.pagination span.current {
 font-weight: bold;
 background-color: #000;
 border-color: #000;
 color: #fff;
}
div.pagination span.ellipsis {
 border: none;
 padding: 5px 0 3px 2px;
}



ul.f-thumbs li {
border-bottom:1px solid #333;
border-left:1px solid #333;
width:108px;
float:left;
}

ul.f-thumbs {
background:#fff;
width:654px;
margin:0px 0px 0 0px;
border-right:1px solid #333;
border-top:0px solid #333;
padding:0px;
}


ul.f-thumbs li a:hover{
 border:4px solid #888;
}
ul.f-thumbs li a.disabled:hover{
 border:4px solid transparent;
}



ul.f-thumbs li a {
 width:100px;
 height:100px;
 display:block;
 border:4px solid transparent;
 overflow:hidden;
}

#leftcol p {
 text-transform:lowercase;
}

#leftnav a, #leftcol a {
 text-transform:lowercase;
 font-weight:bold;
 color:#777;
 text-decoration:none;
 font-size:12px;
}

#leftcol a {
 font-size:11px;
}

#leftcol p a:hover {
 font-size:11px;
 text-decoration:underline;
 color:#aaa;
}

#leftnav a:hover {
 color:#aaa;
}

#leftnav li {
 margin:0px;
}


#leftinfo a {
 text-transform:lowercase;
 font-weight:bold;
 color:#777;
 text-decoration:none;
 font-size:11px;
}

.b-intro-img {
 float:left;
 width:180px;
 height:500px;
 margin:0 0 0 10px;
 
}

.b-intro-img img{
 display:none;
 margin-top:20px;
 background:#f7f7f7;
}


a#requestlink {
  display:block;
  margin:10px 0 0 0;
  color:#666;
  font-weight:bold;
  opacity:1.0 !important;
}

a#requestlink:hover {
  text-decoration:underline;
}

div.caption-container { position: relative; clear: left; height: 75px;}

span.image-caption {
 display: block; position: absolute;top: 10px; left: 0;
}
div.caption {
 margin:0px 0 0 0;
 padding:0 25px 0 0;
}
div.image-title {
 font-weight: bold;
 font-size: 12px;
}
div.image-desc {
 line-height: 1.3em;
 padding-top: 12px;
}