/*
    Document   : jbuc.css
    Created on : February, 2010
    Author     : Jacob White
    Description:
            Portfolio page stlyes (customize logos on each page).
*/

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	background:#f5f5f5;
        text-align:justify;
}
a {
	outline:none !important;
}
#homepage p a {
	color:#1d1d1d;
        text-decoration:underline;
}
#homepage p a:hover {
	background:#fff200;
        color:#1d1d1d;
	text-decoration:none;
}
#homepage p a:active {
	background:#1d1d1d;
	color:#f5f5f5;
	text-decoration:none;
}
#cover {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:#f5f5f5 url(http://jbuc.com/images/load.gif) center center no-repeat;
	z-index:999;
}
#homepage {
	width:230px;
        height:445px;
	font-style:italic;
	position:absolute;
	margin-left:-115px;
	left:50%;
        top:50%;
	margin-top:-223px;
}
#homepage h1  a {
	background:url(http://jbuc.com/images/mainLogo.png) 0px 0px no-repeat;
	display:block;
	width: 230px;
	height:120px;
	text-indent:-9999px;
        border-bottom:4px #1d1d1d double;
}
#homepage ul {
	padding:0px;
	margin:0px;
	position:relative;
	width:230px;
	height:60px;
}
#homepage li {
	padding:0px;
	margin:0px;
	list-style:none;

}


#homepage li a {
	display:block;
	height:60px;
        text-indent:-9999px;
        width:230px;
        position:absolute;
}
#homepage li a.design {
width:145px;
right:0px;
z-index:1;
background:url(http://jbuc.com/images/mainfootRight.png) 0px 0px no-repeat;
}
#homepage li a.contact {
width:60px;
right:85px;
z-index:2;
background:url(http://jbuc.com/images/mainfoot.png) 0px 0px no-repeat;
}
#homepage li a.photography {
width:145px;
left:0px;
z-index:0;
background:url(http://jbuc.com/images/mainfootLeft.png) 0px 0px no-repeat;
}
#homepage li a:hover {
        background-position: 0px -60px;
}
#page {
	height:445px;
	width:1000px;
	margin-left:-500px;
	margin-top:-222px;
	left:50%;
	top:50%;
	position:absolute;
}
#about {
	width:311px;
	border-right:1px solid #3d3d3d;
	margin:0px 5px;
	float:left;
	height:445px;
	position:relative;
}
#about h1 a {
	background:url(http://jbuc.com/images/photographyLogo.png) left top no-repeat;
	width:311px;
	height:110px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin-top:-55px;
	top:50%;
}
#about h1 a:hover {
	background-position: left bottom;
}
#about h2 {
	display:none;
}
#about p {
	font-size:.8em;
	width:79%;
	margin:35px;
	text-align:right;
}
.gallery {
	width: 668px;
	height: 445px;
	position: relative;
	overflow: hidden;
}
.image_container {
	position: absolute;
}
a.next {
	position: absolute;
	z-index: 998;
	display: block;
	top:0px;
	width:50%;
	height:100%;
	right:0px;
    text-indent:-9999px;
    background: url(http://jbuc.com/images/clear.gif) 0px 0px repeat;
    }
a.prev {
	position: absolute;
	z-index: 998;
	display: block;
	top:0px;
	left:0px;
	width:50%;
	height:100%;
    text-indent:-9999px;
    background: url(http://jbuc.com/images/clear.gif) 0px 0px repeat;
}

a.contact {
	display:block;
	background:url(http://jbuc.com/images/mainNavOver.png) 0px 0px no-repeat;
	width:67px;
	height:9px;
	float:right;
	text-indent:-9999px;
}
a.prev:hover {
	background-position:bottom left !important;
}
a.next:hover {
	background-position:bottom right !important;
}
#nextfade {
	width:264px;
	height:445px;
	position:absolute;
	top:0px;
	right:0px;
	background: url(http://jbuc.com/images/fadingNext.png) 0px 0px no-repeat;
	z-index:997;
}
#contact {
	position:absolute;
	z-index:100;
	width:100%;
	height:500px;
	background:#fff200;
	margin:0px;
	margin-top:-250px;
	top:50%;
        right:100%;
	padding:0px;
	cursor:w-resize;
}
#contact div {
	width:500px;
	height:200px;
	margin-left:-250px;
	left:50%;
	position:absolute;
	margin-top:-100px;
	top:50%;
	cursor:default;
}
#contact div p {
	width:200px;
	text-align:justify;
	color:#1d1d1d;
	font-style:italic;
float:left;
margin:5px 20px;
}
#contact div p a {
	color:#1d1d1d;
}
#contact div p a:hover {
	color:#fff200;
	background:#1d1d1d;
	text-decoration:none;
}
#method a.phonecall {
	position:absolute;
	width:241px;
	height:95px;
	background:url(http://jbuc.com/images/phoneMe.png) 0px 0px no-repeat;
	display:block;
	top:0px;
	right:0px;
	text-indent:-9999px;
}
#method a.email {
	width:241px;
	height:95px;
	background:url(http://jbuc.com/images/emailMe.png) 0px 0px no-repeat;
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	text-indent:-9999px;
}
#status {
        width:500px;
        height:300px;
        background: red;
        position: absolute;
        top:0px;
        left:0px;
        z-index: 99999;
}


