/*-------------------------------*
 *     GENERAL LAYOUT            *
 *-------------------------------*/

body
{
	padding:0;
	margin:0;
	font-family:sans-serif;
	background:url('../images/main-background.jpg') 50% -70px no-repeat #92776f;
}

#container
{
	position:relative;
	width:964px;
	height:678px;
	padding-top:20px;
	margin:0 auto;
	background:url('../images/main-background.jpg') 50% -70px no-repeat;
}

#container h1
{
	position:absolute;
	right:18px;
	top:55px;
	margin:0;
}

#container h1 img
{
	vertical-align:bottom;
}

#container h2
{
	font-family:"Bauhaus 93", sans-serif;
	margin:0 0 20px 0;
	font-size:4em;
	line-height:1em;
	text-transform:lowercase;
	width:427px;
	color:#fff;
	padding:0;
}

#container h2.pink
{
	color:#ffd1c3;
}

#container h2.gallery-artist
{
	width:480px !important;
}

#content
{
	width:450px;
	margin:0;
	padding:0 23px 0 0;
}

#content a
{
	color:#fff;
}


/*-------------------------------*
 *     MAIN NAVIGATION           *
 *-------------------------------*/

#navigation
{
	position:absolute;
	width:425px;
	height:235px;
	left:50%;
	top:190px;
	/*background:url('../images/buttons-all.gif') 10px 0 no-repeat;*/
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li
{
	position:absolute;
}

#navigation li a
{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:0 0;
}

#navigation li a:hover
{
	background-position:0 100%;
}

#navigation li a span
{
	display:none;
}

#navigation li.home
{
	display:none;
}

#navigation li.gallery
{
	top:12px;
	left:10px;
	width:82px;
	height:100px;
}
#navigation li.gallery a {background-image:url('../images/button-gallery.gif');}

#navigation li.image-to-canvas
{
	top:0px;
	left:139px;
	width:82px;
	height:96px;
}
#navigation li.image-to-canvas a {background-image:url('../images/button-image-to-canvas.gif');}

#navigation li.how-to-order
{
	top:132px;
	left:11px;
	width:82px;
	height:103px;
}
#navigation li.how-to-order a {background-image:url('../images/button-how-to-order.gif');}

#navigation li.our-shop
{
	display:none;
	
	top:113px;
	left:138px;
	width:80px;
	height:99px;
}
#navigation li.our-shop a {background-image:url('../images/button-our-shop.gif');}

#navigation li.commercial-projects
{
	top:30px;
	left:311px;
	width:114px;
	height:81px;
}
#navigation li.commercial-projects a {background:url('../images/button-commercial-projects.gif') no-repeat 100% 0;}
#navigation li.commercial-projects a:hover {background-position:100% 100%;}


/*-------------------------------*
 *     ADDRESS                   *
 *-------------------------------*/

#address
{
	font-family:"Bauhaus 93", "Arial Black", sans-serif;
	text-align:right;
	position:absolute;
	line-height:1em;
	right:260px;
	top:160px;
	font-size:1.5em;
	margin-top:-3em;
	color:#ffd1c3;
	text-transform:lowercase;
}

#address .tel
{
	font-family:"Arial Black", sans-serif;
}

#address .postal-code
{
	text-transform:uppercase;
}

#address a
{
	text-decoration:none;
	color:#ffd1c3;
}

/*-------------------------------*
 *     SPLASH PAGE               *
 *-------------------------------*/

body.splash
{
	overflow:hidden;
	background:url('../images/splash-background.jpg') 50% -70px no-repeat #ba9b96;
}

body.splash *
{
	cursor:default;
}
body.splash a
{
	cursor:pointer;
}

body.splash #container
{
	background:none;
}

body.splash #splash-link
{
	position:absolute;
	width:675px;
	height:549px;
	left:243px;
	top:-58px;
	padding:0 0 100px 0;
	background:url('../images/splash-link-hover.gif') 0 43px no-repeat;
}

body.splash #splash-link:link,
body.splash #splash-link:visited
{
	background:url('../images/splash-link.gif') 0 196px no-repeat;
}

body.splash #splash-link:hover
{
	background:url('../images/splash-link-hover.gif') 0 43px no-repeat;
}

body.splash #splash-link span
{
	display:none;
}

/*-------------------------------*
 *     WIDE PAGE                 *
 *-------------------------------*/
 
body.wide,
body.wide #container
{
 	background-image:url('../images/wide-background.jpg');
}
 
body.wide #navigation,
body.gallery #navigation
{
 	/*background:url('../images/buttons-wide-all.gif') no-repeat 0 0;*/
 	width:181px;
 	height:99px;
 	left:795px;
	top:205px;
}
 
body.wide #navigation li.home,
body.gallery #navigation li.home
{
	display:block;
	top:1px;
	left:97px;
	width:84px;
	height:98px;
}
body.wide #navigation li.home a, body.gallery #navigation li.home a {background:url('../images/button-wide-home.gif') no-repeat 100% 0;}
body.wide #navigation li.home a:hover, body.gallery #navigation li.home a:hover {background-position:100% 100%;}

body.wide #navigation li.back,
body.gallery #navigation li.back
{
	top:0px;
	left:0px;
	width:79px;
	height:92px;
}
body.wide #navigation li.back a, body.gallery #navigation li.back a {background:url('../images/button-wide-back.gif') no-repeat 100% 0;}
body.wide #navigation li.back a:hover, body.gallery #navigation li.back a:hover {background-position:100% 100%;}

body.wide #container h2,
body.gallery #container h2
{
	width:600px;
	padding-right:100px;
	color:#ffd1c3;
}


/*-------------------------------*
 *     MAIN CONTENT STYLE        *
 *-------------------------------*/

#content p
{
	margin:0 0 1em 0;
}


/*-------------------------------*
 *     COMMERCIAL SPECIFIC       *
 *-------------------------------*/
 
#content p.commercial-coming-soon
{
	font-family:"Bauhaus 93", sans-serif;
	margin:100px 0 0 0;
	color:#ffd1c3;
	font-weight:bold;
	font-size:3em;
}


/*-------------------------------*
 *     GALLERY LIST SPECIFIC     *
 *-------------------------------*/

#gallery-list
{
	font-family:"Bauhaus 93", sans-serif;
	line-height:1em;
	text-transform:lowercase;
	font-size:3em;
	margin:0;
	padding:0 0 0 65px;
	list-style:none;
	
	width:600px;
	height:450px;
	overflow:auto;
	position:relative;
}

#gallery-list li
{
	clear:left;
	background:url('../images/gallery-list-background.gif') 100% 50% no-repeat;
	text-align:right;
	display:block;
	width:530px;
	padding:0 10px;
	position:relative;
}

#gallery-list a
{
	text-decoration:none;
	font-weight:bold;
	float:left;
}

#gallery-list li img
{
	border:none;
	vertical-align:baseline;
	width:32px;
	height:32px;
}

#gallery-list li.row0 a
{
	color:#ffd1c3;
}

#gallery-list li.row1 a
{
	color:#ffffff;
}


/*-------------------------------*
 *     GALLERY SPECIFIC          *
 *-------------------------------*/

body.gallery,
body.gallery #container
{
 	background-image:url('../images/gallery-background.jpg');
}

body.gallery #page-navigation
{
	padding-top:252px;
}

body.gallery #page-navigation-sections
{
	padding-top:160px;
}

#gallery-sections
{
	position:absolute;
	width:720px;
	height:150px;
	margin:0;
	overflow:auto;	
}

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

#gallery-sections li
{
	position:relative;
	display:block;
	float:left;
	margin:0 10px 0 0;
}

#gallery-sections li a
{
	position:relative;
	text-decoration:none;
}

#gallery-sections li a img
{
	border:none;
}

#gallery-sections li a .section-name 
{
	display:block;
	position:absolute;
	line-height:1em;
	bottom:10px;
	right:10px;
	font-size:1em;
	font-family:'Bauhaus 93', sans-serif;
	font-weight:bold;
	color:#ffd1c3;
	text-transform:lowercase;
	z-index:50;
}

#gallery-thumbnails-container
{
	position:absolute;
	width:720px;
	height:242px;
	margin:0;
	overflow:hidden;
}

#gallery-thumbnails-container ul
{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	height:242px;
	width:auto;
}

#gallery-thumbnails-container ul li
{
	height:242px;
	width:172px;
	margin:0 10px 0 0;
	line-height:242px;
	vertical-align:middle;
	text-align:center;
	display:block;
	float:left;
	position:absolute;
	top:0;
	left:auto;
}

#gallery-thumbnails-container img
{
	vertical-align:top;
}

#gallery-thumbnails-container ul li div.image
{
	position:relative;
	margin:auto;
}

#gallery-thumbnails-container ul li .caption-right,
#gallery-thumbnails-container ul li .caption-left
{
	position:absolute;
	bottom:10px;
	right:10px;
	color:pink;
	font-weight:bold;
	line-height:1em;
}

#gallery-thumbnails-container ul li .caption-left
{
	right:auto;
	left:10px;
}

#gallery-thumbnails-container ul li a img
{
	vertical-align:top;
	border:none;
}

#gallery-prices
{
	position:absolute;
	width:720px;
	height:242px;
	margin:0;
	overflow:auto;
}

#gallery-prices table
{
	border-collapse:collapse;
	float:left;
	margin:0 10px 0 5px;
}

#gallery-prices table td
{
	border-width:1px;
	border-style:solid;
}

#gallery-current-page,
#gallery-current-page-prices
{
	font-family:"Bauhaus 93", sans-serif;
	line-height:1em;
	position:absolute;
	margin:0;
	padding:0;
	top:20px;
	right:370px;
	color:#fff;
	font-weight:bold;
	font-size:4em;
}

#gallery-current-page-prices
{
	right:245px;
}

#gallery-current-page a,
#gallery-current-page-prices a
{
	color:#303342;
	text-decoration:none;
	font-weight:bold;
}

#gallery-description-sections,
#gallery-description
{
	margin:10px 0;
	width:720px;
	height:150px;
	overflow:auto;
}

#gallery-description-sections p,
#gallery-description p
{
	margin:0 0 1em 0;
}

.gallery-buttons
{
	position:absolute;
	background:red;
	width:auto;
	height:auto;
	margin:0;
	top:32px;
	right:258px;
}

.gallery-price-buttons
{
	text-align:center;
	margin-left:30px;
	width:720px;
}

.gallery-buttons a img,
.gallery-price-buttons a img
{
	border:none;
	vertical-align:bottom;
}


/*-------------------------------*
 *     SHOP PAGE SPECIFIC        *
 *-------------------------------*/
 
body.wide #container h2.shop-title
{
	color:#fff;
}

body.wide #shop-content
{
	color:#fff;
	padding:0 200px 409px 0;
	background:url('../images/shop-photos.gif') no-repeat 0 100%;
	position:relative;
	width:536px;
	font-size:0.8em;
}

body.wide #shop-location-link
{
	position:absolute;
	display:block;
	left:30px;
	bottom:300px;
	width:125px;
	height:80px;
	background:url('../images/shop-location.gif') no-repeat 50% 50%;
}

body.wide #shop-location-link span
{
	display:none;
}

/*-------------------------------*
 *     LOCATION PAGE SPECIFIC    *
 *-------------------------------*/

#location-content
{
	margin-top:20px;
}

#location-multimap-link
{
	position:absolute;
	display:block;
	width:166px;
	height:35px;
	background:url('../images/location-multimap.gif') no-repeat 50% 50%;
	right:520px;
	top:530px;
}

#location-back-link
{
	position:absolute;
	display:block;
	width:69px;
	height:33px;
	background:url('../images/location-back.gif') no-repeat 50% 50%;
	right:520px;
	top:575px;
}

#location-back-link span,
#location-multimap-link span
{
	display:none;
}

/*-------------------------------*
 *     COMMERCIAL PAGE           *
 *-------------------------------*/

body.commercial #navigation li.commercial-projects
{
	display:none;
}

body.commercial #navigation li.home
{
	display:block;
	top:30px;
	left:311px;
	width:114px;
	height:81px;
}
body.commercial #navigation li.home a {background:url('../images/button-commercial-projects-home.gif') no-repeat 100% 0;}
body.commercial #navigation li.home a:hover {background-position:100% 100%;}

/*-------------------------------*
 *     ORDER SPECIFIC            *
 *-------------------------------*/

body.canvas,
body.canvas #container,
body.order,
body.order #container
{
	background-image:url('../images/order-background.jpg');
}

body.order #content
{
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	height:410px;
	overflow:auto;
	margin-top:40px;
}

body.canvas #container h2,
body.order #container h2
{
	font-size:3em;
}

body.canvas #container h2 a,
body.order #container h2 a
{
	color:#303342;
	text-decoration:none;
}

#content p.order-copy-footer
{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}

#content a.upload-link
{
	display:block;
	width:96px;
	height:62px;
	background:url('../images/order-upload.gif') 50% 50% no-repeat;
	margin:0 auto;
}
#content a.upload-link span
{
	display:none;
}

body.order #navigation li.how-to-order
{
	display:none;
}

body.order #navigation li.home
{
	display:block;
	top:132px;
	left:11px;
	width:82px;
	height:103px;
}
#navigation li.home a {background-image:url('../images/button-how-to-order-home.gif');}

body.order #page-navigation
{
	width:427px;
}


/*-------------------------------*
 *     CANVAS SPECIFIC           *
 *-------------------------------*/

body.canvas #content
{
	height:565px;
}

body.canvas #navigation li.image-to-canvas
{
	display:none;
}

body.canvas #navigation li.home
{
	display:block;
	top:0px;
	left:139px;
	width:82px;
	height:96px;
}
body.canvas #navigation li.home a {background-image:url('../images/button-image-to-canvas-home.gif');}

body.canvas #container h2
{
	font-size:2.5em;
}
 
body.canvas #container #content
{
	font-size:0.8em;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
}

body.canvas .beforeandafter
{
	float:left;
	clear:left;
	margin:0 10px 10px 0;
}

body.canvas p.beforeandafter-caption
{
	margin:0;
	padding:40px 0 0 0;
	float:left;
	vertical-align:middle;
}

body.canvas p.frame-images
{
	text-align:center;
	width:450px;
}

body.canvas p.montage-images img
{
	margin:0 0 10px 0;
}

body.canvas #page-navigation
{
	text-align:left;
	margin:-20px 0 10px 0;
}


/*-------------------------------*
 *     UPLOAD SPECIFIC           *
 *-------------------------------*/

body.upload,
body.upload #container
{
	background-image:url('../images/upload-background.jpg');
}

form.order-image-upload
{
	text-align:center;
	margin:20px 0 0 0;
}

form.order-image-upload-mixed
{
	margin:0 20px 50px 20px;
	color:#fff;
}

form.order-image-upload fieldset,
form.order-image-upload-mixed fieldset
{
	border:none;
	margin:0;
	padding:0;
}

form.order-image-upload input,
form.order-image-upload label,
form.order-image-upload-mixed input,
form.order-image-upload-mixed label
{
	margin:0 0 3px 0;
}

#order-image-upload-buttons
{
	margin:50px 0 0 0;
}

#order-image-upload-buttons img
{
	display:block;
	margin:0 auto 3px auto;
	cursor:pointer;
}

#content p.upload-message-good,
#content p.upload-message-bad,
#content p.upload-message-mixed
{
	text-transform:lowercase;
	margin:50px 0;
	font-size:3em;
	font-weight:bold;
	color:#1f110a;
}

#content p.upload-message-good
{
	color:#ffd1c3;
}

#content form.upload-form-good
{
	margin:0 20px 50px 20px;
	color:#fff;
}

#content form.upload-form-good ul
{
	list-style:none;
	margin:1em 0 0 0;
	padding:0;
}

#content p.upload-instructions-good
{
	text-transform:lowercase;
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
}

#content p.upload-instructions-good a
{
	color:#fff;
}

#content p.upload-instructions-bad
{
	color:#fff;
	font-weight:bold;
	margin:0 0 50px 0;
}

#content a.upload-back
{
	display:block;
	width:197px;
	height:53px;
	background:url('../images/upload-back.gif');
	margin:auto;
}

#content a.upload-back span
{
	display:none;
}


/*-------------------------------*
 *     MISC CLASSES              *
 *-------------------------------*/

.hidden,
.accessibility
{
	display:none;
}

.centre
{
	text-align:center;
}

table.prices
{
	color:#000;
	border-collapse:collapse;
	margin:0 auto 20px auto;
}

table.prices th, 
table.prices td
{
	padding:2px 5px;
	background:#e2d4c7;
	border:2px solid #000;
	text-align:left;
	font-weight:normal;
}

table.prices th
{
	text-transform:lowercase;
	text-align:center;
}

table.prices th.right, 
table.prices td.right
{
	text-align:right;
}

table.prices tr.table-header th
{
	font-weight:bold;
	background:#ffd1c3;
	text-transform:lowercase;
	text-align:right;
}

#page-navigation
{
	text-align:center;
	margin:10px 0 0 0;
	width:720px;
	height:38px;
	line-height:38px;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.5em;
}

#page-navigation a img
{
	border:none;
	vertical-align:middle;
}

#page-navigation a
{
	color:white;
	text-decoration:none;
}

#page-navigation a.selected
{
	color:#303342;
}