body {background-color:#FFF; font:62.5% Arial, sans-serif;  _height:100%;}
a {overflow:hidden;}
* {padding:0; margin:0; list-style:none; text-decoration:none; border:none;}


h1 {float:left; margin:2px 20px 2px 40px; background:url("../imgs/logo.gif") 0 no-repeat;}
h1 a, h1 span {text-indent:-5000px; overflow:hidden; display:block; width:185px; height:14px;}

h2 {float:left; height:17px; margin-top:1px; font-weight:normal; font-size:1.0em; color:#5A3D1B;}
h2.galleries {background:url("../imgs/seta.gif") 15px 14px no-repeat;}
h2 strong {color:#F60;}


/* GENERAL */
#all {position:absolute; right:0; left:0; bottom:0; top:0; height:100%;}
#all table {height:100%; width:100%;}

#box {position:relative; width:100%; height:650px; margin:0 auto;}
#content {width:990px; height:533px; margin:0 auto; text-align:center; font-size:1.1em;}
#content-photo {height:533px; margin:0 auto; text-align:center; font-size:1.1em;}


/* TOP AND NAVIGATION */
#line {position:absolute; bottom:89px; left:0; right:0; height:18px; background-color:#C4E9E2; font-size:1.3em; text-transform:lowercase; z-index:5;}

#menu {float:right; margin-right:34px;}
#menu li {position:relative; float:left; display:inline;}
#menu li a {display:block; padding:0 6px 2px; text-decoration:none; color:#5A3D1B;}
#menu li:hover, #menu li a:hover, #menu li .active {color:#F60;}
#menu li .gall {padding-left:12px; background:url('../imgs/ico-maiscima.gif') 0 8px no-repeat;}
#menu li:hover ul, #menu li.over ul {display:block;}
#menu li ul {z-index:12; position:absolute; display:none; left:-3px; bottom:14px; padding-bottom:4px;}
#menu li ul li {width:100px; height:auto; padding:1px 6px; background-color:#E6FBF4; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8;  filter:alpha(opacity=80);}
#menu li ul li a, #menu li ul li span {height:auto; padding:1px 0 1px 8px; text-align:left; border:0; color:#5A3D1B;}
#menu li ul li span {color:#F60;}
#menu li ul li a:hover {text-decoration:none; color:#F60;}
#menu li span {display:block; padding:0 6px 2px; color:#F60;}
#menu li:hover span {cursor:default;}


/* HOME */
.home {background:url("../imgs/backgrounds/home.jpg") center no-repeat;}


/* GALLERIES */
/* the photo */
.photo {height:533px;}
.loading {background:url('../imgs/loading.gif') 50% 50% no-repeat;}

#photo-area {position:relative; height:533px; margin:0 auto; font-size:0;}
#photo-area .prev {position:absolute; left:0; width:50%; height:533px; background:url("nada.gif"); cursor:pointer;}
#photo-area .prev:hover span, #photo-area .prev.over span {display:block; text-indent:-5000px;}
#photo-area .prev span {position:absolute; display:none; width:87px; height:87px; bottom:222px; left:14px; background:#000 url("../imgs/ico-prevphoto.gif") 26px no-repeat; opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4;  filter:alpha(opacity=40);}
#photo-area .next {position:absolute; right:0; width:50%; height:533px; background:url("nada.gif"); cursor:pointer;}
#photo-area .next:hover span, #photo-area .next.over span {display:block; text-indent:-5000px;}
#photo-area .next span {position:absolute; display:none; width:87px; height:87px; bottom:222px; right:14px; background:#000 url("../imgs/ico-nextphoto.gif") 26px no-repeat; opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4;  filter:alpha(opacity=40);}

/* actions - download and select photo */
#actions {position:absolute; bottom:450px; right:-26px; width:26px; font-size:9px;}
#actions li {display:block; width:26px; height:26px; margin-bottom:5px; background-color:#EEE; position:relative;}
#actions li:hover span, #actions li.over span {display:block;}
#actions li span {position:absolute; display:none; bottom:0; right:26px; background-color:#EEE; width:140px; height:18px; padding-top:8px; text-transform:uppercase; color:#5A3D1B;}
#actions li a {display:block; width:26px; height:26px; text-indent:-5000px;}
#actions li a.dow {background: url("../imgs/ico-download.gif") 6px no-repeat;}
#actions li a:hover.dow {background:url("../imgs/ico-downloadh.gif") 6px no-repeat;}
#actions li a.fav {background:url("../imgs/ico-favorite.gif") 6px no-repeat;}
#actions li a:hover.fav {background:url("../imgs/ico-favoriteh.gif") 6px no-repeat;}
.inv {display:none;}


/* CLIENTS */
.clients {background:url("../imgs/backgrounds/clients.jpg") center no-repeat;}
.clients #content {width:800px; height:503px; padding:30px 0 0 190px; text-align:left; font-size:1.1em;}
/*.clients #content ul li {display:inline; margin:8px; color:#F80;}
.clients #content ul li.color {color:#F60;}*/
.clients #content ul {float:left; margin-right:35px;}
.clients #content ul li {margin-bottom:3px; color:#F60;}


/* BIOGRAPHY */
.bio {background:url("../imgs/backgrounds/biography.jpg") center no-repeat;}
.bio #content {position:relative; width:760px; height:473px; padding:30px 50px 30px 180px; text-align:left; font-size:1.2em;}
.bio p {margin:0 0 15px 0;}
.bio p.space {margin-bottom:35px;}
.bio #content img {position:absolute; left:50px; top:30px;}


/* CONTACT */
.contact {background:url("../imgs/backgrounds/contact.jpg") center no-repeat;}
.contact #content {width:730px; height:433px; padding:50px 130px; font-size:1.1em; line-height:1.2em; text-align:left; color:#FFF;}
.contact strong {color:#F60;}
.contact #content a {color:#FFF; border-bottom:1px dotted #FFF;}
.contact #content p {float:left; height:200px; margin-left:50px;}
.contact #content .represented {text-align:right; width:135px; height:auto; margin-bottom:20px;}
.contact #content address {float:left; margin:0 0 20px 15px; padding-left:15px; border-left:1px solid #DDD; font-style:normal;}

/* SELECTED PHOTOS */
.noselected {background:url("../imgs/backgrounds/noselectedphotos.jpg") center no-repeat;}
.noselected #content {width:990px; height:483px; padding:50px 0 0; text-align:left;}
.noselected h3 {text-align:center; font-size:1.3em; font-weight:normal; color:#F60;}

.selected #content {width:990px; height:503px; padding:30px 0 0; text-align:left;}
.selected #content h3 {display:inline; padding:2px 3px; background-color:#F60; color:#FFF;}
.selected #content fieldset {margin:0 275px; padding:2px 15px 15px; border:1px solid #F60; font-size:1.1em; font-weight:bold;}
.selected #content fieldset span {clear:left; display:block; margin-top:15px;}
.selected #content fieldset input, textarea, select {display:block; width:400px; margin-top:5px; padding:3px; border:1px solid #BBB;}
.selected #content fieldset input:hover, .selected #content fieldset textarea:hover, .selected #content fieldset select:hover, .selected #content fieldset input:focus, .selected #content fieldset textarea:focus, .selected #content fieldset select:focus {border:1px solid #FE860C;} 
.selected #content fieldset textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.selected #content fieldset span.btn input.btn {float:right; width:auto; cursor:pointer;}
.selected #content p {margin:15px 0 0; font-size:1.2em; font-weight:bold; color:#F60; text-align:center;}


/* COPYRIGHT */
#copyright {position:relative; width:930px; margin:0 auto; padding-top:630px; text-align:left; color:#FFF; font-size:1.2em;}
#copyright div:hover span, #copryright div.over span {display:block;}
#copyright div span {position:absolute; display:none; bottom:0; left:40px; padding:5px; background-color:#000; font-size:1.0em; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7;  filter:alpha(opacity=70);}


/* CAROUSEL */
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item {float:left; margin:3px 3px 3px 0; width:80px; height:75px;}
.jcarousel-list li a {display:block; position:relative; overflow:hidden; width:80px; height:75px;}
.jcarousel-list li a:hover {height:70px; border-bottom:5px solid #F60;}
.jcarousel-list li img {position:absolute; top:0; left:0; float:left; display:block; height:75px;}
.jcarousel-list li a.selected {position:relative; display:block; overflow:hidden; height:70px; border-bottom:5px solid #F60;cursor:default;}

.jcarousel-skin-tango .jcarousel-item {
    width: 80px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {position:absolute; bottom:0; background:#EEE; left:0; right:0;}

.jcarousel-skin-tango .jcarousel-container-horizontal {display:block; padding: 3px 40px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {width:100%; height:81px;}

.jcarousel-skin-tango .jcarousel-item-placeholder {background:#FFF; color:#000;}

/*  Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:35px; right:12px; width:14px; height:16px; cursor:pointer;background:transparent url(../imgs/ico-next.gif) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: 0 -16px;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor:default; background-position: 0 -32px;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:35px; left:12px; width:14px; height:16px; cursor:pointer; background:transparent url(../imgs/ico-prev.gif) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: 0 -16px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -32px;}