body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} body{text-align:center;}

body {
	background: #000 url("../images/bg.jpg") no-repeat center top;
	font-family: verdana, helvetica, arial, sans-serif;
	text-align:left;
	color: #fff;
}

a {
	color: #fff;
}

h1 {
	font-size: 130%;
	margin-bottom: 10px;
}

h2 {
	font-size: 115%;
	font-weight: bold;
}

h3 {
	font-size: 115%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid white;
}

h3.noborder {
	border-bottom: none;
}

ul.bullet li{
	list-style-position:outside;
	list-style-type:disc;
	margin-left:12px;
	margin-top:5px;
	text-indent:0;
}

#content {
	padding: 20px;
	position: relative;
}

#content p {
	margin-top: 25px;
	line-height: 2em;
}

#content p.images {
	height: 200px;
	overflow: hidden;
	padding-top: 10px;
}

#content p.images  img{
	float:left;
}

#content .twothirds {
	width: 650px;
}

#content .twocolumns {
	width: 400px;
	display: inline;
}

#content .availablelist {
	position:absolute;
	right:0;
	top:120px;
	width:230px;
	border:1px solid white;
	padding:7px 7px 7px 15px;
}

#content .availablelist span {
	display: block;
	margin-top: 10px;
	font-size: 76.9231%;
}

#content #me {
	position: absolute;
	right: 15px;
	top: 5em;
}

div#pageWrap {
	margin: 0 auto;
	width: 960px;
}

div#logo {
	padding: 10px 0 5px;
}

div#logo a, div#logo a :visited {
	font-size: 2.3em;
	text-decoration: none;
}

ul#nav {
	padding: 5px 0;
}

ul#nav li {
	float: left;
	width: 120px;
	text-align: center;
	font-size: 1.1em;
}

ul#nav li a {
	text-decoration: none;
}

ul#nav li.current {
	background-color: #ff0000;
	font-weight: bold;
}

ul#nav li.current .juanpg {
	color: #000;
}

ul#nav li a:hover, ul#nav li a:active {
	text-decoration: underline;
	font-weight: bold;
}

hr {
	background-color: #fff;
	height: 1px;
}

div#imageWrapper {
	margin-top: 20px;
	position:relative;
	background: transparent url("../images/loading_d_dark.gif") no-repeat scroll center center;
}

img#photo {
	border: 5px solid #808080;
}

a#buyPrint {
	background:transparent url("../images/buyprint.png") no-repeat 0 0;
	width:102px;
	height:39px;
	position:absolute;
	text-indent: -10000px;
	top: -15px;
	right: -28px;

	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

a#buyPrint:hover, a#buyPrint:active {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

a#buyPrint.es {
	background-image:url("../images/buyprint_es.png");
}

div#thumbnails {
	float: left;
	position: absolute;
	text-align: center;
	top: 55px;
	margin-left: 15px;
}

div#thumbnails a img{
	width: 111px;
	height: 74px;
}

.current-thumbnail {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.thumbnails {
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}

.thumbnails:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#imageText {
	margin-top: 20px;
}

#imageTitle {
	font-weight: bold;
	color: red;
	font-size: 1.1em;
	margin-top: 3px;
}

#imageDescription {}

#comments {
	margin-top: 10px
}

a.flickr {
	padding-right: 23px;
	background: transparent url("../images/flickr_16.png") no-repeat right center;
}

a.flickr-left {
	padding-left: 23px;
	background: transparent url("../images/flickr_16.png") no-repeat left center;
}

a.facebook {
	padding-right: 23px;
	background: transparent url("../images/facebook_16.png") no-repeat right center;
}

a.facebook-left {
	padding-left: 23px;
	background: transparent url("../images/facebook_16.png") no-repeat left center;
}

a.twitter {
	padding-right: 23px;
	background: transparent url("../images/twitter_16.png") no-repeat right center;
}

a.twitter-left {
	padding-left: 23px;
	background: transparent url("../images/twitter_16.png") no-repeat left center;
}

