/*
Theme Name: Jason Peekstok
Description: JP Custom Carpentry
Version: 1.0
Author: Ryan John Moore
Author URI: http://www.mooresdigital.com/
*/
/* text specific styles
_______________________________________________________________________ */
h1{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#000000;
	margin-bottom:30px;
	}


.title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color:#ebd9ae;
	}
#experiencequality a:Link{
	font-weight:bold;
	color:#ff9000;
	text-decoration:none;
}
#experiencequality a:Visited{
	font-weight:bold;
	color:#ff9000;
}
#experiencequality a:Hover{
	font-weight:bold;
	color:#ffffff;
}

#copyright a:Link{
	color: #8e8e8e;
	text-decoration:underline;
}
#copyright a:Visited{
	color: #8e8e8e;
	text-decoration:none;
}
#copyright a:Hover{
	color:#ffffff;
	text-decoration:none;
}

/* structure
_______________________________________________________________________ */
body {
	margin: 0;
	padding: 0;
	background: #000000 url(../images/gallery-head-bg.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #c0c0c0;
	line-height:1.8em;
	}
img{
	border-style:none;
	}
object {
	outline:none;
	}
a:focus { 
    outline: none; 
}
#siteContainer {
	width:920px;
	margin:0 auto;
	}
#navContainer{
	width:920px;
	height:145px;
	margin-top:17px;
	margin-bottom:15px;
	display:block;
	}
#flashcontainer{
	width:934px;
	height:509px;
	margin-left:-7px;
	}
#customcrafts{
	width:920px;
	height:66px;
	margin-top:20px;
	background:url(../images/custom-craftsmanship.png) no-repeat center top;
	text-indent:-999px;
	}
#workpassion{
	width:458px;
	height:255px;
	margin-top:30px;
	background:url(../images/work-passion.png) no-repeat center top;
	text-indent:-999px;
	float:left;
	}
#experiencequality{
	width:433px;
	height:217px;
	margin-left:25px;
	margin-top:30px;
	margin-bottom:30px;
	padding-top:38px;
	padding-left:4px;
	background:url(../images/experience-quality.png) no-repeat center top;
	float:left;
	}
.linebreak{
	width:920px;
	height:9px;
	margin:0 auto;
	background: url(../images/line-break.png) no-repeat center top;
	}
	
/* Subpage Settings
_______________________________________________________________________ */

#contentContainer{
	width:920px;
	height:1824px;
	margin-bottom:30px;
	}
#galleryContentContainer{
	width:840px;
	height:1824px;
	background: url(../images/gallery-content-bg.png) no-repeat left top;
	padding-left:80px;
	}
#gallerytitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#403f3f;
	padding-top:79px;
	padding-left:140px;
	margin-bottom:60px;
	}
/* Footer
_______________________________________________________________________ */
#footer{
	width:100%;
	height:125px;
	background:url(../images/footer-bg.png) repeat-x;
	overflow:hidden;
	clear:both
	}
#copyright{
	color:#6d6d6d;
	font-size:12px;
	text-align:center;
	margin-top:20px;
	}
/* Buttons!
_______________________________________________________________________ */


#home-logo{
	height: 145px;
	width: 174px;
	overflow: hidden;
	background: url(../images/home-logo.png) top left;
	display: block;
	text-indent:-999px;
	float:left;
}
#home-logo:hover {
	background-position: bottom left;
}
#aboutButton{
	height: 18px;
	width: 131px;
	margin-top:57px;
	margin-right:67px;
	overflow: hidden;
	background: url(../images/aboutButton.png) top left;
	display: block;
	text-indent:-999px;
	float:left;
}
#aboutButton:hover {
	background-position: bottom left;
}

#servicesButton{
	height: 18px;
	width: 131px;
	margin-top:57px;
	margin-right: 44px;
	overflow: hidden;
	background: url(../images/servicesButton.png) top left;
	display: block;
	text-indent:-999px;
	float:left;
}
#servicesButton:hover {
	background-position: bottom left;
}
#galleryButton{
	height: 18px;
	width: 130px;
	margin-top:57px;
	margin-left: 41px;
	overflow: hidden;
	background: url(../images/galleryButton.png) top left;
	display: block;
	text-indent:-999px;
	float:left;
}
#galleryButton:hover {
	background-position: bottom left;
}
#contactButton{
	height: 18px;
	width: 132px;
	margin-top:57px;
	margin-left: 70px;
	overflow: hidden;
	background: url(../images/contactButton.png) top left;
	display: block;
	text-indent:-999px;
	float:left;
}
#contactButton:hover {
	background-position: bottom left;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}