* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: Baskerville;
    color: #000;
    background: #fff;
}

html, body {
    height: 100%;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


#shell {
    min-height: 100%; height: auto !important; height: 100%;
    margin: 0 auto -42px;
    position: relative;
    padding-left: 172px;
}

#footer, #footer-push {
    height: 42px;
}

#sidebar { width: 180px; height: 580px; position: absolute; top:28px; left:0; z-index: 1; background: #fff; }



#navigation { padding: 14px 0 0 20px; }
#navigation ul { list-style: none; }
#navigation ul li { font-size: 13px; line-height: 11px;  padding: 0 0 11px 0; }
#navigation ul li a { color: #404040;}
#navigation ul li a:hover, 
#navigation ul li a.active { color: #a6a5a5; text-decoration: none; }

.nav-social-holder { width: 172px; height: 100%; position: relative; }
.nav-social { position: absolute; bottom:0; left:0; padding: 0 0 0 10px; }
.nav-social ul { list-style: none; }
.nav-social ul li { font-size: 11px; line-height: 12px; color: #CAD1D3; font-weight: bold; text-transform: uppercase; padding: 0 0 11px 0; }
.nav-social ul li a { color: #444; }
.nav-social ul li a:hover, 
.nav-social ul li a.active { color: #000; text-decoration: none; }

.nav-social ul li .socials {  }
.nav-social ul li .socials a { width: 19px; height: 19px; }
.nav-social ul li a.btn-fb { background: url(../../Front/images/btn-fb.gif) no-repeat 0 0; margin: 0 6px 0 0; }
.nav-social ul li a.btn-twit { background: url(../../Front/images/btn-twit.gif) no-repeat 0 0; }


#content {
	position: relative;
	z-index: 1;
	overflow: hidden;
	left: 10px;
}

.overlay { background: url(../../Front/images/pixel.png) repeat 0 0; width: 1130px; height: 547px; position: absolute; z-index: 101; }
.overlay-head { height: 64px; }
.overlay-head .new { background: url(../../Front/images/new.gif) no-repeat 0 0; width: 156px; height: 20px; margin: 20px 0 0 32px; }
.overlay-head .close { background: url(../../Front/images/close.gif) no-repeat 0 0; width: 14px; height: 13px; margin: 15px 15px 0 0; }
.overlay-head .top-right-anchor { margin: 0; height: 1px; width: 1px; }

.image-box { height: 423px; }
.image-box img { text-align: center; display: block; margin: 0 0 2px 0; }
.image-box a { font-size: 10px; line-height: 14px; color: #9d9c9c; text-transform: uppercase; text-align: center; display: block; }
.image-box a:hover { color: #fff; text-decoration: none; }

.overlay-content { height: 423px; padding: 25px 0 0 32px; }
.overlay-content .image-box { padding: 0 32px 0 0; width: 330px; }
.overlay-content .image-box-last { padding:0; }

.director { width: 430px; height: 26px; background: #000; position: absolute; top:0;right:0; z-index: 100; }
.director p { font-size: 11px; line-height: 26px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 0 0 0 10px; }
.director p span { color: #999; }

#footer { position: relative; z-index: 100; background: #eeede4; overflow: hidden; }
#footer ul { list-style: none; }
#footer ul li { display: inline; float: left; height: 42px; font-size: 10px; line-height: 42px; color: #000; font-weight: bold; text-transform: uppercase; }
#footer ul li a { color: #999; }

#slider { position: relative; overflow: hidden; }
#slider img { display: block; position: absolute; top:0;left:0; }


/*blog*/
.blog { background: #090910; height: 100%; }
.blog h2 { background: url(../../Front/images/blog.gif) no-repeat 0 0; width: 79px; height: 22px; margin: 82px 0 71px 41px; }
.blog .col { width: 390px; margin: 0 25px 0 0; }

.blog .image-box { height: auto; padding: 0 0 50px 0; }
.blog .image-box a { width: auto; height: auto; background: #000; border: 8px solid #000; }
.blog .image-box a:hover { background: #333; border: 8px solid #333; }

/*blog-popup*/
.blog-popup { width: 1000px; height: 658px; background: #fff; }
.blog-popup .info { width: 228px; padding: 43px 0 0 20px; }
.blog-popup h2 { font-size: 21px; line-height: 26px; color: #444; font-weight: normal; text-transform: uppercase; padding: 0 0 23px 0; }
.blog-popup p { font-size: 13px; line-height: 16px; color: #666; }

.blog-form {  }
.blog-form label { font-size: 12px; line-height: 15px; color: #444; display: block; padding: 0 0 3px 2px; }
.blog-form .field { width: 206px; height: 15px; border: 1px solid #bbb; font-size: 12px; line-height: 15px; padding: 4px 10px; margin: 0 0 18px 0; }
.blog-form textarea.field { height: 85px; }
.blog-form .button { width: 66px; height: 20px; background: #dfddcd; border:0; font-size: 10px; line-height: 20px; color: #444; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 0 auto; }

.blog-popup .images-holder { width: 673px; padding: 45px 20px 20px 0; position: relative; }
.blog-popup .images { width: 673px; height: 567px; overflow: hidden; white-space: nowrap; }
.blog-popup .images img { display: block; }
.blog-popup .images ul { list-style: none; width: 3000px; }
.blog-popup .images ul li { display: inline; float: left; padding: 0 20px 0 0; }
.blog-popup .images ul li a { float: left; }

.blog-popup .close { background: url(../../Front/images/close2.gif) no-repeat 0 0; width: 14px; height: 13px; position: absolute; top:-30px;right:20px; }
.blog-popup .prev { background: url(../../Front/images/prev.gif) no-repeat 0 0; width: 7px; height: 11px; position: absolute; top:17px;right:45px; }
.blog-popup .prev:hover { background-position: 0 -11px; }
.blog-popup .next { background: url(../../Front/images/next.gif) no-repeat 0 0; width: 7px; height: 11px; position: absolute; top:17px;right:27px; }
.blog-popup .next:hover { background-position: 0 -11px; }

.blog-popup .nav { height: 26px; background: #dfddcd; font-size: 10px; line-height: 26px; font-weight: bold; text-transform: uppercase; }
.blog-popup .nav h3 { font-size: 10px; line-height: 26px; color: #000; padding: 0 0 0 15px; }
.blog-popup .nav ul { list-style: none; }
.blog-popup .nav ul li { display: inline; float: left; line-height: 18px; padding: 4px 25px 0 0; }
.blog-popup .nav ul li a { float: left; height: 18px; color: #444; padding: 0 10px; }
.blog-popup .nav ul li a:hover { color: #000; text-decoration: none; background: #eeede4; }

/*portfolio*/
.sub-nav { height: 26px; background: #dfddcd; position: fixed; bottom:0;right:0; z-index: 155; }
.sub-nav ul { list-style: none; padding: 4px 0 0 0; }
.sub-nav ul li { display: inline; float: left; font-size: 11px; line-height: 18px; font-weight: bold; text-transform: uppercase; padding: 0 10px 0 0; }
.sub-nav ul li a { float: left; color: #444; padding: 0 10px; font-weight: bold; }
.sub-nav ul li a:hover { color: #000; background: #eeede4; text-decoration: none; }
.sub-nav .name { font-size: 11px; line-height: 26px; font-weight: bold; color: #000; text-transform: uppercase; padding: 0 36px 0 17px; }
.sub-nav .btn-gallery { background: url(../../Front/images/btn-gallery.gif) no-repeat 0 0; font-weight: bold; font-size: 10px; line-height: 15px; color: #444; text-transform: uppercase; padding: 0 30px 0 23px; margin: 5px 0 0 0; }

.sub-nav .btn-images { background: url(../../Front/images/btn-images.gif) no-repeat 0 2px; font-weight: bold; }
.sub-nav .prev { background: url(../../Front/images/prev2.gif) no-repeat 0 0; width: 7px; height: 11px; margin: 6px 11px 0 0; }
.sub-nav .prev:hover { background-position: 0 -11px; }
.sub-nav .next { background: url(../../Front/images/next2.gif) no-repeat 0 0; width: 7px; height: 11px; margin: 6px 20px 0 0; }
.sub-nav .next:hover { background-position: 0 -11px; }

.gallery {
	position: relative;
	z-index: 1;
	background: #F4F4F4;
	padding: 40px;
	top: 14px;
	left: 20px;

}
.gallery .prev-g { /*background: url(/css/Front/images/pixel.gif) repeat 0 0; */position: absolute; top:40px;left:40px; z-index: 150; }
.gallery .prev-g span { background: url(../../Front/images/prev.png) no-repeat 0 0; width: 43px; height: 56px; position: absolute; left:10px;top:45%; display: none; }

.gallery .next-g { /*background: url(/css/Front/images/pixel.gif) repeat 0 0;*/ position: absolute; top:40px;right:40px; z-index: 150; }
.gallery .next-g span { background: url(../../Front/images/next.png) no-repeat 0 0; width: 43px; height: 56px; position: absolute; right:10px;top:45%; display: none; }

.g-slider { overflow: hidden; position: relative; z-index: 1; }
.g-slider ul { list-style: none;}
.g-slider ul li {display: block; float: left; /*text-align: center;*/}
.g-slider ul li a { float: left;}
.g-slider img { margin: 0 auto; display: block; }

/*portfolio gallery*/
.gallery-p { overflow: hidden; background: #eeede4; padding: 14px 0 4px 14px; }
.gallery-p a { display: block; margin: 0 10px 10px 0; }
.gallery-p .page { float: left; }
#portfolioImages { position: relative; left: 0; }

.black-overlay { display: none; background: #000; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); position: absolute; top:0;left:0; z-index: 3000; }
.black-overlay .close { background: url(../../Front/images/close2.gif) no-repeat 0 0; width: 14px; height: 13px; position: absolute; top:20px;right:20px; }

/*contact*/
.contact { width: 80%; margin: 185px auto 0 auto; }
.contact .text {  }
.contact .text p { font-size: 18px; line-height: 26px; color: #dfddcd; padding: 0 0 27px 0; }
.contact .col { width: 45%; font-size: 15px; line-height: 26px; color: #dfddcd; }
.contact .col h4 { font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 27px 0 0 0; }
.contact .col p {  }
.contact .col ul  { list-style: none; }
.contact .col ul li  {  }
.contact .col ul li a { font-weight: bold; color: #858271; }
.contact .col ul li a:hover { color: #DFDDCD; text-decoration: none; }

/*request*/
.request {  }
.request-form { width: 540px; margin: 215px auto 0 auto; }
.request-form label { width: 125px; padding: 0 18px 0 0; font-size: 13px; line-height: 25px; color: #dfddcd; text-transform: uppercase; text-align: right; }
.request-form label.label { width: 71px; text-align: left; }
.request-form .field { background: url(../../Front/images/request-field.png) no-repeat 0 0; border:0; width: 369px; height: 15px; font-size: 12px; line-height: 15px; color: #fff; padding: 5px 10px; margin: 0 0 13px 0; }
.request-form textarea.field { background: url(../../Front/images/request-textarea.png) no-repeat 0 0; height: 110px; }
.request-form .radio { margin: 5px 8px 15px 0; }
.request-form .button { width: 98px; height: 23px; background: #dfddcd; border:0; font-size: 10px; line-height: 23px; color: #000; text-transform: uppercase; text-align: center; }
.request-form .btn-clear { margin: 0 17px 0 0; }
.request-form .buttons { width: 222px; margin: 0 0 0 auto; }

.textfont { font-size: 11px; font-weight: bold; color: #CAD1D3; text-transform: uppercase;}


.bioblack-overlay { display: none; background: #000; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=80); position: absolute; top:0;left:0; z-index: 3000; }
.bioblack-overlay .close { background: url(../../Front/images/close2.gif) no-repeat 0 0; width: 14px; height: 13px; position: absolute; top:20px;right:20px; }

/*bio*/
.bio { width: 80%; margin: 185px auto 0; }
.bio p { font-size: 20px; line-height: 26px; color: #dfddcd; padding: 0 0 27px 0; }
.bio h3 { font-size: 25px; line-height: 30px; color: #dfddcd; padding: 0 0 27px 0; }
.bio .col-left { float: left; display: inline; }
.bio .col-right { float: right; display: inline; }

/* Portfolio CSS */
#portfolio{background-color:#eeede4; margin:0 0 0 180px;}
#portfolioImages{ margin:0; padding:0; }
#portfolioImages ul{ list-style:none; padding:0; margin:0; }
#portfolioImages li{ float:left; margin:0 10px 10px 0px; text-align:center; width:175px; height:110px; display:block; background-color:#fff;}
#portfolioImages li a { display: block; text-align: center; }
#portfolioImages li img { display: inline; margin: 0; }
#portfolioNavigation{ background-color:#dfddcd; clear:both; text-transform:uppercase; padding:4px; font-size:10px; letter-spacing:0.17em;}
#portfolioNav{color:#000008; margin:0 0 0 10px;}
#portfolioNav ul{ list-style:none; padding:0; margin:0;}
#portfolioNav li{ float:left; font-weight:bold; margin:4px 22px 4px 0;}
#portfolioNav li a{ color:#444444; text-decoration:none; font-weight:normal; padding:5px 10px;  }
#portfolioNav .selected{ background-color:#eeede4;}
#portfolioNav li a:hover{ color:#000008; background-color:#eeede4;}
.fullImages{ float:right; margin:0 15px 0 0;}
#fullImagesLink{ float:left; margin:4px 22px 0 0;  }
#fullImagesLink a{ background:url(../../Front/images/fullimages.html) no-repeat; display:block; padding:0 0 0 20px; color:#444444; text-decoration:none;}
#fullImagesLink a:hover{ color:#000008;}

#portfolioImagesGallery{ padding:40px; text-align:center;}

#portfolioImages div{ float:left; margin:0 10px 10px 0px; text-align:center;}
#portfolioImagesGalleryContainer{ margin:0 auto;}
#prevcursor{ position: absolute; z-index: 10000; float:left; display:block; text-indent:-9999px;  }
#prevcursor:hover{ background: url(../../Front/images/prev.png) no-repeat center left; display:block; text-indent:-9999px; cursor:pointer; }
#nextcursor{position: absolute; z-index: 10000; display:block; text-indent:-9999px; }
#nextcursor:hover{ background: url(../../Front/images/next.png) no-repeat center right; display:block; text-indent:-9999px; cursor:pointer;}

#galleryLink{float:left; margin:2px 22px 0 0; z-index:500; position:relative;}
#galleryLink a{ background:url(../../Front/images/galleryimages.html) no-repeat; display:block; padding:2px 0 0 20px; color:#444444; text-decoration:none; height:16px;}
#galleryLink a:hover{ color:#000008;}

.arrowLeft, .arrowRight{ float:left; margin:5px 0 0 0;}
.arrowLeft a{ background:url(../../Front/images/arrow_left.html) no-repeat; width:7px; height:11px; text-indent:-9999px; display:block; margin:0px 11px 0 0; }
.arrowLeft a:hover{ background:url(../../Front/images/arrow_left_hover.html) no-repeat;}
.arrowRight a{ background:url(../../Front/images/arrow_right.html) no-repeat; width:7px; height:11px; text-indent:-9999px; display:block;}
.arrowRight a:hover{ background:url(../../Front/images/arrow_right_hover.html) no-repeat;}

.holder{ width:690px; height:460px; padding-left:160px; padding-top:10px; overflow:hidden;}
.holder ul{ list-style-type: none;}
.holder img{ float: left;}

/* Contact CSS */
#contactContainer{z-index:20000; position:fixed; display:none; min-height:675px; right:0; top:0; left:160px;  }
#contact{ color:#dfddcd; font-size:18px; line-height:25px; background:url(../../Front/images/tbg.png) repeat; width:100%; height:100%; min-height:600px; } 
.contactContent{ width:48%; margin:0 auto;}
#contact p{ color:#dfddcd; font-size:18px; padding:0 0 5px 0; line-height:27px; letter-spacing:0.05em;}
#contact a{ color:#858271; text-decoration:none; font-weight:bold;}
#contact a:hover{ color:#DFDDCD;}
.contactNy{ float:left; margin:22px 0 0 0; font-size:15px; width:50%;}
.contactParis{ float:left; margin:22px 0 0 0; font-size:15px; width:50%;}

/* Request Form CSS */
#requestForm, #bioForm{ font-size:12px; color:#dfddcd; z-index:100000; position:fixed; display:none; min-height:600px; left:160px;}
#requestFormContainer, #bioFormContainer{ background:url(../../Front/images/tbg.png) repeat; width:100%; height:100%; }
.requestContent{ width:500px; margin:0 auto;}
.bioContent{ width:1025px; margin:0 auto;}
#requestForm .label{ float:left; clear:both; width:90px; text-align:right; padding:5px 15px 0 0; margin:0 0 18px 0;}
#requestForm .label2{ float:left; clear:both; width:90px; text-align:right; padding:0px 15px 0 0; margin:0 0 18px 0;}
#requestForm .input{ float:left; width:380px; border:solid 1px #eeede4; padding:4px; font-size:13px; color:#dfddcd; background:url(../../Front/images/rfbg.html) repeat;  font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
#requestForm .input2{ float:left; width:380px; height:110px; border:solid 1px #eeede4; padding:4px; font-size:13px; color:#dfddcd; background:url(../../Front/images/rfbg.html) repeat;  font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
#requestForm .reset{background:url(../../Front/images/clearform.html) no-repeat; width:98px; height:23px; border:none; cursor:pointer; text-indent:-9999em; float:left;}
#requestForm .submit{background:url(../../Front/images/sendrequest.html) no-repeat; width:98px; height:23px; border:none; cursor:pointer; text-indent:-9999em; float:left; margin:0 0 0 16px;}
.portfolioType{ float:left;  margin:5px 0 0 0;}
.portfolioType label{ margin:0 25px 0 0;}

#requestForm .buttons{ margin:0 0 0 284px; padding:18px 0 0 0;}

#bioFormContainer h1{ font-size:25px; font-weight:normal; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; padding:0 0 30px 0; margin:0; letter-spacing:2px;}
#bioFormContainer p{ font-size:17px; font-weight:normal; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; padding:0 0 25px 0; margin:0; line-height:25px; letter-spacing:0.05em;}
#bioFormContainer .img{ float:left; width:325px;}
#bioFormContainer .txt{ float:left; width:700px;}

#loading-image {width:100%; height:750px; padding:5px 15px 0 0; margin:0 0 18px 0;}