/* ivans photographer*/
html { height: 100%; }
* { /* global settings for every element on the site */margin: 0; padding: 0;}
body {margin: 0; padding:0; font-family: Helvetica, geneva, Arial,sans-serif; font-size: 11px; color: #333333; text-align: center;}
ul {list-style: none; position: relative;}
img {border:0; float: left;}
a {text-decoration: none;color:#949494;}
a:hover{color:#4A4A4A;text-decoration: underline;}
h2 {font-size:32px; line-height:19px; font-weight: lighter;}
h1 {font-size:21px; line-height:23px; font-weight: lighter;}
h3 {font-size:12px; line-height:13px; font-weight: lighter;}
.clear{clear:both;height:0px;}
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*para el index*/
#contenti {height: 600px; width: 720px; position:relative; margin: 50px auto 0 auto;}
#izq {height: 600px; width: 130px; position:relative; float: left; text-align: right; padding: 15px 0 0 0;}
#izq ul{ line-height:18px; margin: 430px 0 0 0; width: 130px;  float: right; color:#949494;}
#izq li {line-height: 17px; margin-bottom: 6px;}
#izq li.copy {font-size: 9px; margin-top: 20px; color:#C9C9C9;}
#derecha {height: auto; width: 550px; position:relative; float: left; margin: 0 0 10px 40px;}
div.thumb {margin: 8px 8px 8px 8px; height: auto;border: 1px solid #EEEEEE;float: left;text-align: center; }	
.thumb img{display: inline;margin: 5px;}
.thumb a:hover img {border: 1px solid black;}
.phototitle {text-align: center;margin: 3px;}

/*resto del site*/
* html #wrapper {height: auto;}
#content {height: 580px; width: 920px; position:relative; margin: 40px auto 0 auto;}
#left {height: 580px; width: 130px; position:relative; float: left; text-align: right;}
#left ul{ line-height:18px; margin: 25px 0 0 0; width: 130px; float: right; color:#949494;}
#left li {line-height: 17px; margin-bottom: 6px;}
#left li.here {color:#000000;}
#left li.copy {font-size: 9px; margin-top: 36px; color: #C9C9C9;}
#right {height: 500px; width: 750px; position:relative; float: left; margin: 0 0 10px 40px;}
div.test {height: 520px; width: 4500px;}
div.bondi {height: 520px; width: 6132px;}
div.bondi img{margin:0 5px 0 5px;}
div.roxi {height: 520px; width: 1863px;}
div.roxi img{margin:0 5px 0 5px;}
div.bulls {height: 520px; width: 7084px;}
div.spot {height: 520px; width: 6100px;}
div.spot img{margin:0 5px 0 5px;}
div.bus {height: 520px; width: 1979px;}
div.saigon {height: 520px; width: 2357px;}
div.music {height: 520px; width: 3030px;}
div.people {height: 500px; width: auto; text-align: center;}
div.preview {height: auto; width: 750px; margin: 20px 0 30px 0; }
div.preview img{display: inline;border: 1px solid #ffffff;}
div.preview a:hover img {border: 1px solid black;}
div.miami {height: 520px; width: 2337px;}
div.caracas {height: 520px; width: 3696px;}
div.caracas img{margin:0 5px 0 5px;}
div.holidays {height: 520px; width: 2630px;}
div.holidays img{margin:0 5px 0 5px;}
div.models {height: 520px; width: 3166px;}
div.models img{margin:0 5px 0 5px;}
/* end footer */
#end {width: 750px; position: relative; margin-left: 170px;text-align:left;color: #C9C9C9; font-size: 9px; margin-top: 20px;}
.mandrill {float: right;}

/* -------email*/
#econtente {height: 600px; width: 720px; position:relative; margin: 50px auto 0 auto;}
#request {height: 370px;width: 400px;position:relative;margin: 140px 0 0 40px;padding: 5px 15px 6px 10px;text-align: left; border-left: 1px solid #949494;float: left; color:#333333;}
#request ul{ line-height:18px; margin-left: 15px; border-top: 1px dotted #949494;border-bottom: 1px dotted #949494;}
#request li {line-height: 18px; margin: 10px 0 10px 0;}
#request h2 {padding: 5px 0 5px 0; margin-left:15px;font-size: 13px;color:#333333; text-align: left;}
#request p{	margin: 5px 0 0 15px; text-align:left;}
#request fieldset { margin: 0 0 10px 0; padding: 1em .5em .5em 15px; border: 0; }
#request fieldset p{ margin: 0 0 10px 120px; } 
#request legend { padding: 6px; font-size: 12px; color: #ffffff; background-color: #030303;} 
#request input { margin: 3px 0 3px 0; color: #666666; border: 1px solid #949494;}
#request input image { margin: 3px 0 3px 0; color: #666666; border: 0;} 
label{float: left;width: 120px;font-size: 12px; margin: 3px 0 3px 0;}
textarea{ margin-top:3px; border: 1px solid #949494;}
br{ clear: left; }
#endcon {width: 350px; position: relative; margin-left: 140px;text-align:right;color: #A6A6A6; font-size: 10px;}
#request a{text-decoration: underline;}
#request a:hover{color:#4A4A4A;text-decoration: underline;}

/*para el index*/
#contenti {height: 600px; width: 720px; position:relative; margin: 50px auto 0 auto;}
#izq {height: 600px; width: 130px; position:relative; float: left; text-align: right; padding: 15px 0 0 0;}
#izq ul{ line-height:18px; margin: 450px 0 0 0; width: 130px;  float: right; color:#949494;}
#izq li {line-height: 17px; margin-bottom: 6px;}
#izq li.copy {font-size: 9px; margin-top: 20px; color:#C9C9C9;}
#derecha {height: auto; width: 550px; position:relative; float: left; margin: 0 0 10px 40px;}
div.thumb {margin: 8px 8px 8px 8px; height: auto;border: 1px solid #EEEEEE;float: left;text-align: center; }	
.thumb img{display: inline;margin: 5px;border: 1px solid #ffffff;}
.thumb a:hover img {border: 1px solid black;}
.phototitle {text-align: center;margin: 3px;}

/* -------biography*/
#bio {height: 370px;width: 400px;position:relative;margin: 140px 0 0 40px;padding: 5px 15px 6px 10px;text-align: left; border-left: 1px solid #949494;float: left; color:#333333;}
#bio h2 {padding: 5px 0 5px 0; margin-left:15px;font-size: 13px;color:#333333; text-align: left;}
#bio p{	margin: 5px 0 0 15px; text-align:left; line-height:18px; }
#bio a{text-decoration: underline;}
#bio a:hover{color:#4A4A4A;text-decoration: underline;}