a.visitbutton {
        display:block;
        position:absolute;
        right:30px;
        bottom:30px;
        background: url(http://jbuc.com/images/visit.png) top center no-repeat;
        z-index: 999;
        text-indent: -9999px;
        width: 77px;
        height: 78px;
}
a.visitbutton:hover {
    background-position: bottom center;
}
.info {
        position:absolute;
        width:668px;
        height:445px;
        bottom:445px;
        left:0px;
        background:#1d1d1d;
        color:white;
        z-index:3;
        font-style: italic;
}
.info div {
    margin:150px;
    position: relative;
    z-index: 4;
}
.info a {
    color:white;
    text-indent: 0px !important;
    outline:red;
}
.packed {
        position: relative;
        width:668px;
        height:445px;
        overflow:hidden;
        float:left;
        z-index:9;
}
/*.packed a.prev, .packed a.next {
        width:38px;
        height:62px;
        margin:0px 200px;
        margin-top:-31px;
        top:50%;
        z-index: 2;
        text-indent: -9999px;
}
.packed a.prev {
    background: url(http://jbuc.com/images/prevBTN.png) 0px 0px no-repeat;
}
.packed a.next {
    background: url(http://jbuc.com/images/nextBTN.png) 0px 0px no-repeat;
}
*/

.packed a.skillDesign,
.packed a.skillLogo,
.packed a.skillCode,
.packed a.skillPhoto,
.packed a.skillVisit
{
    width:66px;
    height:67px;
    z-index: 999;
    display:block;
    text-indent: -9999px;
    float:left;
}
.packed a.skillDesign {
    background: url(http://jbuc.com/images/skillDesign.png) 0px 0px no-repeat;
}
.packed a.skillLogo {
    background: url(http://jbuc.com/images/skillLogo.png) 0px 0px no-repeat;
}
.packed a.skillPhoto {
    background: url(http://jbuc.com/images/skillPhoto.png) 0px 0px no-repeat;
}
.packed a.skillCode {
    background: url(http://jbuc.com/images/skillCode.png) 0px 0px no-repeat;
}
.packed a.skillVisit {
    background: url(http://jbuc.com/images/skillVisit.png) 0px 0px no-repeat;
}
.packed a.skillDesign:hover,
.packed a.skillLogo:hover,
.packed a.skillCode:hover,
.packed a.skillVisit:hover,
.packed a.skillPhoto:hover {
    background-position: bottom center;
}
ul.skills {
    position:absolute;
    width:264px;
    height:67px;
    bottom:0px;
    right:50%;
    margin-right:-152px;
    padding:0px;
    z-index: 20;
    text-align: center;
}
ul.skills li {
    list-style: none;
    display:inline;
    margin:0px;
    padding:0px;
}