/* HTML Element Styles --------------------------------------- */
html{border:1px}
body{margin:0;padding:0;font:76% "Helvetice Neue",Helvetica,Arial,Sans-serif;background:white;color:black}
ul,ol{margin:0 0 10px;padding:0 0 0 2em}
ul li,ol li{margin:0;padding:0}
h1{margin:0;padding:0 0 1em;font-size:1.6em;color:#a3968d}
h2{margin:0 0 10px;padding:0;font-size:1.25em;color:#a3968d}
h3{margin:0 0 10px;padding:0;font-size:1.15em;color:#a3968d}
h4{margin:0;padding:0;font-size:1em;color:#a3968d}
p{margin:0 0 21px;padding:0}
acronym{font-style:normal;border-bottom:1px dotted;cursor:help}
address{font-style:normal}

/* Link Styles ----------------------------------------------- */
a img{border:0}

/* clearing fix ---------------------------------------------- */
div.module:after,.clearfloat:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div.module,.clearfloat{display:inline-block}
/* Hides from IE-mac \*/
* html div.module,* html .clearfloat{height:1%}
div.module,.clearfloat{display:block}
/* End hide from IE-mac */


/* text "Unknown" navigation ----------------------------------- */
#skipnav,#backtotop{display:none}

/* Form Styling ---------------------------------------------- */
form{display:inline;padding:0;margin:0}

/* HTML Form Styles ------------------------------------------ */
fieldset{border:0;border:0;margin:0;padding:0}
legend{display:none}

p.px-field{margin:0 0 5px;padding:0}
form p.first{margin-top:0.5em}
form p.last{margin-bottom:0.5em}
label{font-size:1.1em;width:345px;overflow:hidden;padding:2px 0 0 0;margin:0;display:block;line-height:1.34em;color:#a0968c}
/* html label{margin-left:-130px;padding-top:3px} */

input,textarea,select,button
{font:98% "Helvetice Neue",Helvetica,Arial,Sans-serif;margin:1px;padding:2px 5px 0;border:1px solid #a0968c}
* html input,* html select,* html textarea,* html button{padding:1px 5px}
input,select,textarea{display:block;font-size:1.12em;line-height:1.4em;height:1.4em}
input[type="hidden"]{display:none} /* Mozilla fix: adds style to hidden form element!?!? */

input{width:332px}
p.px-date input{width:120px}
p.px-number input{width:120px}
p.px-date img.date-select{position:absolute;margin:-21px 2px 2px 2px;border:3px double;border-color:#a0968c}
* html p.px-date img.date-select{margin-top:-23px}

select{padding:1px 2px 1px 2px;width:345px}
* html select{padding:2px 5px}

textarea{height:5em;width:332px;overflow:auto}

p.px-file input{width:332px}

.px-rdo-chk input{width:13px;height:13px;border:0;margin:0;padding:0}
.px-rdo-chk label{padding:0;margin:-2px 0 0 0;width:345px;text-align:left}
* html .px-rdo-chk label{margin-left:20px}


.px-required label{font-weight:bold;line-height:20px}
.px-required input,.px-required textarea,.px-required select{margin:0;border:2px solid #a0968c}

.px-invalid label{color:#e22}
.px-invalid input,.px-invalid textarea,.px-invalid select{color:#e22;border-color:#e22}

p.btn{text-align:right}
button,.btn input{border:1px solid #4b4642;font-size:1em;line-height:1.4em;height:2.0em;width:6em;background-color:#a0968c;color:#fff}


/* Tables ---------------------------------------------------- */
table{margin:0;padding:0;clear:both}
th,td{margin:0;padding:4px 6px;border:0;vertical-align:top;text-align:left}
th{vertical-align:bottom}

/* Table forms ----------------------------------------------- */
th.rdo,td.rdo,th.chk,td.chk{text-align:center}
td .rdo input,td .chk input{margin:0;width:auto}

/* default styles -------------------------------------------- */
#breadcrumb{list-style-type:none;padding:0 8px;margin-top:0}
#breadcrumb li{float:left;padding:0 1em 0 0}
#breadcrumb a,#breadcrumb a:hover{text-decoration:none}


.width{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
min-width:1008px;
min-height:572px;
}
.min-width{
position:relative;
text-align:left;
vertical-align:middle;
width:1008px;
height:572px;
margin:10px auto;
}
#wrapper{width:1008px;height:572px;text-align:left}

#head{position:absolute;width:265px;height:525px;overflow:hidden}
#headerfour{color:#a0968c;text-align:justify}
#headerfour p{margin:10px 0 5px}

#foot{position:absolute;font-size:1.1em;line-height:1.4em;color:#a0968c;text-align:justify}
#footerone{position:absolute;margin-top:431px;width:265px;height:141px;overflow:hidden}
#footertwo{position:absolute;margin-top:525px;width:265px;height:47px;overflow:hidden}
#foot p{margin:0 0 10px;padding:0}
#foot a{text-decoration:none;font-weight:bold;color:#a0968c}

#left{position:absolute}
#leftone{position:absolute;margin-left:265px;width:397px;height:572px;overflow:hidden}
#lefttwo{position:absolute;margin-left:265px;width:743px;height:572px;overflow:hidden}

#center{position:absolute;font-size:1.1em;line-height:1.5em;color:#a0968c;text-align:justify}
#centerone{position:absolute;margin-left:662px;width:346px;height:572px;overflow:hidden}

#right{display:none}




.tagmenu,.tagmenu li,.menu,.menu li{margin:0;padding:0;list-style:none;float:none}
.tagmenu{margin-top:10px}
.tagmenu a,.menu a{background:url(/resources/sites/pauljones/styles/fashion_hi.gif) no-repeat;display:block;height:41px;width:187px;text-indent:-999em}
.tagmenu li#tag-creative a{background-image:url(/resources/sites/pauljones/styles/creative_hi.gif)}
.tagmenu li#tag-celebrity a{background-image:url(/resources/sites/pauljones/styles/celebrity_hi.gif)}
.tagmenu li#tag-advertising a{background-image:url(/resources/sites/pauljones/styles/advertising_hi.gif)}
.tagmenu li#tag-fashion.unselected a{background:url(/resources/sites/pauljones/styles/fashion_lo.gif)}
.tagmenu li#tag-creative.unselected a{background-image:url(/resources/sites/pauljones/styles/creative_lo.gif)}
.tagmenu li#tag-celebrity.unselected a{background-image:url(/resources/sites/pauljones/styles/celebrity_lo.gif)}
.tagmenu li#tag-advertising.unselected a{background-image:url(/resources/sites/pauljones/styles/advertising_lo.gif)}
.menu li a{background-image:url(/resources/sites/pauljones/styles/contact_hi.gif)}
.menu li.unselected a{background-image:url(/resources/sites/pauljones/styles/contact_lo.gif)}

.taggallery{margin:-25px -5px -5px -35px;height:670px}
.taggalleryselect{height:auto}
.taggallery div{float:left;width:185px;height:190px}
.taggallery div span{display:none}
.taggallery div img{margin:30px 5px 5px 40px;border:0px}
.taggallery div a:hover img{margin:25px 0 0 35px;padding:4px;border:1px solid #a3968d}

.tagimage a img{border:1px solid #a3968d}

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{border:none}

#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{margin:10px;background-color:#000}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/resources/sites/pauljones/styles/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/resources/sites/pauljones/styles/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/resources/sites/pauljones/styles/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html>body .clearfix {
display: inline-block;
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}