/*
	Main CSS File


*/

/* Global Reset x-browser */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body {line-height: 1; }

ol, ul {list-style: none; }

blockquote, q {quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none; }

:focus {outline: 0; }

ins {text-decoration: none; }

del {text-decoration: line-through; }

table {border-collapse: collapse;border-spacing: 0; }

/* BEGIN */

body {
	font-family: "Times New Roman", Verdana, Arial;
	color: #fff;
	/*background:#000 url('../images/background_1.jpg') no-repeat center top;*/
	background:#000 url('../images/08_camano_residence/bkg/1.jpg') no-repeat center top;
}
body.houseoflight {
	background-image: url('../images/02_house_of_light/bkg/1.jpg');
}
body.westlake {
	background-image: url('../images/03_westlake_hills/bkg/1.jpg');
}
body.fourseasons {
	background-image: url('../images/04_four_seasons_residence/bkg/1.jpg');
}
body.bighorn {
	background-image: url('../images/05_bighorn_residence/bkg/1.jpg');
}
body.clifton {
	background-image: url('../images/06_clifton_road_residence/bkg/1.jpg');
}
body.centralpark {
	background-image: url('../images/07_central_park_residence/bkg/1.jpg');
}
body.camano {
	background-image: url('../images/08_camano_residence/bkg/1.jpg');
}
body.belltown {
	background-image: url('../images/09_belltown_residence/bkg/1.jpg');
}
body.eldorado {
	background-image: url('../images/10_eldorado_residence/bkg/1.jpg');
}
body.washington {
	background-image: url('../images/11_washington_park_residence/bkg/1.jpg');
}
body.vecchia {
	background-image: url('../images/12_vecchia_nuovo_baker/bkg/1.jpg');
}
body.hunts {
	background-image: url('../images/13_hunts/bkg.jpg');
}





.italicized { font-style: italic; }

/* ------------------------- */
/*      HEADER               */
/* ------------------------- */

#header {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 440px;
	height: 94px;
	background:transparent url('../images/logo.png') no-repeat left top;
}
#header a.home {display:block; width:100%; height:100%;}

/* ------------------------- */
/*      NAVIGATION           */
/* ------------------------- */

#navigation {margin-left: auto; margin-right: auto; margin-top: 34px; width:940px; /*width: 840px;*/ }
	#navigation ul {width:100%;}
		#navigation ul li { display: inline; padding-left: 16px; padding-right: 16px; text-wrap:none;}
		#navigation ul li.separator { padding-left: 4px; padding-right: 4px; background:transparent url('../images/navigation_item_separator.png') no-repeat center center;}
			#navigation ul li a {position:relative; color: #fcfae3; text-decoration: none; font-size: 16px; }
     #navigation ul li a.selected {font-style:italic; color:#60340f;}
			#navigation ul li a:hover span[content]:before {font-style:italic; color:#60340f;}
			/*#navigation ul li a span.hidden {visibility: hidden; *visibility:visible;}
			#navigation ul li a span[content]:before {position:absolute; top:0; left:0; content: attr(content);}*/

/* ------------------------- */
/*      INDEX PAGE           */
/* ------------------------- */

