body {
font-family:Tahoma, Arial, verdana, sans-serif;
font-size:100%;
background-image:url(../images/design/bgrd.gif);
}

p {

}

h1 {
font-family:Garamond, Georgia, Times, Serif;
font-size:2em;
color:#cc6600;
margin-bottom:10px;
margin-right:20px;
text-align:right;
}
h1 span {
font-size:70%;
color:#999999;
font-style:italic;
}
h2 {
font-size:95%;
color:#cc6600;
margin:0;
}
.hide {
display:none;
}
.wrapper {
position:relative;
width: 808px;
margin:0 auto 0 auto; 
background-image:url(../images/design/wrapper_bgr2.gif);
background-position:right bottom;
background-repeat:no-repeat;
height:auto;
padding-bottom:20px;
}

/********************
*********************
INDEX
*********************
*********************/
#indexTitle {

}
#indexTitle h1, .subTitle h2 {
display:none;
} 

#indexWrapper {
background-image:url(../images/design/wrapper_bgr.gif);
height:550px;
}
#contactWrapper {
height:600px;
}
#galleryWrapper {
height:600px;
}
/*********************
**********************
NAVIGATION
**********************
*********************/
.navigation {
position:relative;
width:800px;
height:2em;
margin-bottom:15px;
border-bottom:1px solid #745c32;
background-image:url(../images/design/nav_bgr.gif);
background-repeat:repeat-x;
}

.navLinks {
position:absolute;
width:800px;
top:0;
left:10px;
z-index:5;

}
.navLinks ul {
padding:0;
margin:0;
list-style:none;
}
.navLinks li {
float: left;
height:2em;
padding-top:6px;padding-bottom:9px;
position:relative;
width:8em;
color:#ffffff;
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}



.navLinks ul li a, .navLinks ul li a:visited, .navLinks ul li a:active {
color:#ffffff;
text-decoration:none;
padding:6px 20px 9px 10px;

}
.navLinks ul li a:hover {
text-decoration:none;
background-image:url(../images/design/nav_over.gif);
background-repeat:repeat-x;
color:#745c32;
border-left:2px solid #745c32;
border-right:2px solid #745c32;

}

