@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; border:0; width:100%; height:100%; font-family:"Myriad Pro", 'Droid Sans', 'Lucida Grande', Myriad, Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#6F6F6E; line-height:120%; background-color:#FFFFFF;}
body {-webkit-text-size-adjust:none; position:relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: 0; }
a { outline: 0; text-decoration:none; }
a:hover {text-decoration:none; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:Arial, Verdana, Helvetica, sans-serif;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.displayNone, .hidden {display:none;}
.center {text-align:center;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}
.nowarp{ display:inline-block;*display:inline;zoom:1;white-space:nowrap;text-align:justify;}

p {padding:0 0 10px 0;}
h1, h2, h3, h4, h5 {padding:0; margin:0;}

*{-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
-webkit-text-size-adjust: auto;}


#mainContainer {width:100%; /*height:100%;*/ background:url(../images/mainBg_shadow.png) no-repeat 50% 20px;}
#contentContainer {width:960px; height:500px; display:block; margin:15px auto 0; background-color:#F1F1F1;}

/* top starts */
#topContainer {width:960px; /*height:135px;*/ display:block; margin:0 auto 13px; position:relative;z-index:10;}
#topContainer .top {/*height:23px; */display:block; padding-top:78px;}
#topContainer .top #logo {width:338px; float:left; }
#topContainer .top #rightLogo{/*width:142px;*/float:right}
#topContainer .top #nav {float:right; margin-right:9px; display:block; }

#topContainer ul  {display:block;position:relative;}
#topContainer ul li {float:left; font-size:12px; text-transform: uppercase;line-height: 1em;position:relative;}
#topContainer ul li a {height:11px; display:block; float:left; color:#333333;}
#topContainer ul li a:hover, #topContainer #nav ul li a.active,#topContainer #mainNav ul li a.active {color:#A7A7A7;}
#topContainer ul li span {margin:0 3px;}
#topContainer ul li.last {background:none; padding:0;}

#topContainer #mainNav {margin-top:0px;}
#topContainer #mainNav ul li a.home {text-indent:-9999px; background:url(../images/mainNav_home.png) no-repeat 0 0; height:12px; width:13px;}
#topContainer #mainNav ul li span.navTitle{font-weight:bold;color:#000;margin:0;}
#topContainer #mainNav ul li a.home:hover, #topContainer #mainNav ul li a.home.active {background-position:0 -12px;}
#topContainer #mainNav .subNav{position:absolute;background:url(../images/dropdown_arrow.png) no-repeat 115px 7px;top:11px;right:15px;height:0;width:148px;overflow:hidden;}
#topContainer #mainNav .subNav ul{padding-top:16px;}
#topContainer #mainNav .subNav li{float:none; width:120px;padding:6px 14px;background:url(../images/dropdown_bg.png);color:#FFF;display:block;margin-bottom:1px;}
#topContainer #mainNav .subNav li:hover{background:url(../images/dropdown_bgHover.png);}
#topContainer #mainNav .subNav li a{color:#FFF;float:none;height:auto;}
/* top ends */

/* footer starts */
#footerContainer.top #nav {float:right; margin-right:9px; display:block;}

#footerContainer ul  {display:block; }
#footerContainer ul li {float:left; font-size:12px; text-transform: uppercase;}
#footerContainer ul li a {height:11px; display:block; float:left; color:#333333;}
#footerContainer ul li a:hover, #footerContainer #nav ul li a.active {color:#A7A7A7;}
#footerContainer ul li span {margin:0 3px;}
#footerContainer ul li.last {background:none; padding:0;}

#footerContainer #carParkNav {font-size:12px; margin-top:20px;margin-bottom:20px;/*font-family:"Times New Roman",Georgia,Serif; */}
#footerContainer #carParkNav ul{width:600px;float:left;}
#footerContainer #carParkNav ul.lang{width:50px;float:right;font-size:10px}
#footerContainer #carParkNav ul.lang li span{margin:0 9px;}
#footerContainer #carParkNav ul li a.home {text-indent:-9999px; background:url(../images/mainNav_home.png) no-repeat 0 0; height:12px; width:13px;}
#footerContainer #carParkNav ul li span.navTitle{font-weight:bold;margin:0;color:#000;}
#footerContainer #carParkNav ul li a.home:hover, #footerContainer #carParkNav ul li a.home.active {background-position:0 -12px;}
#footerContainer #carParkNav ul.lang li{font-size:10px}

#footerContainer {width:960px;margin:10px auto 0; position:relative;}
#footerContainer .right {position:absolute; right:-2px; top:23px;}
#footerContainer .left {float:left; width:100%;margin-bottom:20px;}
#footerContainer .left div {display:block; margin-bottom:10px;}
#footerContainer .left .info {font-size:12px; color:#333333; text-transform: uppercase; font-weight:bold;/*font-family:"Times New Roman",Georgia,Serif; */}
#footerContainer .left .info span {padding-left:10px;}
#footerContainer .copyright {color:#878686; font-size:10px;margin-bottom:15px;}
#footerContainer #footerNavContainer { width:auto;}
#footerContainer #footerNav {float:left;}
#footerContainer #footerNavContainer ul {float:left; background:url(../images/footer/ul_div.png) no-repeat 100% 50%; padding:0 10px 0 0; margin:0 0 0 8px;}
#footerContainer #footerNavContainer ul li { height:11px; float:left;}
#footerContainer #footerNavContainer .last {background:none; padding:0;}
#footerContainer #footerNavContainer ul li a {display:block; height:11px; float:left; color:#333333; font-size:10px;}
#footerContainer #footerNavContainer ul li span {margin:0 7px;}
#footerContainer #footerNavContainer ul li a:hover, #footerContainer #footerNavContainer ul li a.active {color:#A7A7A7;}
#footerContainer .note{position:relative;}
#footerContainer .note p {font-size:10px;text-align:justify}
/* footer ends */


/* media starts */
.mediaContainer {background:url(../images/bg.jpg) no-repeat 0 0;}
/* media ends */

/* gallery starts */
.galleryContainer {background:url(../images/bg.jpg) no-repeat 0 0;}

/* gallery ends */

/* home starts */
.homeContainer #contentContainer {}
.homeContainer #contentContainer .homeContent {position:relative;width:960px; height:500px;}
.homeContainer #contentContainer .homeContent > div{position:absolute;top:0;left:0;width:960px; height:500px; }
/* home ends */

/* coming soon starts */
.comingsoon {width:960px; height:500px; background:url(../images/coming-soon.png) no-repeat 50% 50%;}
/* coming soon ends */

/* other starts */
.otherContainer {display:table; #position:relative; overflow:hidden;}
.otherContainer .middleContainer {display:table-cell; #top:50%; vertical-align:middle; #position: absolute; height:500px; #height:auto;}
.otherContainer .middleContainer .content {#position: relative; #top:-50%; color:#FFF; margin:0; display:block;}
.otherContainer .middleContainer .content h1 {padding:0 0 24px 70px;}
.otherContainer .middleContainer .content .textContent {padding:0 0 0 70px; width:810px; font-size:14px; line-height:24px; color:#4C4C4C;overflow:hidden;}
.otherContainer.referenceContainer ul.icons {padding:0 0 15px 70px;}
.otherContainer.referenceContainer ul.icons li {float:left; height:18px; padding:6px 20px 0 30px; font-family:Helvetica; font-size:12px; color:#939397; font-weight:bold; background-repeat:no-repeat; background-position:0 50%;}
.otherContainer.referenceContainer ul.icons li.icon_1 {background-image:url(../images/other/icon1.png);}
.otherContainer.referenceContainer ul.icons li.icon_2 {background-image:url(../images/other/icon2.png);}
.otherContainer.referenceContainer ul.icons li.icon_3 {background-image:url(../images/other/icon3.png);}
.otherContainer.referenceContainer .textContent p {width:750px;}
.otherContainer .textContent p {text-align:justify;}
.otherContainer .textContent .scroll-pane {height:337px;}
.otherContainer .textContent table {width:750px; font-size:16px;}
.otherContainer .textContent table tr {width:374px;}
.otherContainer .textContent table tr td {border-top:1px #fff solid; padding:22px 0 19px 24px; width:49%;}
/*.otherContainer .textContent table tr td:first-child {border-right:1px #fff solid;}*/
.otherContainer .textContent table tr td span {color:#967543; font-size:12px; display:block; text-transform: uppercase;}

/* other ends */

/* Ernesto Section start */
.designerContent{width:960px;height:500px;position:absolute;top:0;left:0;z-index:5;background:#000;display:none;}
.designerContent .sideNav{width:208px;height:500px;background:url(../images/ernesto/navBg.png) no-repeat;position:absolute;top:0;left:0;z-index:4;}
.designerContent .sideNav .title{margin:38px 25px;}
.designerContent .sideNav ul{padding-left:25px;}
.designerContent .sideNav ul li{min-height:32px;color:#EBEBEB;font-family:"Times New Roman", Times, serif;font-size:14px;width:182px;}
.designerContent .sideNav ul li.active{background:url(../images/ernesto/navArrow.png) no-repeat right 0;}
.designerContent .sideNav ul li a{color:#EBEBEB;display: block;min-height: 22px;line-height: 22px;padding-bottom:10px;padding-left:15px;}
.designerContent .sideNav > ul > li > a:hover,.designerContent .sideNav > ul > li.active > a,.designerContent .sideNav > ul > li.subNavActive > a{background:url(../images/ernesto/navBullet.png) no-repeat 3px 9px;}
.designerContent .sideNav ul ul{padding-left:15px;}
.designerContent .sideNav ul ul li{width:167px;}
.designerContent .sideNav .subNav li.active a{text-decoration:underline}

.designerContent .contentPage{position:absolute;top:0;left:0;z-index:2}
.designerContent .contentPage.active{z-index:3}

.designerContent #intro.contentPage .content{position:absolute;height:378px;width:317px;left:196px;top:0;z-index:2;background:url(../images/ernesto/contentBg_black.png);padding:64px 18px 58px 30px; text-align:justify;}
.designerContent #intro.contentPage .content .title{font-family : Arial, Helvetica, sans-serif;color:#FFF;font-size:14px;font-weight:bold;padding-bottom:15px;}
.designerContent #intro.contentPage .content .scrollable{font-family : Arial, Helvetica, sans-serif;font-size:11px;line-height:1.75em;color:#DDDDDD}

.designerContent #philosophy.contentPage .content{position:absolute;height:390px;width:324px;left:196px;top:0;z-index:2;background:url(../images/ernesto/contentBg_black.png);padding:52px 18px 58px 18px; }
.designerContent #philosophy.contentPage .content .caption{margin-top:40px;}

.designerContent #publications.contentPage .content{position:absolute;height:461px;width:719px;left:196px;top:0;z-index:2;padding:24px 21px 15px 24px; }
.designerContent #publications.contentPage .content .title{font-family : Arial, Helvetica, sans-serif;color:#FFF;font-size:14px;font-weight:bold;padding-bottom:0px;height:33px;}
.designerContent #publications.contentPage .content .title .left{width:345px;float:left;}
.designerContent #publications.contentPage .content .title .right{width:356px;float:left;padding-left:18px;}
.designerContent #publications.contentPage .content .scrollable{font-size:11px;line-height:1.75em;color:#DDDDDD;overflow:hidden;height:426px;}
.designerContent #publications.contentPage .content .scrollable .left{width:345px;float:left;}
.designerContent #publications.contentPage .content .scrollable .right{width:333px;float:left;padding-left:18px;}
.designerContent #publications.contentPage .content .scrollable .book{padding-bottom:16px;}
.designerContent #publications.contentPage .content .scrollable .book .image{width:171px;float:left;}
.designerContent #publications.contentPage .content .scrollable .book .text{width:150px;float:left;color:#444444;font-size:11px;font-family:"Times New Roman", Times, serif;line-height:15px;}
.designerContent #publications.contentPage .content .scrollable .book.noImg .text{width:100%;}
.designerContent #publications.contentPage .content .scrollable .book .text .title{color:#3F3000;font-size:15px;font-weight:bold;font-family:"Times New Roman", Times, serif;display:block;line-height:17px;height:auto;padding-bottom:10px;}


.designerContent #awards.contentPage .content{position:absolute;height:427px;width:656px;left:196px;top:0;z-index:2;padding:57px 21px 16px 87px; }
.designerContent #awards.contentPage .content .scrollable{font-size:11px;line-height:1.75em;color:#6A6A6A;font-size:12px;line-height:14px;overflow:hidden;height:426px;font-family:"Times New Roman", Times, serif;}
.designerContent #awards.contentPage .content .scrollable .title{height:auto;padding-bottom:7px;}
.designerContent #awards.contentPage .content .scrollable .awards{padding-bottom:40px;}

.designerContent .contentPage.portfolio .content{position:absolute;height:93px;width:369px;right:7px;bottom:13px;z-index:2;padding:14px 25px 13px 20px;background:url(../images/ernesto/contentBg_portfolio.png);}
.designerContent .contentPage.portfolio .content span{display:block;color:#AAAAAA;}
.designerContent .contentPage.portfolio .content span.title{padding-bottom:8px;}
.designerContent .contentPage.portfolio .content span.link{text-align:right;position: absolute;bottom:13px;right:25px;}
.designerContent .contentPage.portfolio .content span.link a{color:#786C4C;text-decoration:underline;display:inline-block;zoom:1;*display:inline;padding-left:11px;background:url(../images/ernesto/bulletPortfolio.png) left center no-repeat;}
.designerContent .contentPage.portfolio .content span.link a:hover{color:#B8AD8F;}

#videoBlock{position:fixed;width:100%;height:100%;top:0;left:0;z-index:900;display:none;}
#videoBlock .overlay{width:100%;height:100%;top:0;left:0;background:#141414;opacity:0.85;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85); /* Netscape */ -moz-opacity: 0.85;  /* Safari 1.x */ -khtml-opacity: 0.85;}
#videoBlock .wrapper{position:absolute;top:50%;margin-top:-270px;left:50%;margin-left:-480px;width:954px;height:541px;background:#FFF;padding:3px;}
#videoBlock .closeBtn{position:absolute;display:block;width:26px;height:26px;background:url(../images/ernesto/btnVideoClose.png);top:50%;margin-top:-270px;left:50%;margin-left:483px;text-indent:-9999px;cursor:pointer}
#videoBlock .closeBtn.mobile{margin-left:458px;margin-top:-295px;}

/*Scrollbar */
.scrollable.barScroll { clear: both;}
.scrollable.barScroll .viewport { height: 342px; overflow: hidden; position: relative; margin:0; width:93%;}
.scrollable.barScroll .overview { list-style: none; position: absolute; left: 0; top: 0;}
.scrollable.barScroll .thumb .end,
.scrollable.barScroll .thumb { background-color: transparent; }
.scrollable.barScroll .scrollbar { position: relative; float: right; width:13px; z-index:1000;}
.scrollable.barScroll .track {background:rgba(0,0,0,0.5);height: 100%; width:3px; position: relative; padding: 0; margin:0 0 0 5px;}
.scrollable.barScroll .thumb {width:3px; cursor: pointer; overflow: hidden; position: absolute; top: 0;background:#888888;}
.scrollable.barScroll .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scrollable.barScroll.disable{ display: none; }

.scrollable.bulletScroll { clear: both;}
.scrollable.bulletScroll .viewport { height: 426px; overflow: hidden; position: relative; margin:0}
.scrollable.bulletScroll .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollable.bulletScroll .thumb .end,
.scrollable.bulletScroll .thumb { background-color: transparent; }
.scrollable.bulletScroll .scrollbar { position: relative; float: right; width: 23px; }
.scrollable.bulletScroll .track {background:url(../images/ernesto/scrollTrack.png) 1px 0px ;height: 100%; width:23px; position: relative; padding: 0; }
.scrollable.bulletScroll .thumb { height: 23px; width: 23px; cursor: pointer; overflow: hidden; position: absolute; top: 0;background:url(../images/ernesto/scrollBullet.png); }
.scrollable.bulletScroll .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scrollable.bulletScroll.disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

                    
/* Ernesto Section ends */




/* custom scrollbar */
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background: #D2D2D2;
}
.jspTrack
{
	background: #D2D2D2;
	position: relative;
}
.jspDrag
{
	background: #696968;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
/* other ends */

/* lightbox starts */
#overlay{position:absolute; top:0px; left:0px; z-index:90; opacity:0.50; filter:alpha(opacity=50); background-color:#141414;}
#lightbox{ background:#FFFFFF; border:solid 5px #fff; }
#lightbox .close{ background:url(../images/media/btn_close.png) no-repeat 0 0; display:block; height:49px; width:49px; position:absolute; top:-22px; right:-22px;display:none;  }

#disclaimerPopup {display:table; overflow:hidden;}
#disclaimerPopup .middleContainer {display:table-cell; #top:50%; vertical-align:middle; #position: absolute; height:430px; #height:auto;padding: 30px 20px;}
#disclaimerPopup .middleContainer .content {#position: relative; #top:-50%; color:#FFF; margin:0; display:block; padding:0 20px;}
#disclaimerPopup h1 {padding:20px 0 20px 0;}
#disclaimerPopup a{color:#4C4C4C;}
#disclaimerPopup a.closeBtn{float:right;}
#disclaimerPopup a:hover{color:#CCCCCC;}
#disclaimerPopup p {font-size:14px; line-height:24px; color:#4C4C4C; text-align:justify; }
/* lightbox ends */

/* ColorBox Style starts */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{background-color:#141414;}
#colorbox{position: absolute;  }
    #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomCenter {width:0; height:0; display:none;}
    #cboxTopCenter{width:100%; height:0; display:block;}    
    #cboxContent{background:#FFFFFF; overflow:hidden;}
	.cboxIframe{background:#FFFFFF;}
	#cboxError{padding:50px; border:1px solid #ccc;}
	#cboxLoadedContent{margin-bottom:0px; }
	#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
	#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
	#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
	#cboxPrevious{position:absolute; bottom:0; left:0; background:none; width:25px; height:25px; text-indent:-9999px;}
	#cboxPrevious:hover{background-position:-75px -25px;}
	#cboxNext{position:absolute; bottom:0; left:27px; background:none; width:25px; height:25px; text-indent:-9999px;}
	#cboxNext:hover{background-position:-50px -25px;}
	/*#cboxLoadingOverlay{background:url(../../images/lightbox/loading_background.png) no-repeat center center;}
	#cboxLoadingGraphic{background:url(../../images/lightbox/loading.gif) no-repeat center center;}*/
	/*#cboxClose{position:absolute; top:4px; right:25px; background:url(../images/home/btn_close.png) no-repeat; width:51px; height:16px; text-indent:-9999px;}*/
/* ColorBox Style ends */
.dateIframe {width:250px; height:13px; display:inline; background-color:transparent; border:none; vertical-align:text-top;}