.content-wrapper {position:relative;overflow:hidden; height:486px; width:1336px; margin:54px auto 0; color:#FCFAE3}
.home-content {
  top:0px;
  left:0px;
  width: 1336px;
  height: 486px;
}
.home-content.carousel_1 {
	background:transparent url('../images/home_carousel/homepage01.jpg') no-repeat left top;
}
.home-content.carousel_2 {
	background:transparent url('../images/home_carousel/homepage02.jpg') no-repeat left top;
}
.home-content.carousel_3 {
	background:transparent url('../images/home_carousel/homepage03.jpg') no-repeat left top;
}
.home-content.carousel_4 {
	background:transparent url('../images/home_carousel/homepage04.jpg') no-repeat left top;
}
.home-content.carousel_5 {
	background:transparent url('../images/home_carousel/homepage05.jpg') no-repeat left top;
}
.home-content.carousel_6 {
	background:transparent url('../images/home_carousel/homepage06.jpg') no-repeat left top;
}
.home-content.carousel_7 {
	background:transparent url('../images/home_carousel/homepage07.jpg') no-repeat left top;
}

.carousel-overlay {
	width: 1336px; height: 486px; display: none; float: left;
	background-color: #000;
	opacity:0.65;
	filter:alpha(opacity=90); /* For IE8 and earlier */
  text-align:center;
}

.carousel-overlay .advancer{ 
  display:inline-block;
	color:#fff;
	text-decoration: none;
	font-size: 14px;
  line-height:486px;
	width: 530px;
	cursor: pointer;
}

.carousel-overlay .advancer .advancer-icon{
	margin-left: 10px;
	background:transparent url('../images/advancer_icon.png') no-repeat right center;
}
	
/* ------------------------- */
/*  MAIN CONTENT WRAPPER     */
/* ------------------------- */

/* Projects specific */
#main-content-wrapper ._content-wrapper {position:absolute; top:0; left:0; bottom:0; right:50%; z-index:1; background:#3e372f; padding:50px 37px; font-size:14px;}
#main-content-wrapper nav.secondary {float:left; height:100%; line-height:21px; padding-right:30px; border-right:1px solid #b4a99a; margin-right:30px;}
#main-content-wrapper nav.secondary a {color:inherit; text-decoration:none;}
#main-content-wrapper nav.secondary a.active {color:#6c2b05;}
#main-content-wrapper .item-content {overflow:hidden;}
#main-content-wrapper .item-content h2 {font-size:30px; margin-bottom:14px; font-weight:normal;}
#main-content-wrapper .item-content .credits {margin-bottom:50px;}
#main-content-wrapper .item-content .credits .name {font-style:italic;}
#main-content-wrapper .item-content .location, #main-content-wrapper .item-content .interior {margin-bottom:12px;}
#main-content-wrapper .item-content .images {width:105%;}
#main-content-wrapper .item-content h3 {font-weight:normal; line-height:16px; margin-bottom: 4px; font-style: italic;}
#main-content-wrapper .item-content .images li {float:left; margin:0 8px 8px 0;}
#main-content-wrapper .item-content .images li a {display:block; border:1px transparent solid; cursor: pointer;}
#main-content-wrapper .item-content .images li a.active {border:1px #fff solid;}
#main-content-wrapper .item-content .images li a div {display:block; height: 65px; width: 65px;}
#main-content-wrapper #image_wrap {position:absolute; width:50%;height:100%; left:50%; top:0;} 
#main-content-wrapper #image_wrap img {position:absolute; top:0;left:100%; width:100%; height:100%;}
#main-content-wrapper .item-content.project .images {position: absolute; top: 306px; width: 400px;}

/* Furniture specific */
#main-content-wrapper .item-content.furniture {margin-right: 40px;}
#main-content-wrapper .item-content h3.furniture {font-style: italic; text-decoration: underline; margin-bottom: 140px;}
#main-content-wrapper .item-content h3.custom {font-style: italic; margin-bottom: 140px; margin-top: -16px;}
#main-content-wrapper .item-content h3.furniture a {color: #FCFAE3;}
#main-content-wrapper nav.secondary li.custom {margin-top:40px;}
#main-content-wrapper .item-content.furniture .images {position: absolute; top: 260px; width: 400px;}

/* Publications specific */
#main-content-wrapper.content-wrapper.publications {height: 520px;}
#main-content-wrapper ._content-wrapper.publications {position: relative;}
#main-content-wrapper nav.secondary ul.publications-left {float: left;}
#main-content-wrapper nav.secondary ul.publications-right {float: right; margin-left: 26px;}
#main-content-wrapper ul.publications-images li {display:inline-block; width: 264px; vertical-align: top;}
#main-content-wrapper ul.publications-images li.spacer {margin-left: 14px;}
#main-content-wrapper ul.publications-images li .italic {font-style: italic;}
#main-content-wrapper ul.publications-images li .credit-publication-line-1 {margin-top: 10px; font-style: italic; text-decoration: underline;}
#main-content-wrapper ul.publications-images li .credit-publication-line-2 {margin-top: 4px;}
#main-content-wrapper #paginator {width: 80px; margin-left: auto; margin-right: auto; margin-top: 10px; clear: both;}
#main-content-wrapper #paginator ul li {font-size: 20px; display: inline;}
#main-content-wrapper #paginator ul li.selected, #main-content-wrapper #paginator ul li a:hover { color: #60340F; font-style: italic;}
#main-content-wrapper #paginator ul li.separator {padding-left: 4px; padding-right: 4px;}
#main-content-wrapper #paginator ul li a {text-decoration:none; color: #fff;}

/* Profile Specific */
#main-content-wrapper .item-content.profile { margin-top: -26px;}
#main-content-wrapper .item-content.profile p {	line-height: 16px;}

/* Design Specific */
#main-content-wrapper .item-content.design p {	line-height: 16px;}

/* Contact Specific */
#main-content-wrapper .item-content.contact p {	line-height: 16px;}
#main-content-wrapper .item-content.contact a { color: #FCFAE3;}

/* Employment Specific */
._content-wrapper-emp {width:100%!important; position:absolute; top:0; left:0; bottom:0; z-index:1; background:#3e372f; padding:50px 37px; font-size:14px; line-height:18px;}
.emp-div {float:left; padding-left:0px; padding-right:50px; width:44%; margin-top:20px;}
.emp-divr {float:right; padding-left:0px; padding-right:30px;  width:42%;}
#main-content-wrapper .item-content.profile.employment p {	line-height: 20px; margin-bottom:20px;}
#main-content-wrapper .item-content.employment a { color: #FCFAE3;}



/* ------------------------- */
/*      FOOTER               */
/* ------------------------- */

#footer{
	margin-top: 52px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	color: #928c82;
	width: 300px;
}

/* END */
#slide-wrap {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
#slide-wrap img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
}