/* @override http://20x200.com/fvp/style/style-baum.css */

/* @override 
	http://20x200.com/fvp/style/style-baum.css
	http://www.20x200.com/fvp/style/style-baum.css
*/

/* Image Replacement */

h1, h2, h3#browse-tab, #color h4, #artists h4, #category h4, #color ul li a:link, #color ul li a:visited, #mailinglist h4, #livewithart, .featured-left, .featured-right, .featured-top, .featured-bottom {
	display: block;
	overflow: hidden;
	text-indent: -5000em;
	behavior: url(/fvp/iepngfix.htc);
	background-repeat: no-repeat!important;
}
#row #showcase img { behavior: url(iepngfix.htc) }

/* General Layout */

* {
	outline: none !important;
}

body, html {
	margin: 0;
	padding: 0;
 	min-height: 100%;
 	margin-bottom: 1px;
 }

body {
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

a:link, a:visited {
	color: #919d29;
	border: 0;
	text-decoration: none;
}

a:hover, a:active {
	color: #f47d31;
	border: 0;
	text-decoration: underline!important;
}

a#logo img, #featured img {
	border: none;
	text-decoration: none;
}

#content-wide {
	width: 100%;
	background: #edf3f4;
}
/* Header & Navigation */

#logo {
	float:left;
	width: 148px;
	height: 71px;
	margin-right: -1px;
	}

#header {
	width: 960px;
	padding: 25px 0 20px 0;
	margin: 0 auto;
	}
fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
input#search, .btn,input[type=submit].btn,input[type=button].btn {
	display: block;
	padding: 7px!important;
	margin: 8px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border: 2px solid #afdfe9;
}

#top-search {
	float: right;
	border-top: 4px solid #afdfe9;
	border-bottom: 4px solid #afdfe9;
	height: 30px;
	padding:0px 0px 20px 0px;
}

input#search {
	color: #64c1d5;
	border-right: 0!important;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 115px;
	height: 15px;
	}
.btn,input[type=submit].btn,input[type=button].btn {
	background: #aee0ea url("/fvp/images/page/btn-bg-blue.png") repeat-x 0 0;
	color: #fff;
	text-shadow: #53c0d6 1px 1px 0;
	text-transform: uppercase;
	height: 33px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 74px;
}
button:active,button.btn:active,input[type=submit]:active {
	background-image: none !important;
	text-shadow: none !important;
	outline: none!important;
}

#nav {
	height: 30px;
	display: block;
	margin: 0;
	float: left;
	padding:0px 0 20px 0px;
	color: #98d2de;
	font: 18px bolder "Helvetica Neue";
	border-top: 4px solid #afdfe9;
	border-bottom: 4px solid #afdfe9;
	line-height: 22px;
	width: 608px;
	position: relative;
	list-style-type: none;
}

#nav li {
	display: block;
	float: left;
}

#nav li a:link, #nav li a:visited {
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 12px "Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 18px;
	color: #88d9e8;
	text-decoration: none;
}

#nav li a:hover {
	color: #919d29;
	background: url(http://www.20x200.com/images/menuarrows.gif) no-repeat center center;
	text-decoration: none!important;
}

#nav li a:active {
	color: #f5cc30;
}

/* Content Section */

#solo #lead, #cluster #lead {
	margin-right: 40px;
	margin-top: 15px;
	width: 320px;
	position: absolute;
		top: 0px;
		left: 20px;
}
#solo h1, #cluster h1 {
	width: 320px;
	height: 150px;
	background: url('/fvp/images/page/great-art.png') no-repeat;
}

#solo h2, #cluster h2 {
	margin-top: 35px;
	width: 303px;
	height: 113px;
	background: url('/fvp/images/page/discover-great-artists.png') no-repeat;
}
#row #lead {
	width: 746px;
	position: absolute;
	left: 108px;
	top: 20px;
}

