/* http://www.icdlimited.co.uk this code produced by Tim Manners */
/* Citrus Studio 2009 v1.0 */

/* Clear CSS Styles and set initial Body styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align:center;
	background-color: #000000;
	margin:0;
	padding:0;
}

img, div { behavior: url(iepngfix.htc) }
	
ul {
	list-style: none;
}
ol {
	list-style:decimal outside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p, form, input, h2, h3, h4, h5, h6, ol, ul.copy li {font-size:12px;}
p, ol, ul.copy li {line-height:1.25}
a {color:#0099ff}
.bold {font-weight: bold;}
.ital {font-style: italic;}
sup {font-size: 10px;vertical-align:text-top;}

/*Start of CSS styling*/

#flashcontent {margin:0 0 -28px 0;}
#flashcontent p {margin:12px 0 0 0;}

div.container, div.nav, div.content, div.footer, div.rule, span.curve {width:950px}

div.footer, div.container {display:table}

div.container {
	margin-right:auto;
	margin-left:auto;
	background:url(master_bg.jpg) 0 0;
	position:relative;
}

div.nav {
	height:30px;
	margin:220px 0 0 0;
	background:url(master_bg.jpg) 0 -220px;
	position:relative;
}

div.content {
	background:#fff;
	text-align:left;
}

span.curve {
	height:25px;
	background:url(master_bg.jpg) 0 -310px;
	display:block;
}

div.footer {
	height:125px;
	background:url(master_bg.jpg) 0 -335px;
}

/*Navigation*/

.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0px;
	height: 30px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/*HOME TAB*/
