@charset "UTF-8";
/* CSS Document */


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}
/*LAYOUT*/
#frame {
    background: url("paint-sideborder-detail.gif") no-repeat scroll 0 bottom #8A4A34;
    position: relative;
}
#home #frame {
    background: url(paint-sideborder.gif) no-repeat;
    height: 800px;
}
#home #page {
    background: url(../images/paint-home-bg.jpg) no-repeat;
    padding-top: 364px;
    height: 436px;
}
/*IE 6*/
* html #home #page {
    padding-top: 354px
}
/*IE 7*/
*:first-child+html #home #page {
    padding-top: 354px
}
#page_nav {
    background: #8a4a34
}
/* page-specific content backgrounds */
#portfolio #content_background {
    background: url(paint-bg-01.jpg) no-repeat right top
}
#process #content_background {
    background: url(paint-bg-03.jpg) no-repeat right top
}
#bio #content_background {
    background: url(paint-bg-06.jpg) no-repeat right top
}
#recognition #content_background {
    background: url(paint-bg-04.jpg) no-repeat right top
}
#shop #content_background {
    background: url(paint-bg-11.jpg) no-repeat right top
}
#contact #content_background {
    background: url(paint-bg-08.jpg) no-repeat right top
}
#shop_matted_prints #content_background,
#shopboxed #content_background {
    background: url(paint-bg-01.jpg) no-repeat right top
}
/*NAVIGATION*/
#home_nav {
    width: 200px;
    margin-left: 58px;
}
#home_nav a {
    color: #666;
    text-decoration: none;
}
#home_nav a.active {
    color: #6d3422
}
#page_nav a {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.15em;
}
/* set active page link to bold */
#portfolio .l_portfolio,
#process .l_process,
#bio .l_bio,
#recognition .l_recognition,
#shop .l_shop,
#contact .l_contact,
#detail .l_portfolio {
    font-weight: bold
}
#sub_nav {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 0.15em;
}
#sub_nav li {
	float: left;
	list-style: none;
	padding-right: 20px;
	}
#sub_nav a {
    color: #333;
    text-decoration: none;
}
#sub_nav .current {
    color: #8a4a34;
    font-weight: bold;
}
/*CONTENT*/
h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #621730;
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 1em;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #566A43;
    margin-bottom: 1.8em;
}
a:link {
    color: #8a4a34;
    text-decoration: none;
}
a:visited {
    color: #8a4a34;
    text-decoration: none;
}
a:hover {
    color: #8a4a34;
    text-decoration: underline;
}
a:active {
    color: #8a4a34;
    text-decoration: underline;
}

.left_float {
	float:left;
}

.clear_both {
	clear: both;
}

.facebook_badge {
	display: inline-block;
    padding: 5px 0 0 20px;
}

/*PORTFOLIO*/
.index_gallery {

}
.index_gallery img {
    margin: 0 30px 30px 0;
    width: 175px;
    height: 175px;
}
.detail_gallery {
    padding-left: 66px;
    width: 660px;
}
.detail_gallery img {
    margin: 0 10px 10px 0;
    width: 65px;
    height: 65px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#portfolio_detail {
    text-align: left;
    background: url(bg-portfolio-detail.gif) repeat-y;
    position: relative;
}
#portfolio_detail img.partial {
    margin-left: 202px
}
#portfolio_detail img.full {
    margin: 0
}
.detail_content {
    float: left;
    width: 372px;
    padding-top: 20px;
}
#p_logo {
    float: left;
    margin: -12px 0 0 13px;
}
#portfolio_detail img {
    height: auto
}
img.resize {
    position: absolute;
    top: 184px;
    border: 10px solid #dae9e3;
    z-index: 1000;
}
.detail_gallery {
    width: 760px;
    position: relative;
}
.detail_gallery p {
    margin-right: 136px
}
.detail_gallery li {
    list-style: none;
    float: left;
}
/*IE6*/
* html .detail_gallery p {
    margin-right: 140px
}
.detail_gallery img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    /*  rules to add a border and slide shrink on hover
    width: 61px;
    height: 61px;
    border: 2px solid #8a4a34;
    */
}
#thumb_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 760px;
    height: 230px;
    cursor: default;
}


/*Shop page*/


div.product-listing {
    width: 300px;
    text-align: center;
    float: left;
    padding: 0 70px 60px 0;
}
div.product {
    float: right;
    padding-right: 5px;
    position: relative;
}

#matted-prints div.product {
    padding-right: 0;
	}
	
p.more {
    float: right;
    padding-right: 25px;
}

#matted-prints p.more {
	float: left;
	}

.product-attr-custom {
	position: absolute;
    right: 105%;
    top: 5px;
}

p.title {
    margin: 5px 0;
    line-height: 1.4em;
}
p.title img{
    padding-top:20px;
}
p.price {
	float:right;
	padding-right:5px;
}
body#shop div.content {
	padding-right:0;
}
body#shop-notecards p.title {
    width: 430px
}
div.clear {
    clear: both
}
h2.replacement {
    clear: both;
    display: block;
    height: 35px;
    width: 350px;
    padding: 0 0 30px 0;
    text-indent: -9999px;
}

