/*=== Global ===*/
html {background-color:#3C362f;}

body {margin-bottom:160px;}

.block {display:block;}

.clear {clear:both;}

/*=== Header ===*/
#header {left:0; position:absolute; top:0; width:100%; z-index:99;}
ul.nav {background-color:#f9eccf; height:70px; margin:0 auto; width:980px;}
ul.nav li {border-left:1px solid #cd9a50; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; height:20px; left:20px; letter-spacing:4px; position:relative; text-align:center; top:42px; width:140px;}
ul.nav li.last {border-right:1px solid #cd9a50;}
ul.nav li a {color:#000; display:block; margin: 0 auto; position:relative; text-decoration:none; text-transform:uppercase; top:5px;}
ul.nav li a:hover,
ul.nav li:hover > a,
ul.nav li a.current {color:#850035 !important;}
ul.nav li.home {border-left:none; float:left; font-family:Arial,Helvetica,sans-serif; font-size:10px; height:25px; left:20px; letter-spacing:5px; overflow:hidden; position:relative; text-align:center; text-transform:uppercase; top:40px; width:45px;}
ul.nav li.home a {color:#cd9a50; position:inherit; top:0;}
ul.nav li.home a:hover {color:#850035; cursor:pointer;}
ul.nav li.home em {background-color:#cd9a50; background-image:url(../images/sacabo-mark.png); display:block; height:100%; left:0; position:absolute; top:0; width:100%;}
ul.nav li.home a:hover em {background-color:#850035;}
ul.nav ul {position:relative;}
ul.nav ul li {border-left:none; float:none; height:auto; left:0; position:inherit; text-align:left; top:0; width:140px;}
ul.nav ul li:first-child {padding-top:20px;}
ul.nav ul li a {color:#826011; line-height:26px; padding-left: 14px; top:0; width:100%;}
ul.nav ul.books-nav {top:2px;}
ul.nav ul.books-nav li a {color:#666; font-size:10px; letter-spacing:1px; line-height:22px; text-transform:none;}
ul.nav ul ul.silver-prints-nav {left:145px; position:absolute; top:22px; width:160px;}
ul.nav ul ul.gravures-nav {left:145px; position:absolute; top:2px; width:160px;}
ul.nav ul ul a {color:#666; letter-spacing:1px; line-height:22px; padding-top:0; text-transform:capitalize;}
ul.nav ul ul li:first-child {padding-top:0;}
ul.nav ul ul li {left:0; position:relative; top:0;}
ul.nav li ul {display:none;}
ul.nav li:hover > ul,
ul.nav li.current > ul {display:block;}
ul.nav li.hover ul li,
ul.nav ul.hover li {display:none !important;}

/*=== Container ===*/
div#container {margin:0 auto; min-height:590px; padding-bottom:60px; position:relative; top:70px; width:980px;}

/*=== Slideshow Navigation ===*/
.slideshow_nav {bottom:83px; left:85px; position:absolute; z-index:99;}
.slideshow_nav li {float:left;}
.slideshow_nav a {color:#826011; display:block; font-style:italic; font-weight:bold; float:left; letter-spacing:2px; position:relative; text-decoration:none; text-transform:lowercase;}
.slideshow_nav a:hover {color:#850035;}
.next em,
.prev em {display:block; height:100%; left:0; position:absolute; top:0; width:100%;}
.next {margin-left:40px;}
.next em {background-image:url(../images/next.png);}
.prev em {background-image:url(../images/previous.png);}
.single-image-slideshow li {min-height:330px; width:345px;}

/*=== Intro Slideshow ===*/
#intro {height:433px; width:503px;}
#intro li {width:503px;}
#intro img {margin: 0 auto;}

/*=== Sub-navigation ===*/
ul#sub-nav {position:relative; width:120px;}
ul#sub-nav li {color:#333; font-family:Arial,Helvetica,sans-serif; font-size:10px; letter-spacing:2px; line-height:14px; margin-bottom:12px; text-transform:uppercase;}
ul#sub-nav ul {border-left:1px solid #8e7e76; left:130px; height:100%; padding-left:15px; position:absolute; top: 0; width:180px;}

/*=== Home ===*/
div.home {background-color:#f9eccf;}
div.home h2 {display:block; height:298px; overflow:hidden; width:450px;}
div.home h2 em {background-image:url(../images/home/josephine-sacabo-photography.png); display:block; height:100%; width:100%;}
div.home div.content-left {display:inline; float:left; min-height:320px; margin:140px 0 0 60px; position:relative; width:450px;}
div.home div.content-right {display:inline; float:left; min-height:476px; margin:80px 0 0 50px; position:relative; width:360px;}

/*=== Portfolios ===*/
div.portfolios {background-color:#fff;}
div.portfolios div.content-left {display:inline; float:left; min-height:330px; margin:240px 0 0 85px; position:relative; width:345px;}
div.portfolios div.content-right {display:inline; float:left; min-height:480px; margin:80px 0 0 30px; position:relative; width:480px;}
div.portfolios div.content-right img {bottom:0; left:0; position:absolute;}
div.portfolios div.content-left h2 {font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:20px; font-variant:small-caps; letter-spacing:2px; margin-bottom:5px; width:310px;}
div.portfolios div.content-left h3 {font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:14px; letter-spacing:5px; line-height:24px; text-transform:uppercase;}
div.portfolios div.content-left h4 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:17px; font-style:italic; line-height:28px;}
div.portfolios div.content-left h5 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:12px; font-style:italic; letter-spacing:1px; line-height:23px;}
div.portfolios div.content-left p {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:23px; margin-bottom:12px; width:310px;}
div.portfolios div.content-left blockquote {margin-bottom:15px; width:310px;}
div.portfolios div.content-left blockquote p {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:18px; font-style:italic; letter-spacing:1px; line-height:28px;}
div.portfolios div.content-left p span,
div.portfolios div.content-left blockquote span {display:block;}
div.portfolios div.content-left cite {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; text-transform:uppercase;}
div.portfolios div.content-left em {font-style:italic;}
div.portfolios div.content-left div.caption {bottom:0; position:absolute; right:0; text-align:right; width:200px;}
div.portfolios div.content-left div.caption span {display:block;}

/*=== Lost Paradise Portfolio ===*/
ul.lost-paradise li.horizontal-img div.content-right {min-height:415px;}

/*=== Ophelia's Garden Portfolio ===*/
ul.ophelias-garden li.horizontal-img div.content-right {min-height:360px;}
ul.ophelias-garden li.horizontal-img div.content-right img {bottom:0; left:-135px; position:absolute;}

/*=== Viernes Santo Portfolio ===*/
ul.viernes-santo li.horizontal-img div.content-right {min-height:403px;}

/*=== îyeme Con Los Ojos ===*/
ul.oyeme-con-los-ojos li.img-01 div.content-left {margin-top:150px; min-height:420px;}
ul.oyeme-con-los-ojos blockquote.caption {bottom:80px; position:absolute; right:0; text-align:right;}


/*=== Books ===*/
div.books {background-color:#fff;}
div.books div.content-left {display:inline; float:left; min-height:330px; margin:240px 0 0 85px; position:relative; width:345px;}
div.books div.content-left h2 {color:#000; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:20px; font-variant:small-caps; letter-spacing:2px; margin-bottom:5px; width:310px;}
div.books div.content-left h3 {font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:14px; letter-spacing:5px; line-height:24px; text-transform:uppercase;}
div.books div.content-left h4 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:17px; font-style:italic; letter-spacing:1px; line-height:28px;}
div.books div.content-left h5 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:12px; font-style:italic; letter-spacing:1px; line-height:23px;}
div.books div.content-left p {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:23px; margin-bottom:12px; width:310px;}
div.books div.content-left blockquote {margin-bottom:15px; width:310px;}
div.books div.content-left blockquote p {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:18px; font-style:italic; letter-spacing:1px; line-height:28px;}
div.books div.content-left blockquote span {display:block;}
div.books div.content-left cite {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; text-transform:uppercase;}
div.books div.content-left em {font-style:italic;}
div.books div.content-left div.caption {bottom:0; position:absolute; right:0; text-align:right; width:200px;}
div.books div.content-left div.caption span {display:block;}
div.books div.content-left a {color:#850035; text-decoration:none;}
div.books div.content-left a:hover {text-decoration:underline;}
div.books div.content-left ul {margin-bottom:12px;}
div.books div.content-left li {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:10px; line-height:18px;}
div.books div.content-right {display:inline; float:left; min-height:480px; margin:80px 0 0 30px; position:relative; width:480px;}
div.books div.content-right img {bottom:0; left:0; position:absolute;}

/*=== Process ===*/
div.process {background-color:#fff;}
div.process div.content-left {display:inline; float:left; min-height:330px; margin:70px 0 0 85px; position:relative; width:170px;}
div.process div.content-left h5 {color:#000; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; letter-spacing:1px; line-height:18px;}
div.process div.content-left img {margin-bottom:12px;}
div.process div.content-left em {color:#666; font-style:italic; font-variant:normal;}
div.process div.content-left span {display:block;}
div.process div.content-left div.caption {text-align:right;}
div.process div.content-right {display:inline; float:left; min-height:480px; margin:65px 0 0 90px; position:relative; width:570px;}
div.process div.content-right h3 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; letter-spacing:2px; line-height:24px;}
div.process div.content-right p {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:15px; line-height:27px; margin-bottom:12px;}

/*=== News ===*/
div.news {background-color:#fff;}
div.news div.content-left {display:inline; float:left; min-height:330px; margin:70px 0 0 85px; position:relative; width:170px;}
div.news div.content-left h5 {color:#000; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; letter-spacing:1px; line-height:18px;}
div.news div.content-left img {margin-bottom:12px;}
div.news div.content-left em {color:#666; font-style:italic; font-variant:normal;}
div.news div.content-left span {display:block;}
div.news div.content-left div.caption {text-align:right;}
div.news div.content-right {display:inline; float:left; min-height:480px; margin:65px 0 0 90px; position:relative; width:570px;}
div.news div.content-right h1 {font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:20px; font-variant:small-caps; letter-spacing:2px; margin-bottom:5px;}
div.news div.content-right h2 {font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:14px; letter-spacing:5px; line-height:24px; text-transform:uppercase;}
div.news div.content-right h3 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; letter-spacing:2px; line-height:24px;}
div.news div.content-right a {color:#850035; text-decoration:none;}
div.news div.content-right a:hover {text-decoration:underline;}
div.news div.content-right a.more {font-size:13px; font-variant:small-caps; letter-spacing:2px;}
div.news div.content-right p {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:15px; line-height:27px; margin-bottom:12px;}
div.news div.content-right ul {margin-bottom:12px;}
div.news div.content-right li {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:18px;}
div.news div.content-right object {display:block; margin-bottom:12px;}

/*=== Biography ===*/
div.biography {background-color:#fff;}
div.biography div.content-left {display:inline; float:left; min-height:330px; margin:70px 0 0 85px; position:relative; width:170px;}
div.biography div.content-right {display:inline; float:left; min-height:480px; margin:65px 0 0 90px; position:relative; width:570px;}
div.biography div.content-right h3 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; letter-spacing:2px; line-height:24px;}
div.biography div.content-right p {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:15px; line-height:27px; margin-bottom:12px;}
div.biography div.content-right ul {margin-bottom:12px;}
div.biography div.content-right li {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:18px; margin-left:32px; text-indent:-32px;}
div.biography div.column-left {display:inline; float:left; position:relative; width:280px;}
div.biography div.column-right {display:inline; float:left; margin-left:10px; position:relative; width:280px;}
div.biography span.word-space {word-spacing:5px;}

/*=== Contact ===*/
div.contact {background-color:#fff;}
div.contact div.content-left {display:inline; float:left; min-height:330px; margin:70px 0 0 85px; position:relative; width:170px;}
div.contact div.content-left h5 {color:#000; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; line-height:18px;}
div.contact div.content-left img {margin-bottom:12px;}
div.contact div.content-left em {color:#666; font-style:italic; font-variant:normal;}
div.contact div.content-left span {display:block;}
div.contact div.content-left div.caption {text-align:right;}
div.contact div.content-right {display:inline; float:left; min-height:480px; margin:65px 0 0 90px; position:relative; width:570px;}
div.contact div.content-right h3 {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:13px; font-variant:small-caps; letter-spacing:2px; line-height:24px;}
div.contact div.content-right p {color:#666; font-family:"Hoefler Text",Constantia,Cambria,Georgia,serif; font-size:15px; line-height:27px; margin-bottom:12px;}
div.contact div.content-right ul {margin-bottom:12px;}
div.contact div.content-right li {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:18px;}
div.contact div.content-right a {color:#850035; text-decoration:none;}
div.contact div.content-right a:hover {text-decoration:underline;}
div.contact div.column-left {display:inline; float:left; position:relative; width:280px;}
div.contact div.column-right {display:inline; float:left; margin-left:10px; position:relative; width:280px;}