#categories, #share, #subscribe, #confidence, #like, #tags {
	margin-top: 10px;
	font-size: 76.5%;
	line-height: 16px;
	position: relative;
}

#categories a {
	font-weight: bold;
}

#subscribe a {
	background: transparent none no-repeat right center;
	padding: 4px 23px 4px 0;
}

.addthis_toolbox {
	position: absolute;
	left: 10em;
	top: 0;
}

#subscribe a.rss {
	background-image: url("../images/rss_16.png");
}

#footer {
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
}

.facebook_fan {
	background: transparent url("../images/fan.gif") repeat-x 0 0 scroll;
	padding-bottom:3px;
	padding-left:23px;
	padding-top:3px;
	text-decoration: none;
	background-color:#EAEAE9;
	border:solid 1px #888888;
	padding: 3px 6px 4px 23px;
	vertical-align: bottom;
	color: #333333;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	position: relative;
}

.facebook_fan_button {
	background:transparent url(../images/fan.gif) repeat-x scroll 0 -47px;
	display:block;
	height:16px;
	left:2px;
	position:absolute;
	top:1px;
	width:16px;
}

.juanpg {
	color: red;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.contact {
	position: absolute;
	left: 15em;
}

#overlayGeneric{ position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height: 500px; background-color: #000; }
/* END GENERIC CSS */

/* FLICKR COMMENTS */

#flickrComments {
	background-color:#303030;
	border:5px solid #808080;
	height:350px;
	left:0;
	width:300px;
	z-index:1200;
}

#flickrComments .flickrAnimator {
	background:transparent url("../images/loading_d.gif") no-repeat scroll center center;
	height:32px;
	left:45%;
	position:absolute;
	top:35%;
	width:32px;
}

#flickrComments #flickrClose {
	background:transparent url(../images/closelabel.gif) no-repeat scroll right -1px;
	height:20px;
	position:absolute;
	right:0;
	width:17px;
	cursor:pointer;
}

#flickrComments #flickrCommentsBox {
	font-size:11px;
	height:300px;
	margin:25px 0 10px 10px;
	overflow-y:auto;
	padding-right:10px;
}

#flickrComments .flickrComment {
	margin-bottom: 15px;
}

#flickrComments .flickrAuthor {
	font-weight: bold;
}

#flickrComments .flickrContent {
	border-bottom:2px dotted white;
	margin-bottom:15px;
	padding-bottom:4px;
}

#flickrComments .flickrPost {
	bottom:5px;
	font-size:13px;
	position:absolute;
	text-align:center;
	width:90%;
}

/* LOGIN BOX */

#login{	
	/* position: absolute;	*/
	left: 0; width: 100%; z-index: 1200;
}

#login form {
	background:#151515 none repeat scroll 0 0;
	border:2px solid white;
	left:40%;
	padding:5px 20px 10px;
	/*
	position:absolute;
	top:200px;
	*/
	width: 250px;
}

#login form div {
	margin-top:15px;
	position: relative;
}

#login form label {
	color:#fff;
	position:absolute;
}

#login form input {
	position: relative;
	left: 90px;
	/* position:relative; */
}

#login #loginName, #login #loginPwd {
	width: 140px;
}

#login #loginSubmit, #login #loginSubmit2  {
}

#login #loginCancel {
	margin-left: 2px;
}

#login .waitMsg , #login .errorMsg {
	color: #ff0000;
	margin-bottom: 5px;
}

#login .waitMsg span {
	background:transparent url(../images/loading_d_dark.gif) no-repeat scroll 0 50%;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:3em;
	line-height: 3em;
	padding-left:40px;
	text-align:left;
}

/* GALLERIES */

.albumWrapper {
	height:120px;
	margin:10px 30px;
	text-align:center;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align:bottom;
	zoom: 1;
	*display: inline;
	_height: 120px;
}
.albumWrapper2 {	
	margin:3px;
}
.albumWrapper a:link, .albumWrapper a:visited {
	/* border:1px solid #666; */
	display:block;
}
.albumWrapper img {
	border:3px solid #FFF;
	}