.indexCopy {
position:absolute;
top:100px;
left:50px;
width:230px;
font-size:80%;
font-family:"Times New Roman", Times, serif;
font-style:italic;
text-align:center;
clear:left;
}
.indexCopy p {
margin:0 0 10px 0;
}
.contactDetails {
	position:absolute;
	left:6px;
	font-size:80%;
	bottom:-30px;
	_bottom: -20px;
}
/*********************
**********************
ABOUT US
**********************
*********************/
#aboutTitle h1 {

}
.aboutCopy {
position:relative;
width:400px;
margin-left:35px;
margin-bottom:20px;

}
.aboutCopy P {
font-size:80%;
line-height:20px;
margin-bottom:5px;
}
#staff {
position:relative;
margin-left:35px;

}
#staff h3 {
font-size:100%;
color:#cc6600;
margin:0;
}
#staff ul {
font-size:80%;
margin-bottom:50px;
}
#chris {
color:#cc6600;
font-weight:bold;
}
#crafting {
width:391px;
height:108px;
margin-left:35px;
background-image:url(../images/design/crafting.gif);
background-position: 0 0;
background-repeat:no-repeat;
}
.shopThumb#poynton {
position:absolute;
width:247px;
height:161px;
right:30px;
bottom:30px;
}
.shopThumb#warrington {
position:absolute;
width:247px;
height:161px;
right:30px;
bottom:230px;
}
.shopThumb img {
padding:2px;
border:1px solid #745c32;
}
/****************************
*****************************
CONTACT FORM 
*****************************
****************************/
.contactForm {
width:450px;
font-size:90%;
color:#745c32;
margin-left:35px;
}
.contactForm table,.contactForm table td  {
border:0;
margin-top:25px;
}
.contactForm form fieldset {
border:1px solid #745c32;
padding-left:15px;
padding-bottom:15px;
}
.contactForm form fieldset legend {
font-size:110%;
margin-bottom:0;
background-image:url(../images/design/nav_bgr.gif);
border:1px solid #745c32;
border-right:3px solid #745c32;
border-left:3px solid #745c32;
padding:3px 3px 5px 3px;
color:#ffffff;
}
.contactForm form input#KT_Custom1 {
background-image:url(../images/design/nav_over.gif);
padding:5px;
}
.contactForm form input, .contactForm form textarea {
border:1px solid #745c32;
background-color:ffffff;
}
.map {
position:absolute;
width:250px;
}
.map img {
border:1px solid #745c32;
}
.map h3, .map h3 a {
color:#ffffff;
background-color:#745c32;
font-weight:normal;
padding:6px;
margin:0;
text-decoration:none;
}
.map h3 a span {font-size:60%;}
.map#poyntonMap {
top:110px;
right:30px;

}
.map#stocktonMap {
bottom:30px;
right:30px;
}
#mapaddress {
text-align:center;
font-size:80%;
}
.largeMap {
position:relative;
width:500px;
margin: 40px auto 10px auto;
border:1px solid #745c32;
}
.largeMap h2 {
font-size:110%;
background-color:#745c32;
color:#ffffff;
padding:5px;
}
.map p {
font-size:110%;
font-weight:bold;
text-align:center;
color:#745c32;
margin:3px 0 0 0;
}
#mapClick {
font-size:80%;
font-weight:normal;
}
#confirm {
width:500px;
margin-left:35px;
font-size:80%;
}
#confirm h3 {
color:#745c32;
}
/******************************
*******************************
DESIGNERS INDEX
******************************
******************************/
.designers{
width:550px;
margin:10px 0 10px 35px;
height:7em;
}
.designers p{
font-size:80%;
padding:5px;
margin-top:0;
}
#designers span, #jewellery span {
color:#745c32;
font-weight:bold;
}

.designers a {
}
.designers a:hover {
cursor:pointer;
}
.designers img {
margin:5px 20px 5px 5px;
float:left;
border:0;
}
.designer_galBrief {
position:absolute;
top:110px;
right:20px;
width:200px;
height:15em;
}
.designer_galBrief p {
clear:right;
text-align:right;
font-size:75%;
font-style:italic;
color:#745c32;
margin-top:0;
}
.designer_galBrief h2 {
text-align:right;
margin-bottom:5px;
}
.designer_galBrief img {
float:right;
}
#commissionsThumbs {
position:absolute;
top:100px;
left:-90px;
width:200px;

}
#commissions_galWrapper {
min-height:40em;
_height:40em;
}
.commissionsImage {
position:absolute;
top:130px;
left:220px;
width:400px;
height:300px;
border:1px solid #745c32;
background-color: #ffffff;
}
.commissionsImageTxt {
position:absolute;
top:379px;
left:221px;
width:399px;
height:50px;
border-top:1px dashed #cccccc;
background-color: #f9f9f9;
}
.commissionsImageTxt p {
font-size:90%;
color:#999999;
margin:0;
padding:3px;
}
.commissionsContent {
position:absolute;
top:470px;
left:220px;
width:500px;
height:150px;
border:1px dashed #cccccc;
}
.commissionsContent p {
font-size:80%;
line-height:20px;
margin-bottom:5px;
padding:3px;
}
#pandoraTitle h1 span {
font-size:70%;
color:#999999;
font-style:italic;
}
#jewelleryWrapper {
height:30em;
}
.jewellery {
float:left;
margin:100px 0 0 30px;
}
.jewellery img {
margin: 20px 0 0 0;
border:0;
}
.jewellery h3 {
margin-bottom:0;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;

color:#745c32;
}
.jewellery p {
margin-top:0;
}
#Furrer {
margin-bottom:20px;
}
#pandoraWrapper {
height:38em;
}
#pandoraTitle {

}
#pandora_1 {
margin-top:20px;
margin-left:35px;
margin-bottom:80px;
}
#pandoraP {
float:left;
width:200px;
margin-top:0;
margin-left:15px;
margin-right:20px;
font-size:80%;
}
#pandora_2 {
float:left;
}
#pandoraLink a, #pandoraLink a:active, #pandoraLink a:visited  {
display:block;
text-align:center;
border:1px solid #745c32;
background-color:#ffffff;
text-decoration:none;
color:#ffffff;
background-image:url(../images/design/nav_bgr.gif);
padding:4px;
}
#pandoraLink a:hover {
background-color:#745c32;
color:#745c32;
background-image:url(../images/design/nav_over.gif);
}
/******************************
*******************************
Gallery Thumbs
******************************
******************************/
#galleryTitle h1 {
text-align:right;
padding-right:150px;
}
#galleryTitle h1 span {
font-size:80%;
color:#999999;
}
.designerBrief {
width:200px;
position:absolute;
right:20px;
top:50px;
}
.designerBrief p {
padding-top:110px;
text-align:right;
font-size:80%;
line-height:20px;
}
.dbImage {
position:absolute;
right:0px;
top:0px;
}
.thumbs {
width:350px;
margin-left:100px;
margin-top:20px;
}
.thumbs{
font-size:75%
}
.pageTitle {

}
.thumbs table {
width:100%;
}
.thumbs table td img {
border:1px solid #745c32;
margin:10px 10px 0 10px;
}
.imageViewBgr img{
border:1px solid #cccccc;
}
.imageViewBgr table {
width:100%;
margin:10px auto;
}