.nav .home a:link, .nav .home a:visited {
	left: 104px;
	width: 87px;
}
.nav .home a:hover, .nav .home a:focus {
	background: url(master_bg.jpg) no-repeat -104px -250px;
}
.nav .home a:active {
	background: url(master_bg.jpg) no-repeat -104px -250px;
}
.current-home .home a:link, .current-home .home a:visited {
	background: url(master_bg.jpg) no-repeat -104px -280px;
	cursor: default;
}
.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 104px;
	width: 87px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -104px -250px;
}
.nav-home-click {
	background: url(master_bg.jpg) no-repeat -104px -280px;
}
/*OFFER TAB*/
.nav .offer a:link, .nav .offer a:visited {
	left: 192px;
	width: 107px;
}
.nav .offer a:hover, .nav .offer a:focus {
	background: url(master_bg.jpg) no-repeat -192px -250px;
}
.nav .offer a:active {
	background: url(master_bg.jpg) no-repeat -192px -250px;
}
.current-offer .offer a:link, .current-offer .offer a:visited {
	background: url(master_bg.jpg) no-repeat -192px -280px;
	cursor: default;
}
.nav-offer, .nav-offer-click {
	position: absolute;
	top: 0;
	left: 192px;
	width: 107px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -192px -250px;
}
.nav-offer-click {
	background: url(master_bg.jpg) no-repeat -192px -280px;
}
/*ABOUT TAB*/
.nav .about a:link, .nav .about a:visited {
	left: 299px;
	width: 97px;
}
.nav .about a:hover, .nav .about a:focus {
	background: url(master_bg.jpg) no-repeat -299px -250px;
}
.nav .about a:active {
	background: url(master_bg.jpg) no-repeat -299px -250px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(master_bg.jpg) no-repeat -299px -280px;
	cursor: default;
}
.nav-about, .nav-about-click {
	position: absolute;
	top: 0;
	left: 340px;
	width: 97px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -299px -250px;
}
.nav-about-click {
	background: url(master_bg.jpg) no-repeat -299px -280px;
}
/*GALLERY TAB*/
.nav .gallery a:link, .nav .gallery a:visited {
	left: 396px;
	width: 105px;
}
.nav .gallery a:hover, .nav .gallery a:focus {
	background: url(master_bg.jpg) no-repeat -396px -250px;
}
.nav .gallery a:active {
	background: url(master_bg.jpg) no-repeat -396px -250px;
}
.current-gallery .gallery a:link, .current-gallery .gallery a:visited {
	background: url(master_bg.jpg) no-repeat -396px -280px;
	cursor: default;
}
.nav-gallery, .nav-gallery-click {
	position: absolute;
	top: 0;
	left: 396px;
	width: 105px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -396px -250px;
}
.nav-gallery-click {
	background: url(master_bg.jpg) no-repeat -396px -280px;
}
/*PRODUCT TAB*/
.nav .product a:link, .nav .product a:visited {
	left: 501px;
	width: 112px;
}
.nav .product a:hover, .nav .product a:focus {
	background: url(master_bg.jpg) no-repeat -501px -250px;
}
.nav .product a:active {
	background: url(master_bg.jpg) no-repeat -501px -250px;
}
.current-product .product a:link, .current-product .product a:visited {
	background: url(master_bg.jpg) no-repeat -501px -280px;
	cursor: default;
}
.nav-product, .nav-product-click {
	position: absolute;
	top: 0;
	left: 501px;
	width: 112px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -501px -250px;
}
.nav-product-click {
	background: url(master_bg.jpg) no-repeat -501px -280px;
}
/*EVENTS TAB*/
.nav .event a:link, .nav .event a:visited {
	left: 613px;
	width: 61px;
}
.nav .event a:hover, .nav .event a:focus {
	background: url(master_bg.jpg) no-repeat -613px -250px;
}
.nav .event a:active {
	background: url(master_bg.jpg) no-repeat -613px -250px;
}
.current-event .event a:link, .current-event .event a:visited {
	background: url(master_bg.jpg) no-repeat -613px -280px;
	cursor: default;
}
.nav-event, .nav-event-click {
	position: absolute;
	top: 0;
	left: 613px;
	width: 61px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -613px -250px;
}
.nav-event-click {
	background: url(master_bg.jpg) no-repeat -613px -280px;
}
/*CORPORATE TAB*/
.nav .corporate a:link, .nav .corporate a:visited {
	left: 674px;
	width: 82px;
}
.nav .corporate a:hover, .nav .corporate a:focus {
	background: url(master_bg.jpg) no-repeat -674px -250px;
}
.nav .corporate a:active {
	background: url(master_bg.jpg) no-repeat -674px -250px;
}
.current-corporate .corporate a:link, .current-corporate .corporate a:visited {
	background: url(master_bg.jpg) no-repeat -674px -280px;
	cursor: default;
}
.nav-corporate, .nav-corporate-click {
	position: absolute;
	top: 0;
	left: 674px;
	width: 82px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -674px -250px;
}
.nav-corporate-click {
	background: url(master_bg.jpg) no-repeat -674px -280px;
}
/*CONTACT TAB*/
.nav .contact a:link, .nav .contact a:visited {
	left: 756px;
	width: 90px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(master_bg.jpg) no-repeat -756px -250px;
}
.nav .contact a:active {
	background: url(master_bg.jpg) no-repeat -756px -250px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(master_bg.jpg) no-repeat -756px -280px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 756px;
	width: 90px;
	height: 30px;
	background: url(master_bg.jpg) no-repeat -756px -250px;
}
.nav-contact-click {
	background: url(master_bg.jpg) no-repeat -756px -280px;
}

/*Various cols*/

div.lefCol, div.midCol, div.endCol, div.lDubCol, div.rDubCol {
	float:left;
}

div.lefCol, div.midCol, div.endCol {
	width:280px;
}

div.lDubCol, div.rDubCol {
	width:590px;
}

div.lefCol, div.midCol, div.lDubCol {margin:5px 5px 25px 25px}

div.endCol, div.rDubCol {margin:5px 0 25px 25px}
	
div.gDubCol, div.yDubCol, div.grnCol, div.yelCol, div.topBrc, div.btmBrc {height:50px}

div.grnCol, div.yelCol, div.topBrc, div.btmBrc {width:280px}

div.gDubCol, div.yDubCol {width:590px}

div.newsCol {
	width:280px;
	height:88px;
	background:url(master_page.png) -222px -5px;
}

div.grnCol {background:url(master_page.png) -1073px -93px;}

div.yelCol {background:url(master_page.png) -1073px -209px;}