#row h1 {
	width: 746px;
	height: 80px;
	background: url('/fvp/images/page/great-art-singleline.png') no-repeat;
	margin: auto;
}
#row h2 {
	margin-top: 10px;
	text-indent: 0;
	color: #717174;
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
}
#solo #showcase, #cluster #showcase {
	display: block;
	width: 590px;
	height: 400px;
	margin: 0;
	padding: 0;
	position: absolute;
		top:-25px;
		left: 380px;
}
#row #showcase {
	display: block;
	width: 960px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: absolute;
		top:220px;
		left:25px;
}
#showcase .artwork-container {
	position: absolute;
	left: 35px;
}
#solo #showcase .artwork, #cluster #showcase .artwork {
	position: absolute;
	background: #fff;
	-moz-box-shadow: 0 0 10px #ccc; /* FF3.5+ */
	-webkit-box-shadow: 0 0 10px #ccc; /* Saf3.0+, Chrome */
	box-shadow: 0 0 10px #ccc; /* Opera 10.5, IE 9.0 */
}
#row #showcase .artwork {
	position: absolute;
	vertical-align: center;
}
.artwork-sidebar {
	display: block;
	margin: 15px 10px 0 10px;
	color: #717174;
	width: 500px;
	position: absolute;
	bottom: -510px;
}
.featured {
	background: #9dd8e5;
	display: block;
	padding:5px 10px;
	color: #fff;
	margin-top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 13px;
	position: absolute;
	z-index: 1500;
}
.featured-top {
	background: transparent url('/fvp/images/page/featured-top.png');
	width: 157px;
	height: 26px;
	top: -47px;
	left: -1px;
}
#solo .featured-right {
	background: transparent url('/fvp/images/page/featured-right-arrow.png');
	width: 160px;
	height: 26px;
	top: -37px;
	left: -25px;
}
#solo .featured-left {
	background: transparent url('/fvp/images/page/featured-left-arrow.png');
	width: 160px;
	height: 26px;
	top: -420px;
	left: -170px;
}
#solo .featured-bottom {
	background: transparent url('/fvp/images/page/featured-bottom.png') no-repeat;
	width: 149px;
	height: 34px;
	top: -15px;
	left: 180px;
}
#cluster .featured-right {
	background: transparent url('/fvp/images/page/featured-right-arrow.png');
	width: 160px;
	height: 26px;
	top: -3px;
	right: -185px;
}
.artwork-sidebar .artwork-title {
	font-size: 20px;
	font-weight:normal;
	display: block;
	margin-bottom: 10px;
}
.artwork-sidebar .artwork-artist {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.artwork-sidebar .buynow {
	background: #b2bb1e url("/fvp/images/page/btn-bg-green.png") repeat-x 0 0;
	color: #fff;
	text-shadow: #549200 1px 1px 0;
	text-transform: uppercase;
	border: 2px solid #b2bb1e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:7px;
	font-weight: bold;
	position: absolute;
		top: 0;
		right: 0;
}
.artwork-sidebar .buynow:hover {
	text-decoration: none!important;	
}
.artwork-sidebar .buynow:active {
	background-image: none;
}
.print-type {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}
.artwork-sidebar table {
	display: none;
	width: 270px;
	border-collapse: collapse;
	border-top: 1px solid #dde3e4;
	clear: both;
}
.artwork-sidebar table td {
	padding: 7px 0;
}
.artwork-sidebar table tr {
	border-bottom: 1px solid #dde3e4;
}


#showcase .artwork a:link img, #showcase .artwork a:visited img {
	border: 0!important;
	text-decoration: none!important;
	outline: 0!important;
}

#cluster #showcase .artwork:hover, #solo #showcase .artwork:hover {
	-moz-box-shadow: 0 0 10px #bbb; /* FF3.5+ */
	-webkit-box-shadow: 0 0 10px #bbb; /* Saf3.0+, Chrome */
	box-shadow: 0 0 10px #bbb; /* Opera 10.5, IE 9.0 */
}