div#matted-prints h2 {
    background: transparent url(../images/paint-shop-title-matted-prints.gif) no-repeat 0 0
}
div#boxed-sets h2 {
    background: transparent url(../images/paint-boxedset-title.gif) no-repeat 0 0
}
div#notecards h2 {
    background: transparent url(../images/paint-shop-title-notecards.gif) no-repeat 0 0
}
div#books h2 {
    background: transparent url(../images/paint-shop-title-books.gif) no-repeat 0 0
}
/* boxed set, notecards, matted prints page */
div.boxed-set {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
div.boxed-set img {
    padding: 0 0 10px 0
}
.size_button {
	color: #8a4a34;
	cursor: pointer;
	padding: 0 0 0 20px;
}
#size_info {
	visibility: hidden;
	text-align: left;
	}
	
#gray_curtain {
	background: #000;
	filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000001;
	}
	
#three_sizes {
	border: 3px solid #ccc;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000002;
	}
	
	
#three_sizes strong {
	padding: 30px;
	display: block;
	margin: 0;
	}

#three_sizes p{
	line-height: 1em;
	margin: 0;
	}
	
.print_size {
float: left;
padding: 0 20px 20px;
width: 260px;
text-align: center;
}

.print_size img {
	padding: 0 0 20px 0;
	}

.print_size.small {
	width: 105px;
} 

.print_size.small img{
	width: 85px;
	padding-top:55px
} 

.print_size.medium {
	width: 130px;
} 

.print_size.medium img{
	width: 110px;
	padding-top:35px
}

.print_size.large {
	width: 170px;
} 
.print_size.large img{
	width: 150px;
}

#size_close {
	 color: #FFFFFF;
    cursor: pointer;
    left: 94%;
    position: absolute;
    top: 102%;
    z-index: 100007;
	}



#shop_matted_prints .product-listing {
	border-bottom: 1px solid #CCCCCC;
    float: none;
    margin: 30px 0;
    padding: 10px 0 30px;
    width: 100%;
}

#shop_matted_prints .product-listing img{
	width: 100%;
	padding: 10px 0 20px 0;
}

#shop_matted_prints .product-listing p.title {
	float: left;
	text-align: left;
	padding: 0 0 0 20px;
	width: 350px;
}


/* Easy Slider */
#slider ul.mainShow,
#slider li.panel {
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider li.panel {
    /* : ;
    */ : ;
    width: 600px;
    height: 235px;
    overflow: hidden;
}
span#prevBtn {

}
span#nextBtn {

}
/* // Easy Slider */
#slider ul.sub {
    list-style: none;
    width: 600px;
    float: left;
}
#slider ul.mainShow {
    list-style: none
}
#slider ul.sub li {
    float: left;
    cursor: pointer;
}
.selected img{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
/* ////////   Button Styles  */
#backButton,
#nextButton,
#playButton,
#zoomButton,
#reduceButton {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
}
#backButton {
    top: 305px;
    left: 166px;
}
#nextButton {
    top: 305px;
    left: 190px;
}
#playButton {
    top: 305px;
    left: 133px;
}
#zoomButton {
    top: 275px;
    left: 190px;
}
#reduceButton {
    z-index: 99999;
    top: 50px;
    left: 810px;
}
#backButton a,
#nextButton a,
#playButton a,
#pauseButton a,
#zoomButton a,
#reduceButton a {
    display: block;
    outline: none;
    width: 22px;
    height: 22px;
}
#backButton a {
    background: url(btn_images.gif) no-repeat 0 -22px
}
#nextButton a {
    background: url(btn_images.gif) no-repeat -23px -22px
}
#playButton a {
    background: url(btn_images.gif) no-repeat 0 0
}
#playButton.pause a {
    background: url(btn_images.gif) no-repeat -23px 0
}
#zoomButton a {
    background: url(btn_images.gif) no-repeat 0 -43px
}
#reduceButton a {
	background: url(btn_images.gif) no-repeat -23px -43px
}
/*  easySlider Buttons  */
#prevBtn,
#nextBtn {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 100px;
    left: 680px;
    text-indent: -9999px;
}
#nextBtn {
    left: 702px
}
#prevBtn a,
#nextBtn a {
    display: block;
    outline: none;
    width: 22px;
    height: 22px;
    background: url(btn_images.gif) no-repeat 0 -22px;
}
#nextBtn a {
    background-position: -23px -22px
}

img.partial {
	cursor:pointer;
	}
	
.greyedOut {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/*  VIDEO  */

#video {
	float: right;
	
	
	}
	
#video_inner {
	margin: 80px 20px 400px 20px;
	text-align: right;
	}
	
#video_inner iframe {
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	}
	
iframe.large_video {
	padding: 20px 0;
	}