.imageViewBgr {
background-color:#FFFFFF;
background-image:none;
padding:0;
margin:0;
}
.imageDetails {
position:absolute;
width:200px;
bottom:10px;
right:10px;
background-color:#e8e8e8;
border:1px dashed #cccccc;
}
.imageDetails p {
font-size:85%;
color:#666666;
margin:5px 0 5px 5px;
}
.rcrdsetNavL {
width:50%;
text-align:left;
}
.rcrdsetNavR {
width:50%;
text-align:right;
}
.rcrdsetNavL a, .rcrdsetNavL a:visited, .rcrdsetNavR a, .rcrdsetNavR a:visited  {
display:block;
width:4em;
text-align:center;
border:1px solid #745c32;
background-color:#ffffff;
text-decoration:none;
color:#ffffff;
background-image:url(../images/design/nav_bgr.gif);
font-size:130%;
padding:4px;
}
.rcrdsetNavL a {
margin-left:20px;
}
.rcrdsetNavR a {
margin-right:20px;
}
.rcrdsetNavL a:hover, .rcrdsetNavR a:hover  {
background-color:#745c32;
color:#745c32;
background-image:url(../images/design/nav_over.gif);

}
/******************************
*******************************
Image Upload
******************************
******************************/
#adminWrapper {
height:auto;
width:800px;
margin:10px auto;
background-image:none;
background-color:#FFFFFF;
border:1px solid #745c32;
}
#adminWrapper h1 {
position:relative;
margin-bottom:30px;
}
#adminEdit table {
width:500px;
}
#adminEdit {
width:500px;
margin:0 auto;
}
#adminEdit table td {
border:1px solid #cccccc;
}
#adminThumbs {
position:relative;
margin-left:15px;
}
#adminThumbs table {
border: 1px solid #745c32;
background-color:#CCCCCC;
}
#adminThumbs table td {
background-color:#ffffff;
}

#adminThumbs table td img {
border:1px solid #745c32;
}
#adminNavigation {

position:relative;
height:2em;
margin-bottom:15px;
border-bottom:1px solid #745c32;
background-image:url(../images/design/nav_bgr.gif);
background-repeat:repeat-x;
}
#adminnavLinks {
width:900px;
}
.uploadForm {
margin:10px;
font-size:80%;
border:1px solid #745c32;
background-color:#CCCCCC;

}
#login {
width:90%;
margin:10px auto;
background-color:#cccccc;
border:1px solid #999999;
padding:10px;
}