#showcase .artwork:hover {
	z-index: 1000;
}

#showcase .artwork .artwork-extended, #showcase .proportionalartwork .artwork-extended {
	font-size: 14px;
	background: #fff;
 	-moz-border-radius: 10px; /* FF1+ */
 	-webkit-border-radius: 10px; /* Saf3+, Chrome */
	border-radius: 10px; /* Opera 10.5, IE 9 */
	width:auto;
	border: 5px solid #afdfe7;
	position: absolute;
		bottom:-90px;
		left: -20px;
	display:none;
	color: #717174;
	padding: 20px;
}
/* creates the larger triangle */
.artwork-extended:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#222;
}

/* creates the smaller  triangle */
.artwork-extended:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}
.artwork-extended:before {
	top:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border:20px solid transparent;
	border-bottom-color:#afdfe7;
}

/* creates the smaller  triangle */
.artwork-extended:after {
	top:-26px; /* value = - border-top-width - border-bottom-width */
	left:27px!important; /* value = (:before right) + (:before border-right) - (:after border-right) */
	bottom:auto;
	left:auto;
	border:13px solid transparent;
	border-bottom-color:#fff;
}

#showcase .artwork:hover .artwork-extended {
	display: block!important;
}

.artwork-title {
	color: #717174!important;
	font-weight: bold;
}
.artwork-artist a:link, .artwork-artist a:visited {
	color: #717174!important;
}
.learn-more {
	position: absolute;
	right: 10px;
}
/* Browse Section */

#content {
	width: 977px;
	padding-left: 23px;
	margin: 0 auto;
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	height: 425px;
	position: relative;
}
#browse-tab {
	display: block;
	width: 171px;
	height: 73px;
	background: url('/fvp/images/page/browse-button.png') bottom left no-repeat;
	position: absolute;
		left: 0;
		bottom: -20px;
}
#browse {
	padding-top: 20px;
	background: #fff;
	width: 960px!important;
	margin: 0 auto;
}

/* Color Browse */

#color {
	width: 308px;
	float: left;
	padding-right: 20px;
	margin-right: 5px;
}

#color h4 {
	width: 260px;
	height: 29px;
	background: url('/fvp/images/page/color.png');
	padding: 0;
	margin-top: 0;
}

#color ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#color ul li {
	width: 76px;
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
	list-style-type: none;
	list-style-position: inside;
}

#color ul li a {
	height: 100px;
	width: 70px;
	background: url('/fvp/images/page/color-sprite-solid-underline.png') no-repeat;
}

/* Color Browse Sprite Positioning */

#red a:link, #red a:visited {background-position: 0 0;}
#red a:hover, #red a:active {background-position: -300px 0;}
#green a:link, #green a:visited {background-position: -70px 0;}
#green a:hover, #green a:active {background-position: -370px 0;}
#blue a:link, #blue a:visited {background-position: -140px 0;}
#blue a:hover, #blue a:active {background-position: -440px 0;}
#black a:link, #black a:visited {background-position: -210px 0;}
#black a:hover, #black a:active {background-position: -510px 0;}
#yellow a:link, #yellow a:visited {background-position: 0 -100px;}
#yellow a:hover, #yellow a:active {background-position: -300px -100px;}
#brown a:link, #brown a:visited {background-position: -70px -100px;}
#brown a:hover, #brown a:active {background-position: -370px -100px;}
#pink a:link, #pink a:visited {background-position: -140px -100px;}
#pink a:hover, #pink a:active {background-position: -440px -100px;}
#white a:link, #white a:visited {background-position: -210px -100px;}
#white a:hover, #white a:active {background-position: -510px -100px;}
#purple a:link, #purple a:visited {background-position: 0 -200px;}
#purple a:hover, #purple a:active {background-position: -300px -200px;}
#orange a:link, #orange a:visited {background-position: -70px -200px;}
#orange a:hover, #orange a:active {background-position: -370px -200px;}
#beige a:link, #beige a:visited {background-position: -140px -200px;}
#beige a:hover, #beige a:active {background-position: -440px -200px;}
#bw a:link, #bw a:visited {background-position: -210px -200px;}
#bw a:hover, #bw a:active {background-position: -510px -200px;}

