@import url(color.css);
@import url(type.css);



/*NORMALISATION xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

table
{border-collapse:separate; border-spacing:0; border:0; cellpadding:0; cellspacing:0}




fieldset,img
{border:0}


caption,th
{text-align:left;}


/*LAYOUT xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

html {
text-align:center;
}

body {
position:relative;
width:970px;
height:690px;
margin:0 auto;
text-align:left;
border-style:solid;
border-width:1px;
border-color:#333333;
}






body#about_work{
height:820px
}

body#about_interview{
height:1780px;
}

body#contact{
height:720px;
}



body#gallery1{
height:8100px;
}

body#gallery2{
height:4800px;
}

body#gallery3{
height:5550px;
}

body#shop{
height:4700px;
}


div{
position:absolute;
}


div#branding_enter{
width:200px;
left:400px;
top:100px;
text-align:center;
}


div#branding_home {
width:100px;
height:100px;
left:295px;
top:0px;
}

div#branding, div#branding_shop{
left:27px;
top:-1px;
}



div#site_info {
left:0px;
bottom:-7px;
width:960px;
}

div#copyright{
left:27%;
width:45%;
}


div#headspace_link{
left:80%;
width:20%;
}


div#flash_link{
left:0px;
width:20%;
}


div#nav_sitewide {
top:40px;
right:0px;
text-align:right;
}


div#nav_page_specific{
top:140px;
left:25px;
}

div#nav_page_specific_gallery{
top:140px;
right:223px;
}

div#single_line_heading{
top:174px;
left:63px;
margin-bottom:0px;
}


div#ordering_delivery_heading{
position:absolute;
top:-50px;
width:405px;
left:23px;
}


div#content_main{
top:240px;
left:40px;
width:530px;
padding:25px;
padding-top:15px;
}

div#content_main_single{
top:220px;
left:40px;
width:530px;
padding:25px;
}

div#ordering_delivery_panel{
margin-top:60px;
left:0px;
width:850px;
padding:25px;
}


div#shop_tables{
top:450px;
left:40px;
width:900px;
}


div#content_main_gallery{
top:280px;
left:40px;
width:650px;
padding:25px;
padding-top:15px;
}

div#gallery_pics{
top:430px;
left:50px;
width:650px;
padding:25px;
}


a.home>img{
position:absolute;
}



a.home>img#the_gallery{
top:200px;
left:210px;
}


a.home>img#about_jane{
top:280px;
left:160px;
}


a.home>img#other_products{
top:360px;
left:130px;
}


a.home>img#contact_jane{
top:440px;
left:150px;
}


a.home>img#links{
top:525px;
left:205px;
}

a.home>img#shop{
top:595px;
left:260px;
}





div#content_main > img{
float:left;
}

div#content_main >  img.product{
margin-right:20px;
margin-bottom:100px;
}

th.picture{
width:200px;
}

th.title{
width:160px;
}


th{
width:120px;
}


td img{
width:80px;
}


td img:hover{
height:140px;
width:140px;
}



table.shop{
width:100%;
margin-bottom:40px;
}


table#contact_form{
margin-bottom:20px;
}


table#contact_form{
position:relative;
left:20px;
top:20px;
width:98%;
}

table#contact_form tr {
height:35px;
}


img.gallery_item{
position:absolute;
left:0px;
}



img.icon{
float:left;
margin-right:3px;
height:20px;
width:20px;
}

div.gallery {
position:relative;
padding-left:240px;
min-height:220px;
margin-top:30px;
padding-bottom:10px;
}





img#buy_button{
position:absolute;
right:20px;
bottom:20px;
}



img#paypal_intro{
position:relative;
left:272px;
bottom:39px;
}

input.paypal{
position:relative;
left:20px;
}




/*CORNERS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


div.topright_cnr, div.btmright_cnr, div.topleft_cnr, div.btmleft_cnr{
position:absolute;
z-index:5;
background-image:url(../images/corners.png);
width:20px;
height:20px;
background-repeat:no-repeat;
}

div.topright_cnr{
top:0px;
right:0px;
background-position:top right;

}


div.btmright_cnr{
bottom:0px;
right:0px;
background-position:bottom right;

}

div.topleft_cnr{
top:0px;
left:0px;
background-position:top left;

}

div.btmleft_cnr{
left:0px;
bottom:0px;
background-position: bottom left;

}