.albumTitle {
	padding:2px 0;
	width:150px;
	font-size:10px;
}
.albumTitle a:link, .albumTitle a:visited {
	border:none;
}

.albumTitle .number {
	font-weight: bold;
}

#album_box h3
{
	border-bottom:1px solid #CCCCCC;
	color:#DDDDDD;
	text-align: left;
}

#album_box h2
{
	font-size:10px;
	font-weight:normal;
	color: #777;
}

/* TAG CLOUD */
#tag_cloud {text-align: center;}
.tags01 { font-size: 10px !important; }
.tags02 { font-size: 12px !important; }
.tags03 { font-size: 14px !important; }
.tags04 { font-size: 16px !important; }
.tags05 { font-size: 18px !important; }
.tags06 { font-size: 20px !important; }
.tags07 { font-size: 22px !important; }
.tags08 { font-size: 24px !important; }
.tags09 { font-size: 26px !important; }
.tags10 { font-size: 28px !important; }

/* BROWSE SPECIFIC */
#browse_box {
	min-height: 240px;
}

#browse_thumbs .thumbnails {
	margin: 0 5px 5px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#browse_categories {
	background:#222222 none repeat scroll 0 0;
	padding:10px;
	position:absolute;
	right:0;
	text-align:left;
	top:20px;
	width:150px;
	font-size:84.6154%;
}

#browse_categories .viewing{
	font-weight:bold;
	font-size:136.3636%;
}

#browse_categories .underline{
	font-weight:bold;
}

.browse_text {
	margin: 5px 0 10px;
	text-align: right;
}

.archive_active_page_number {
	margin: 0 4px;
}

.archive_page_number {
	margin: 0 4px;
}

#browse_categories .quicktext {
	width: 8em;
}

/* CLIENT ALBUMS SPECIFIC */
#logout {
	position: absolute;
	right: 20px;
	top: 3em;
}

#logout a {
	color: #aaa;
	text-decoration: none;
}
#logout a:hover, #logout a:active {
	text-decoration: underline;
}

.clientWrapper {
	height: 120px;
	margin: 10px 30px;
	position: relative;
	text-align: left;
}

.clientWrapper2 {
	margin: 3px;
}

.clientWrapper img {
	border: 2px solid #fff;
}

.clientTitle {
	left: 170px;
	position: absolute;
	top: 0;
}

.clientTitle span {
	display: block;
	line-height: 1.3em;
}

.clientDateAdd {
	font-style: italic;
	position: absolute;
	top: 0;
	right: 0;
}

.clientFinalized {
	display: none;
}

.clientDateFinalized {
	font-weight: bold;
	text-indent: 27px;
}

.inactiveWrapper {
	text-align: left;
}
.inactiveWrapper li {
	list-style: outside disc;
	margin-left: 45px;
}

.clientInactiveTitle {
	font-weight: bold;
}

/* CLIENT INDIVIDUAL ALBUM SPECIFIC */
.album_totals {
	float: right;
	margin-top: -1.2em;
}

#album_box h2 {
	text-align: center;
}

.imageWrapper {
	display: inline-block;
	min-height: 150px;
	width: 150px;
	margin: 10px 13px 0px;
	position: relative;
	text-align: center;
}

.imageWrapper a {
}

.imageWrapper a.landscape {
}

.imageWrapper a.vertical {
}

.imageWrapper a img {
	border: 2px solid #fff;
}

.imgSelect {
	display: block;
	margin-top: 10px;
}

/* PORTFOLIO */

.portfolio-detail {
	text-align: center;
}

.portfolio-detail img {
	margin-right: 5px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 1px;
	width: 172px;
}

.portfolio-links {
	margin-top: 10px;
	text-align: center;
}

#lightbox #caption a {
	color: #666;
}