/* Category Browse */

#category {
	float: left;
	position: relative;
	margin-left: 20px;
	padding-right: 20px;
}



#category h4 {
	width: 260px;
	height: 29px;
	background: url('/fvp/images/page/category.png');
	margin-top: 0;
	margin-bottom: 15px;
}

#category ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 17px;
	margin-bottom: 15px;
}

#category ul li a:link, #category ul li a:visited {
	text-decoration: none;
	font-size: 13px;
	display: block;
	padding: 3px 0;
}
#category ul li a:hover, #category ul li a:active {
	text-decoration: underline;
}

.arrow {
	background:#addfe8 url('/fvp/images/page/arrow.png') right center no-repeat;
	display: inline-block;
	float: right;
	color: #fff!important;
	width: auto;
	padding: 5px 20px 5px 10px;
	font-size: 14px;
	font-weight: bold;
}
.arrow:hover {
	background-color: #b2bb1e;
}

/* Mailing List Signup */

#mailinglist {
	float: left;
	background: #fff;
	width: 260px;
	padding:10px 20px;
	line-height: 17px;
	background-color: #f8e1d2;
	margin-top: -50px;
	-webkit-box-shadow: 0 4px 6px rgba(110,56,22,.5);
}
#mailinglist h4 {
	background-image: url(/fvp/images/page/inbox.png);
	height: 67px;
	width: 260px;
	display: block;
}
#mailinglist p {
	font-size: 14px;
	line-height: 20px;
	color: #677074;
}
input#email{
	display: block;
	padding: 7px!important;
	margin: 8px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border: 2px solid #f17c3a;
}

input#email {
	color: #677074;
	border-right: 0!important;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 115px;
	height: 15px;
	}
#mailinglist .btn,#mailinglist input[type=submit].btn,#mailinglist input[type=button].btn {
	background: #f17c3a url("/fvp/images/page/btn-bg-orange.png") repeat-x 0 0;
	color: #fff;
	text-shadow: #ba5f25 1px 1px 0;
	text-transform: uppercase;
	height: 33px;
	border-color: #f17c3a;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 74px;
}
input#email {
	width: 144px;
}
#signmeup {
	width: 100px!important;
}
#livewithart {
	float: left;
	background: url("/fvp/images/page/livewithart.png") no-repeat center;
	width: 300px;
	height: 54px;
	padding-top: 100px;
}
#signup-error {
	padding: 10px;
	color: #fff!important;
	font-size: 13px!important;
	background: #f00!important;
}
/* Featured Artists */

#artists {
	float: left;
	background: #fff;
	width: 260px;
	margin-left: 20px;
	line-height: 17px;
}

#artists .artist {
	background: #edf3f4;
	margin: 0 0 5px 0;
	padding: 10px;
	clear: both;
}

#artists img {
	width: 240px;
	text-decoration:none;
	border: none;
	outline: none;
	
}

#artists h5 {
	display: block;
	margin: 5px 0 0 0;
	font-size: 14px;
	font-weight: normal;
}

#artists h5 a:link, #artists h5 a:visited {
	color: #717174!important;
}
#artists h5 a:hover, #artists h5 a:active {
	color: #717174!important;
}

#artists h4 {
	width: 120px;
	height: 29px;
	background: url('/fvp/images/page/artists.png');
	margin-top: 0;
	float: left;
	display: block;
}

.artist-extended {
	height: 0;
	margin: 0;
	overflow: hidden;
	-webkit-transition: height .5s ease-out;
	color: #222;
}

.artist:hover .artist-extended {
	height: 182px;
	-webkit-transition: height .5s ease-out;
}