div.topBrc {background:url(master_page.png) -503px -41px;}

div.btmBrc {background:url(master_page.png) -784px -41px;}

div.gDubCol {background:url(master_page.png) -482px -93px;}

div.yDubCol {background:url(master_page.png) -482px -209px;}

.grnCol h1, .yelCol h1, .gDubCol h1, .yDubCol h1 {
	color:#fff;
	padding:30px 10px;
}

div.galnav, div.galnav a {color:#fff; padding:0 10px;}
div.galnav {padding:30px 0 0 0; text-align:center; font-size:12px; line-height:1.25;}


.lefCol p, .midCol p, .endCol p, .lDubCol p, .rDubCol p, .lefCol ol, .midCol ol, .endCol ol, .lDubCol ol, .rDubCol ol {padding:10px}

.lefCol ol, .midCol ol, .endCol ol, .lDubCol ol, .rDubCol ol {margin-left:15px;}


h2, h3, h4, h5, h6 {padding:10px 10px 0 10px}

.lefCol img, midCol img, endCol img {
	width:280px;
	margin:0 0 10px 0;
}

/*Styled Buttons*/
/*grouped styles*/

.button {height:30px;}

.button a {border:none; width:240px; height:30px; display:block; text-indent: -9999px; overflow:hidden;}

input.button {height:30px; border:none; cursor:pointer; text-indent: -9999px; overflow:hidden;}

input.enter, input.submit, input.reset {width:110px}

input.vwbskt, input.addbskt, input.retbskt, input.chkout, input.recalc, input.contnu, input.clkpay, .contnu {width:240px}

.lefCol input.enter, .midCol input.enter, .endCol input.enter {margin:10px 0 0 85px;}

.lefCol input.submit, .midCol input.submit, .endCol input.submit {margin:10px 0 0 25px;}

.lefCol input.reset, midCol input.reset, endCol input.reset {margin:10px 0 0 10px;}

.lDubCol input.enter, .rDubCol input.enter {margin:10px 0 0 240px;}

.lDubCol input.submit, .rDubCol input.submit {margin:10px 0 0 180px;}

.lDubCol input.reset, .rDubCol input.reset {margin:10px 0 0 10px;}

.lefCol input.vwbskt, .midCol input.vwbskt, .endCol input.vwbskt, .lefCol input.addbskt, .midCol input.addbskt, .endCol input.addbskt, .lefCol input.retbskt, .midCol input.retbskt, .endCol input.retbskt, .lefCol input.chkout, .midCol input.chkout, .endCol input.chkout, .lefCol input.recalc, .midCol input.recalc, .endCol input.recalc, .lefCol input.contnu, .midCol input.contnu, .endCol input.contnu, .lefCol input.clkpay, .midCol input.clkpay, .endCol input.clkpay {margin:10px 0 0 20px;}

.lDubCol input.vwbskt, .rDubCol input.vwbskt, .lDubCol input.addbskt, .rDubCol input.addbskt, .lDubCol input.retbskt, .rDubCol input.retbskt, .lDubCol input.chkout, .rDubCol input.chkout, .lDubCol input.recalc, .rDubCol input.recalc, .lDubCol input.contnu, .rDubCol input.contnu, .lDubCol input.clkpay, .rDubCol input.clkpay, .lDubCol .contnu, .rDubCol .contnu {margin:10px 0 0 175px;}

/*button images for normal and hover states*/
/*narrow 110px buttons*/

input.enter {
	background:url(master_page.png) 0 0;
}

input.enter:hover {
	background:url(master_page.png) -111px 0;
}

input.submit {
	background:url(master_page.png) 0 -31px;
}

input.submit:hover {
	background:url(master_page.png) -111px -31px;
}

input.reset {
	background:url(master_page.png) 0 -62px;
}

input.reset:hover {
	background:url(master_page.png) -111px -62px;
}

/*wide 240px buttons*/

input.vwbskt {
	background:url(master_page.png) 0 -93px;
}

input.vwbskt:hover {
	background:url(master_page.png) -241px -93px
}

input.addbskt {
	background:url(master_page.png) 0 -124px;
}

input.addbskt:hover {
	background:url(master_page.png) -241px -124px
}

input.retbskt {
	background:url(master_page.png) 0 -155px;
}

input.retbskt:hover {
	background:url(master_page.png) -241px -155px
}

input.chkout {
	background:url(master_page.png) 0 -186px;
}

input.chkout:hover {
	background:url(master_page.png) -241px -186px
}

input.recalc {
	background:url(master_page.png) 0 -217px;
}

input.recalc:hover {
	background:url(master_page.png) -241px -217px
}

input.contnu, .contnu {
	background:url(master_page.png) 0 -248px;
}

input.contnu:hover, .contnu:hover {
	background:url(master_page.png) -241px -248px
}

input.clkpay {
	background:url(master_page.png) 0 -279px;
}

input.clkpay:hover {
	background:url(master_page.png) -241px -279px
}

/*Forms*/

.lefCol form p, .midCol form p, .endCol form p {width:280px;}
.lDubCol form p, .rDubCol form p {width:570px}
form p {clear:left;height:1%}
form div {border:1px solid #fff}
form label {float:left;margin:4px 10px 0 0;text-align:right;font-weight:bold}
.lefCol form label, .midCol form label, .endCol form label {width:110px}
.lDubCol form label, .rDubCol form label {width:160px;}
.lefCol form p, .midCol form p, .endCol form p {width:260px;}
.lefCol input[type=text], .midCol input[type=text], .endCol input[type=text], .lefCol input[type=password], .midCol input[type=password], .endCol input[type=password] {width:130px;border:1px solid #999}
.lDubCol input[type=text], .rDubCol input[type=text], .lDubCol input[type=password], .rDubCol input[type=password] {width:230px;border:1px solid #999}
.lDubCol textarea, rDubCol textarea {width:230px}
form.prevlist {border:1px solid #999; width:470px; margin:0 0 0 60px;}
form.prevlist select{margin:10px}
form.prevlist option, form.direct option {padding:0 5px; border-bottom: 1px dotted #ccc;}
form.prevlist input.enter {margin:10px 10px 10px 30px}
form.direct select {width:260px;}
span.access {text-decoration:underline;}


/*Other Classes*/

img.logo {
	position:absolute;
	top:60px;
	left:-450px;
	margin:0 0 0 50%;
}

img.strap {
	position:absolute;
	top:0;
	right:-500px;
	margin:0 50% 0 0;
	z-index: 10;
}

img.mapic {
	margin-left:27px;
}

.basket {
	position:absolute;
	top:180px;
	left:-450px;
	margin:0 0 0 50%;
}

.basket p, .basket h3 {
	text-align:left;
	color:#fff;
}

.basket a {color:#ffd204;}

.basket span {margin-left:10px; color:#fff;}

hr {
	display:none;
}

div.rule {
	height:1px;
	margin: -25px 0 25px 0;
	background:url(master_page.png) -403px 0;
}

.center {text-align:center}

.content p.center, .clear, .rule {clear:both}

div.paypal a {width:280px; height:80px; background:url(master_page.png) -1073px -9px; display:table;}
div.paypal p, p.red, span.red {font-weight:bold; color:#f00}
.alert {border:1px solid #5e913f; background:#deebbc;}
.alertyel {border:1px solid #e8800a; background:#f1e6c1;}
.notice {border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; color:#54842d; margin: 10px 0 0 10px; width: 240px; font-size: 15px; font-family:"Times New Roman", serif;  line-height:1.1;}
.notice a {color:#3e6022; font-size: 15px; font-family:"Times New Roman", serif; font-style: italic; font-weight:bold; line-height:1.1;}
.notice strong {color:#3e6022; font-size: 16px; font-family:"Times New Roman", serif; font-style: italic; font-weight:bold; line-height:1.1;}
p.notice sup {color:#54842d;font-family:"Times New Roman", serif; font-style: italic;font-size: 11px;vertical-align:text-top;}
p.redn, span.redn {color:#f00}


div.content object {margin:0 0 25px 0;}

/*Products*/

ul.items {padding:10px;}
ul.items li {display:block;}
ul.items li, x:-moz-any-link  {display: -moz-inline-box;}
ul.items li, x:-moz-any-link, x:default {display:block;}
ul.items li a {width:250px; height:70px; float:left; text-decoration: none; padding:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#555; background:#ddd;}
ul.items li.left a {margin-right:30px;}
ul.items li a span {font-size:10px; font-weight:normal; width:150px; float:left; margin-top:2px;}
ul.items li a span.link {font-size:10px; font-weight:normal; text-decoration:underline; color:#0099ff; margin-top:0;}
ul.items li a.classic {background:url(products.jpg) 0 0;}
ul.items li a.desktop {background:url(products.jpg) 270px 0px;}
ul.items li a.canvas {background:url(products.jpg) 0 -90px;}
ul.items li a.cd {background:url(products.jpg) 270px -90px;}
ul.items li a.montage {background:url(products.jpg) 0 -180px;}
ul.items li a.keepsake {background:url(products.jpg) 270px -180px;}
ul.items li a.acrylic {background:url(products.jpg) 0 -270px;}
ul.items li a.voucher {background:url(products.jpg) 270px -270px;}
ul.items li a.mosaic {background:url(products.jpg) 0 -360px;}

/*Gallery*/

ul.gallery {padding:10px;}
ul.gallery li {display:block;}
ul.gallery li, x:-moz-any-link  {display: -moz-inline-box;}
ul.gallery li, x:-moz-any-link, x:default {display:block;}
ul.gallery li a {width:250px; height:70px; float:left; text-decoration: none; padding:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#555;}
ul.gallery li.left a {margin-right:30px;}
ul.gallery li a span {font-size:10px; font-weight:normal; width:150px; float:left; margin-top:2px;}
ul.gallery li a span.link {font-size:10px; font-weight:normal; text-decoration:underline; color:#0099ff; margin-top:0;}
ul.gallery li a.family {background:url(gallery_tabs.jpg) 0 0;}
ul.gallery li a.baby {background:url(gallery_tabs.jpg) 270px 0px;}
ul.gallery li a.pairs {background:url(gallery_tabs.jpg) 0 -90px;}
ul.gallery li a.group {background:url(gallery_tabs.jpg) 270px -90px;}
ul.gallery li a.solo {background:url(gallery_tabs.jpg) 0 -180px;}
ul.gallery li a.cool {background:url(gallery_tabs.jpg) 270px -180px;}
ul.gallery li a.pets {background:url(gallery_tabs.jpg) 0 -270px;}

div.galwrap {
	width:580px;
	height:100%;
	margin:10px 0 10px 10px;
}

.img2 {
	margin:0 15px 10px 0;
	float:left;
	background:#000;
}

.img2 img {
	border: 1px solid #999;
	opacity:1;
	filter:alpha(opacity=100);
}

.img2 a:hover img {
	opacity:0.9;
	filter:alpha(opacity=90);
}

.detail {width:70px; float:left; font-weight:bold; text-align:right; margin-right:10px}
.address {margin-left:80px}

.hidden, .error {display:none;}

.title {
	z-index: 10;
	position:absolute;
	top:60px;
	left:50%;
	line-height:0.9;
	margin-left:-200px;
	font-size:70px;
	letter-spacing:-0.07em;
	color:#fff;
	text-shadow: 0 3px 15px #000;
}

.event-show {margin: 0 0 15px 10px}

/* ========== SITEMAP ========== */

h1.sitemap{margin:0 35px 5px 35px}

p.sitemap{margin: 0 35px 35px 35px}

ul.sitemap {
	margin:0 40px 25px 40px; 
	font-size:14px; 
	line-height: 21px; 
	list-style-type: square; 
	border-left:1px dotted #bbb; 
	padding:0 0 0 10px
}

ul.sitemap a {text-decoration:none;}

ul.sitemap ul {
	margin-left: 20px; 
	list-style-type: disc; 
	border-left:1px dotted #bbb; 
	padding:0 0 0 10px
}

ul.sitemap span {
	margin-right:5px; 
	font-size:14px;
}

ul.sitemap a:hover {
	text-decoration:underline; 
	color:#777
}