/* Reset */

/* Reset margins and paddings */

body, div, dl, dt, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin:0; padding:0;}

/* Reset font-size for headers */

h1, h2, h3, h4, h5, h6
{ font-size:100%}

/* Removes list-style from lists */
ol, ul
{ list-style:none}

/* Reset font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal; font-weight:normal}

/* Removes table borders */
table
{ border-collapse: collapse; border-spacing:0;}

/* Remove border from fieldset and img */
fieldset, img
{ border:0;}

/* Left align text in caption and th */
caption, th
{ text-align:left}

/* Removes quotation marks from q */
q:before, q:after
{ content:'';}

/* JPA Styles */

body {
line-height:18px;
font:14px Calibri, Arial, Helvetica, "FreeSans", sans-serif;
color: #EEE5FF;
background: #000 url('../assets/jpa-skin/body_bkgrd.png') fixed 0 0;
}

/* layout */

#wrapper {
position:relative;
width:700px;
margin:0 auto;
}

#header {
position:relative;
background: url('../assets/jpa-skin/header_bkgrd.png') no-repeat 0 0;
height:190px;
clear:both;
}

h1.logo a {
position:absolute;
top:5px;
left:48px;
display:block;
background: url('../assets/jpa-skin/jpastudios_logo.png') no-repeat 0 0;
float:left;
width:254px;
height:103px;
text-indent:-9999px;
}

#mainNav {
position:absolute;
top:30px;
right:10px;
width:330px;
}

#content {
clear:both:
}

#footer {
text-align:center;
clear:both;
height:74px;
background:url('../assets/jpa-skin/clients.png') no-repeat 100% 100%;
}

#footer p.copyright {
padding-top:88px;
}

div.recentwork {
}

.recentimg {
padding:0 25px 25px 25px;
}

/* navigation */

#mainNav ul {
float:right;
list-style:none;
padding:10px 0 0 0;
height:92px;
display:block;
}

#mainNav ul li {
display:inline;
}

#mainNav li#about a {
background:url('../assets/jpa-skin/nav_about.png') no-repeat 0 0;
display:block;
float:left;
height:37px;
width:82px;
position:relative;
}

#mainNav li#about a:hover {
background:url('../assets/jpa-skin/nav_about_over.png') no-repeat 0 0;
}

#mainNav li#portfolio a {
background:url('../assets/jpa-skin/nav_portfolio.png') no-repeat 0 0;
display:block;
float:left;
height:37px;
width:132px;
position:relative;
}

#mainNav li#portfolio a:hover {
background:url('../assets/jpa-skin/nav_portfolio_over.png') no-repeat 0 0;
}

#mainNav li#contact a {
background:url('../assets/jpa-skin/nav_contact.png') no-repeat 0 0;
display:block;
float:left;
height:37px;
width:107px;
position:relative;
}

#mainNav li#contact a:hover {
background:url('../assets/jpa-skin/nav_contact_over.png') no-repeat 0 0;
}

#mainNav ul li a {
color:#efefef;
text-decoration:none;
text-indent:-9999px;
position:relative;
}

#mainNav ul li a:hover {
color:#FF4500;
text-indent:-9999px;
}


/* Images */

a img, a:hover img {
border:1px solid #000;
margin:0 10px 10px 0;
}

/* Type */

p {
font-size:14px;
margin:0 0 18px 0;
}


h2, h2 a, h2 a:hover,
h3, h3 a, h3 a:hover,
h4, h4 a, h4 a:hover {
color:#A462E2;
font-size:16px;
font-weight:normal;
text-decoration:none;
letter-spacing:0.15em;
margin:0pt 0pt 18px 0;
padding:14px 0pt 4px 0;
}

a {
color:#FF4500;
text-decoration:none;
outline:none;
}

a:hover {
color:#efefef;
text-decoration:underline;
}


/* Slimbox styles */


ul.gallery {
list-style:none;
width:100%;
margin:10px 0;
}

ul.gallery li {
display:inline;
}

/* Clear fix */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */