@font-face {
	font-family: 'ContinuumMediumRegular';
	src: url('/include/font/contm-webfont.eot');
	src: local('contm-webfont'), url('/include/font/contm-webfont.woff') format('woff'), url('/include/font/contm-webfont.ttf') format('truetype'), url('/include/font/contm-webfont.svg#webfontnldePaDj') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	background: #1e1e1e;
	text-align: left;
	z-index: 0;
	color: #666666;
	font-family: Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
}

dt {
	font-family: ContinuumMediumRegular, Arial, sans-serif;
	font-size: 16px;
	color: #AE9A5F;
}

.gold {
	color: #AE9A5F;
}

.coming-soon {
	font-family: ContinuumMediumRegular, Arial, sans-serif;
	font-size: 30px;
	color: #AE9A5F;
	position: relative;
	left: 390px;
	top: 160px;
}

h3 {
	display: inline;
}

h2 {
	font-family: ContinuumMediumRegular, Arial, sans-serif;
	font-size: 20px;
	color: #AE9A5F;
	margin: 0px;
}

body {
	background-repeat: no-repeat;
	background-position: 50% 25%;
	z-index: 10;
}

div#wrapper {
	z-index: 20;
}

div#header {
	/*background-image: url('/files/images/header_red.png');*/
	background-image: url('/files/images/header_sans_logo.png');
	background-repeat: no-repeat;
	background-position: center;
}

div#footer {
	text-align: center;
	font-size: .8em;
}

div#gradient {
	background-image: url('/files/images/gradient.jpg');
	background-repeat: repeat-y;
	padding: 25px 50px;
	min-height: 340px;
	color: #FFFFFF;
}

div.l2r {
	background-image: url('/files/images/line_l2r.jpg');
	padding-top: 10px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}

div.r2l {
	background-image: url('/files/images/line_r2l.jpg');
	padding-top: 10px;
	background-position: 0% 80%;
	background-repeat: no-repeat;
}

ul {
	list-style-type: none;
}

ul#nav {
	padding-left: 0px;
	top: 47px;
	position: relative;
	z-index: 40;
	margin-left: 20px;
}

ul#nav li {
	display: block;
	float: left;
	width: 132px;
	height: 27px;
	background-image: url('/files/images/nav.png');
	background-repeat: no-repeat;
	/*border: 1px solid #fff;*/
}

ul#nav li a {
	display: block;
	width: 101px;
	height: 26px;
}

ul#nav li.custom-paint {
	background-position: 8px -3px;
	/*background-position: -10px -6px;*/
}

ul#nav li.art-studio {
	background-position: -106px -3px;
	/*background-position: -125px -6px;*/
}

ul#nav li.digital-printing {
	background-position: -234px -3px;
	/*background-position: -242px -6px;*/
}

ul#nav li.screen-printing {
	background-position: -365px -3px;
	/*background-position: -369px -6px;*/
}

ul#nav li.home {
	background-image: url('');
}

ul#nav li.store {
	background-position: -484px -3px;
	/*background-position: -484px -6px;*/
}

ul#nav li.news {
	background-position: -602px -3px;
	/*background-position: -588px -6px;*/
}

ul#nav li.contact-us {
	background-position: -722px -3px;
	/*background-position: -700px -6px;*/
}

ul#nav li.our-history {
	background-position: -848px -3px;
	/*background-position: -822px -6px;*/
}

ul#nav li.custom-paint:hover, ul#nav li.custom-paint.active {
	background-position: 8px -56px;
}

ul#nav li.art-studio:hover, ul#nav li.art-studio.active {
	background-position: -106px -56px;
}

ul#nav li.digital-printing:hover, ul#nav li.digital-printing.active {
	background-position: -234px -56px;
}

ul#nav li.screen-printing:hover, ul#nav li.screen-printing.active {
	background-position: -365px -56px;
}

ul#nav li.store:hover, ul#nav li.store.active {
	background-position: -484px -56px;
}

ul#nav li.news:hover, ul#nav li.news.active {
	background-position: -602px -56px;
}

ul#nav li.contact-us:hover, ul#nav li.contact-us.active {
	background-position: -722px -56px;
}

ul#nav li.our-history:hover, ul#nav li.our-history.active {
	background-position: -848px -56px;
}



ul#subnav {
	margin: 34px 0px 0px 0px;
	letter-spacing: 3px;
}

ul#subnav li {
	float: left;
	margin-right: 30px;
}

ul.pdf {
	padding: 0px;
}

ul.pdf li {
	background-image: url('/files/images/resources/pdf_icon2.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
	padding-bottom: 5px;
	line-height: 18px;
}

ul.pdf li a {
	color: #FFFFFF;
}
ul.pdf li a:hover {
	color: #FF0000;
}

dl {
	margin: 0px;
	padding: 10px;
}

dl a {
	/*color: #ff0000;*/
}

dt {
	margin: 0px 0px 10px 0px;
}

dd {
	margin-left: 20px;
}

img {
	border: none;
}

tr.space_below td {
	padding-bottom: 2em;
}

#footer ul
{
	margin: 0 0 0 8px;
	padding-left: 0px;
	position: relative;
	top: -10px;
	left: 5px;
}

li.anvil {
	background-image: url('/files/images/anvil_off.gif');
	background-repeat: no-repeat;
	background-position: 0px -2px;
	padding-left: 20px;
	cursor: pointer;
	font-family: "Trajan Pro", "Times New Roman";
	font-size: .7em;
	vertical-align:text-top;
}

li.anvil:hover {
	background-image: url('/files/images/anvil_on.gif');
}

table#gallery {
	position: relative;
	margin: -20px auto;
	background-color: #f2e3aa;
	border: 1px solid #000000;
}

.small {
	font-size: .6em;
}

.spaced {
	letter-spacing: 10px;
}

fieldset {
	border: 0px none;
}

input, textarea, select {
	border: 1px solid #333333;
	background-color: #CCCCCC;
	font-family: arial;
	color: #333333;
	font-size: 1.2em;
	padding: 3px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background-color: #FFFFFF;
	border: 1px solid #ebd580;
	color: #000000;
}

.button {
	background-color: #CCCCCC;
	border: 4px double #333333;
	color: #333333;
	cursor: pointer;
}

.button:hover {
	/*background-color: #00FFCC;*/
	background-color: #AE9A5F;
	border: 4px double #333333;
	color: #333333;
}

textarea.medium {
	width: 300px;
	height: 100px;
}

.error {
	background-color: #FFCCCC;
	color: #990000;
	border: 1px solid #990000;
}

.success {
	background-color: #333333;
	color: #AE9A5F;
	border: 1px solid #AE9A5F;
	font-family: ContinuumMediumRegular,Arial,sans-serif;
	font-size: 14px;
	padding: 4px;
}

#err {
	padding: 3px;
	text-transform: uppercase;
	font-style: italic;
	font-size: .8em;
	text-align: center;
}

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

a.active {
	/*color: #ae9a5f;*/
	color: #ad1522;
}

a:hover, a.active:hover {
	/*color: #cfc18d;*/
	color: #cf0d1e;
}

img {
	border: none;
}



/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:99;

	/* styling */
	background-color:#333;

	/*width:675px;	*/
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image: url('/files/images/close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

ul.thumbs li, div.items div {
	float: left;
}

div.items div a {
	display: block;
	float: left;
	height: 120px;
	width: 120px;
	background-image: url('/files/images/thumb_bg.gif');
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px 14px;
}

ul.thumbs li a, div.items div a {
	position: relative;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	height: 120px;
	width: 900px;
	left: 30px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	width:20000em;
}

.more {
	background-image: url('/files/images/more_buy_images.png');
	background-repeat:no-repeat;
	width: 100px;
	height: 58px;
	margin-top: 30px;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
}

.moreright {
	background-position: -129px -77px;
	right: -60px;
}

.moreright:hover {
	background-position: -14px -77px;
}

.moreleft {
	background-position: -129px -138px;
	left: -60px;
}

.moreleft:hover {
	background-position: -14px -138px;
}

a.buynow {
	display: block;
	margin: 0px auto;
	background-image: url('/files/images/more_buy_images.png');
	background-repeat:no-repeat;
	background-position: -133px -6px;
	height: 70px;
	width: 80px;
	cursor: pointer;
}

a.buynow:hover {
	background-position: -18px -6px;
}


div.thumb_zoom {
	float: left;
	width: 56px;
	height: 56px;
	margin-right: 4px;
	background: url('/files/images/thumb_bg_tiny.gif') no-repeat;
}

div.thumb_zoom:hover img.overlay {
	display: block;
}

img.overlay {
	display: none;
	position: absolute;
	margin-top: -52px;
	margin-left: 1px;
	height: 54px;
	width: 54px;
	z-index: 1000;
}