/*
CSS for DIYC site
*/

body {
text-align: left;
font-family: Georgia, sans-serif;
font-size: 76%;
letter-spacing: o.1em;
line-height: 170%;
}

/* The containing box for the collection gallery. */ 
#container { 
position:relative; 
width:1080px; 
height:480px; 
margin:4px auto 0 auto; 
border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */ 
#container ul { 
padding:0; 
margin:0; 
list-style-type:none; 
}

/* Remove the images from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:4px 1px 4px 1px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url("gallery/gallerybigpleatedskirtthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slideb {
    background:url("gallery/galleryblackelasticthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidec {
    background:url("gallery/gallerycyanshrugthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slided {
    background:url("gallery/gallerygreybaggiesthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidee {
    background:url("gallery/galleryblackkaftanthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidef {
    background:url("gallery/gallerycyantulipthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slideg {
    background:url("gallery/gallerypleatedskirtshinythumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slideh {
    background:url("gallery/galleryrobotskirtthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidei {
    background:url("gallery/galleryjangreyhoodythumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidej {
    background:url("gallery/galleryelasticcheckthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidek {
    background:url("gallery/gallerygreenjumpsuitthumb.jpg");
    height:145px;
    width:90px;
    }

#container a.slidel {
    background:url("gallery/gallerycyanwrapthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidem {
    background:url("gallery/galleryafricancloakthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.sliden {
    background:url("gallery/galleryblackjumpsuitthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slideo {
    background:url("gallery/galleryblackpleatedskirtthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slidep {
    background:url("gallery/gallerycyangrecianthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slideq {
    background:url("gallery/galleryetheshambaggiesthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slider {
    background:url("gallery/gallerylaublackcloakthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slides {
    background:url("gallery/gallerygreyelastic.jpg");
    height:145px;
    width:90px;
    }
#container a.slidet {
    background:url("gallery/gallerylongblackelasticthumb.jpg");
    height:145px;
    width:90px;
    }
#container a.slideu {
    background:url("gallery/gallerysimplecyanthumb.jpg");
    height:145px;
    width:90px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:700px;
    height:435px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:5px;
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position: right;
    width:320px;
    height:480px;
    top:2px;
    right:10px;
    color:#000;
    background:#fff;
    }

#container {
    background:#fff url("gallery/DIYCnow.jpg") 75px 10px no-repeat;
    }


/* The containing box for the beautyisinthestreet gallery. */ 
#beautyisinthestreetcontainer { 
position:relative; 
width:1100px; 
height:480px; 
margin:1px auto 0 auto; 
border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */ 
#beautyisinthestreetcontainer ul { 
padding:0; 
margin:0; 
list-style-type:none; 
}

/* Remove the big images from sight */
#beautyisinthestreetcontainer a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    }

/* Adding the thumbnail images */
#beautyisinthestreetcontainer a.gallery, #beautyisinthestreetcontainer a.gallery:visited {
    display:block;
    text-decoration:none;
    border:1px solid #000;
    margin:22px 2px 22px 2px;
    cursor:default;
    }
#beautyisinthestreetcontainer a.slidea {
    background:url("gallery/daniellecomputerthumb.jpg");
    height:189px;
    width:192px;
    }
#beautyisinthestreetcontainer a.slideb {
    background:url("gallery/daniellebrickthumb.jpg");
    height:189px;
    width:192px;
    }
#beautyisinthestreetcontainer a.slidec {
    background:url("gallery/daniellepapertrailthumb.jpg");
    height:189px;
    width:192px;
    }
#beautyisinthestreetcontainer a.slided {
    background:url("gallery/danielletubethumb.jpg");
    height:189px;
    width:192px;
    }
#beautyisinthestreetcontainer a.slidee {
    background:url("gallery/danielletvthumb.jpg");
    height:189px;
    width:192px;
    }
#beautyisinthestreetcontainer a.slidef {
    background:url("gallery/daniellemirrorthumb.jpg");
    height:189px;
    width:192px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#beautyisinthestreetcontainer ul {
    width:600px;
    height:400px;
    }
#beautyisinthestreetcontainer li {
    float:left;
    }

/* move the thumbnails into the correct position */
#beautyisinthestreetcontainer ul {
    margin:2px;
    float:right;
    }

/* change the thumbnail border color */
#beautyisinthestreetcontainer a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#beautyisinthestreetcontainer a.gallery:hover span {
    position: right;
    width:482px;
    height:480px;
    top:2px;
    right:10px;
    color:#000;
    background:#fff;
    }

#beautyisinthestreetcontainer {
    background: url("gallery/DIYCnow.jpg") 75px 10px no-repeat;
    }


/* The containing box for the forestspirit gallery. */ 
#forestspiritcontainer { 
position:relative; 
width:1100px; 
height:480px; 
margin:1px auto 0 auto; 
border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */ 
#forestspiritcontainer ul { 
padding:0; 
margin:0;
list-style-type:none; 
}

/* Remove the big images from sight */
#forestspiritcontainer a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:none;
    }

/* Adding the thumbnail images */
#forestspiritcontainer a.gallery, #forestspiritcontainer a.gallery:visited {
    display:block;
    color:none;
    text-decoration:none;
    border:1px solid #000;
    margin:22px 2px 22px 2px;
    cursor:default;
    }
#forestspiritcontainer a.slidea {
    background:url("gallery/angelainatreethumb.jpg");
    height:189px;
    width:192px;
    }
#forestspiritcontainer a.slideb {
    background:url("gallery/angelacloseupthumb.jpg");
    height:189px;
    width:190px;
    }
#forestspiritcontainer a.slidec {
    background:url("gallery/angelawalkingthroughagladethumb.jpg");
    height:189px;
    width:192px;
    }
#forestspiritcontainer a.slided {
    background:url("gallery/angelaleafcrownthumb.jpg");
    height:189px;
    width:192px;
    }
#forestspiritcontainer a.slidee {
    background:url("gallery/angelaflingstopthumb.jpg");
    height:189px;
    width:192px;
    }
#forestspiritcontainer a.slidef {
    background:url("gallery/angelalaughsthumb.jpg");
    height:189px;
    width:192px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#forestspiritcontainer ul {
    width:600px;
    height:400px;
    }
#forestspiritcontainer li {
    float:left;
    }

/* move the thumbnails into the correct position */
#forestspiritcontainer ul {
    margin:2px;
    float:right;
    }

/* change the thumbnail border color */
#forestspiritcontainer a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#forestspiritcontainer a.gallery:hover span {
    position: right;
    width:482px;
    height:480px;
    top:2px;
    right:10px;
    color:#000;
    background:#fff;
    }
#forestspiritcontainer {
    background: url("gallery/DIYCnow.jpg") 75px 10px no-repeat;
    }

/* The containing box for the diyctribe gallery. */ 
#diyctribecontainer { 
position:relative; 
width:1050px; 
height:480px; 
margin:1px auto 0 auto; 
border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */ 
#diyctribecontainer ul { 
padding:0; 
margin:0; 
list-style-type:none; 
}

/* Remove the big images from sight */
#diyctribecontainer a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:none;
    }

/* Adding the thumbnail images */
#diyctribecontainer a.gallery, #diyctribecontainer a.gallery:visited {
    display:block;
    color:none;
    text-decoration:none;
    border:1px solid #000;
    margin:22px 2px 22px 2px;
    cursor:default;
    }
#diyctribecontainer a.slidea {
    background:url("gallery/angeladaniellealexthumb.jpg");
    height:190px;
    width:127px;
margin-right:38px;
    }
#diyctribecontainer a.slideb {
    background:url("gallery/tentgangthumb.jpg");
    height:190px;
    width:157px;
margin-right: 38px;
    }
#diyctribecontainer a.slidec {
    background:url("gallery/stellaandjasiekthumb.jpg");
    height:190px;
    width:170px;
    }
#diyctribecontainer a.slided {
    background:url("gallery/stairwellgroupthumb.jpg");
    height:190px;
    width:249px;
    }
#diyctribecontainer a.slidee {
    background:url("gallery/stellaandflagsthumb.jpg");
    height:190px;
    width:286px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#diyctribecontainer ul {
    width:600px;
    height:400px;
    }
#diyctribecontainer li {
    float:left;
    }

/* move the thumbnails into the correct position */
#diyctribecontainer ul {
    margin:2px;
    float:right;
    }

/* change the thumbnail border color */
#diyctribecontainer a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#diyctribecontainer a.gallery:hover span {
    position: right;
    width:430px;
    height:480px;
    top:2px;
    right:10px;
    color:#000;
    background:#fff;
    }
#diyctribecontainer {
    background: url("gallery/DIYCnow.jpg") 75px 10px no-repeat;
    }


/* The containing box for the cloak gallery. */ 
#cloakpossibilitiescontainer { 
position:relative; 
width:900px; 
height:510px; 
margin:1px auto 0 auto; 
border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */ 
#cloakpossibilitiescontainer ul { 
padding:0; 
margin:0; 
list-style-type:none; 
}

/* Remove the big images from sight */
#cloakpossibilitiescontainer a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    }

/* Adding the thumbnail images */
#cloakpossibilitiescontainer a.gallery, #cloakpossibilitiescontainer a.gallery:visited {
    display:block;
    text-decoration:none;
    border:1px solid #000;
    margin:10px 10px 10px 10px;
    cursor:default;
    }
#cloakpossibilitiescontainer a.slidea {
    background:url("gallery/palecapethumb.jpg");
    height:220px;
    width:124px;
    }
#cloakpossibilitiescontainer a.slideb {
    background:url("gallery/cloakcheckthumb.jpg");
    height:220px;
    width:124px;
    }
#cloakpossibilitiescontainer a.slidec {
    background:url("gallery/cloakmaroonthumb.jpg");
    height:220px;
    width:124px;
    }
#cloakpossibilitiescontainer a.slided {
    background:url("gallery/cloakstella.jpg");
    height:220px;
    width:124px;
    }
#cloakpossibilitiescontainer a.slidee {
    background:url("gallery/cloakafricanthumb.jpg");
    height:220px;
    width:124px;
    }
#cloakpossibilitiescontainer a.slidef {
    background:url("gallery/cloakyellowthumb.jpg");
    height:220px;
    width:124px;
    }

#cloakpossibilitiescontainer a.slideg {
    background:url("gallery/cloakkettivythumb.jpg");
    height:220px;
    width:124px;
    }
#cloakpossibilitiescontainer a.slideh {
    background:url("gallery/cloakjanthumb.jpg");
    height:220px;
    width:124px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#cloakpossibilitiescontainer ul {
    width:650px;
    height:500px;
    }
#cloakpossibilitiescontainer li {
    float:right;
    }

/* move the thumbnails into the correct position */
#cloakpossibilitiescontainer ul {
    margin:10px;
    float:right;
    }

/* change the thumbnail border color */
#cloakpossibilitiescontainer a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#cloakpossibilitiescontainer a.gallery:hover span {
    position: right;
    width:300px;
    height:500px;
    top:2px;
    right:10px;
    color:#000;
    background:#fff;
    }


.nudged {
position: relative;
top: 80px;
}


li {
font-size: small;
list-style-type: none;
}

p {
font-family: georgia, sans-serif
font-size: small;
font-weight: light;
color: black;
}

h1, h2, h3 {
font-family: sans-serif;
background-color: none;
color: white;
}

h1.technique-six {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diylogo.jpg") no-repeat;
overflow: hidden;
}

h1.technique-seven {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diyfabric.jpg") no-repeat;
overflow: hidden;
}

h1.technique-eight {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diycontact.jpg") no-repeat;
overflow: hidden;
}

h1.technique-nine {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diyhowto.jpg") no-repeat;
overflow: hidden;
}

h1.technique-ten {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diypress.jpg") no-repeat;
overflow: hidden;
}

h1.technique-eleven {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diyshop.jpg") no-repeat;
overflow: hidden;
}


h1.technique-twelve {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diyclothes.jpg") no-repeat;
overflow: hidden;
}

h1.technique-thirteen {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diyphotos.jpg") no-repeat;
overflow: hidden;
}

h1.technique-fourteen {
width: 354px;
padding-top: 105px;
height: 0;
background: url("diylinks.jpg") no-repeat;
overflow: hidden;
}

h1.technique-fifteen {
width: 354px;
padding-top: 105px;
height: 0;
background: url("gallery/diybooks.jpg") no-repeat;
overflow: hidden;
}

/*trying to stop the text stretching all the way across the page*/
.squashtext {
width: 80%;
}


/* code below this point deals with positioning Rosie, using absolute positioning - fixed y and z coordinates measured from the top left corner of the browser's content display
*/

#navigation, #bodycontent {
position: absolute;
}

#bodycontent {
top: 150px;
}

#bodycontent {
left: 200px;
}

#navigation {
top: 135px;
}

#columnone {
float: left;
width: 520px;
}

#columntwo {
float: left;
width: 660px;
}

#contentleft {
position: absolute;
left:0px;
top:0px;
width:300px;
background:#fff;
border:none;
}

#contentcenter {
position: absolute;
left: 335px;
top:0px;
width:300px;
background:#fff;
border:none;
	}


#contentright {
position: absolute;
left: 670px;
top:10px;
width:300px;
background:#fff;
border:none;
	}

 

/*the code below deals with the images on the shoots page which act as links*/


.leftimage {
float: left;
width: 280px;
height: 276px;
margin-left: 0px;
margin-top: 60px;
margin-bottom: 5px;
margin-right: 10px;
display:inline;
}

.leftimage p {
font-size: 8pt;
font-weight: light;
line-height: 1em;
margin-top: 0;
width: 280px;
}

.middleimage {
float: left;
width: 280px;
height: 276px;
margin-left: 40px;
margin-top: 60px;
margin-bottom: 5px;
margin-right: 10px;
display:inline;
}

.middleimage p {
font-size: 8pt;
font-weight: light;
line-height: 1em;
margin-top: 0;
width: 280px;
}

.rightimage {
float: left;
width: 280px;
height: 276px;
margin-left: 40px;
margin-top: 60px;
margin-bottom: 5px;
margin-right: 10px;
display:inline;
}

.rightimage p {
font-size: 8pt;
font-weight: light;
line-height: 1em;
margin-top: 0;
width: 290px;
}

.gallerytitle {
font-weight: bold;
font-size: large;
line-height: 12pt;
}


/*the code below deals with the pictures on the how-to page which act as links*/

div#howtoone {
float: left;
width: 170px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#howtotwo {
float: left;
width: 170px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#howtothree {
float: left;
width: 170px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#howtofour {
float: left;
width: 170px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#howtofive {
float: left;
width: 170px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

/*code below here deals with the pages that show more detail about each book*/

.singlebookpage {
position: absolute
width: 263px;
left: 0px;
top: 20px;
display: inline;
}

.singlebookpage p {
font-size: 8pt;
font-weight: light;
line-height: 13pt;
margin-top: 0px;
margin-bottom: 20px;
width: 280px;
}

.doublepagetop {
position: absolute;
width: 224px;
left: 300px;
top: 15px;
display: inline;
}

.doublepagebottom {
position: absolute;
width: 224px;
left: 550px;
top: 15px;
display: inline;
}


#girlone {
position: absolute;
top: 185px;
left: 280px;
}

#girltwo {
position: absolute;
top: 185px;
left: 430px;
}

#girlthree {
position: absolute;
top: 185px;
left: 560px;
}

#girlfour {
position: absolute;
top: 185px;
left: 700px;
}


.cloakvariations {
position: absolute;
width: 264px;
left: 0px;
top: 8px;
display: inline;
}

.attachahood {
position: absolute;
width: 224px;
left: 310px;
top: 0px;
display: inline;
}

.attachahood p {
font-size: 8pt;
font-weight: light;
line-height: 13pt;
margin-top: 0px;
margin-bottom: 10px;
width: 240px;
}

.cloakcutout {
position: absolute;
width: 320px;
left: 580px;
top: 0px;
display: inline;
}

.cloakpics {
position: absolute;
width: 715px;
left: 0px;
top: 350px;
display: inline;
}






ul#londonmap {
	list-style: none;
	background: url(gallery/londonmapsprite.jpg) no-repeat 0 0;
	position: relative;
	width: 471px;
	height: 374px;
	margin: 0;
	padding: 0;
}


ul#londonmap li{
border: none;
position: absolute;
}

ul#londonmap li a{
display: block;
height: 100%;
text-indent: -9000px;
}

#hackney {
width: 35px;
height: 35px;
top: 113px;
left: 232px;
}

#hackney a:link {
border: 2px solid #000;
}

#westminster {
width: 35px;
height: 35px;
top: 148px;
left: 177px;
}

#westminster a:link {
border: 2px solid #000;
}

#hammersmithandfulham {
width: 20px;
height: 50px;
top: 156px;
left: 147px;
}

#hammersmithandfulham a:link {
border: 2px solid #000;
}

ul#londonmap li a:hover {
border: 3px solid #00FFFF;
background: none;
}


ul#homepage {
	list-style: none;
	background: url(gallery/homepage.jpg) no-repeat 0 0;
	position: relative;
	width: 922px;
	height: 483px;
	margin: 0;
	padding: 0;
}


ul#homepage li{
border: none;
position: absolute;
}

ul#homepage li a{
display: block;
height: 100%;
text-indent: -9000px;
}

#subscribe {
width: 163px;
height: 230px;
top: 55px;
left: 183px;
}

#subscribe a:link {
border: 2px solid #fff;
}

#fabricdirectory {
width: 153px;
height: 190px;
top: 125px;
left: 375px;
}

#fabricdirectory a:link {
border: 2px solid #fff;
}

ul#homepage li a:hover {
border: 3px solid #00FFFF;
background: none;
}

/*dealing with the fabric directory shopfront thumbnails below*/

.shoptitle {
font-weight: bold;
font-size: 11pt;
line-height: 150%;
}

.address {
font-weight: light;
font-size: 8pt;
line-height: 120%;
}

div#shopone {
float: left;
width: 128px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 40px;
}

div#shoptwo {
float: left;
width: 128px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 40px;
}

div#shopthree {
float: left;
width: 128px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 40px;
}

div#shopfour {
float: left;
width: 128px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 40px;
}

div#shopfive {
float: left;
width: 128px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 40px;
}

div#shopsix {
float: left;
width: 128px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 40px;
}


.feature {
float: left;
margin-right: 40px;
}

.narrower {
width: 90%;
}

div#backbuttons {
position: relative;
float: left;
}

/*styling the pricing tables below*/

table {
border-collapse: collapse;
border: 1px solid black;
margin-right: 120px;
}

th {
text-align: left;
background: #98F5FF;
color: black;
padding: 0.2em;
}

td {
border: 1px solid black;
padding: 0.2em;
}

.leftcolhead {
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
    width: 140px;
    background-color: #98F5FF;
}

.rightcolhead {
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
    background-color: #98F5FF;
}


.leftcol {
    text-align: left;
    width: 140px;
    background-color: #E0FFFF;
}



/* rosie this here styles the navigation*/
a {
font-family: georgia, sans-serif;
text-decoration: none;
font-weight: bold;
line-height: 170%;
font-size: 9pt;
}


a:link {
color: black;
background-colour: none;
border: none;
}

a:visited {
color: black;
background-color: none;
}

a:hover {
color: black;
background-color: cyan;
}

a:active {
colour: cyan;
background-color: none;
}

/*changing the navigation link properties*/

#navigation a:link {
line-height: 400%;
background-color: none;
border: 2px solid #000;
padding: 3px;
}

#navigation a:visited {
line-height: 400%;
background-color: none;
border:2px solid #000;
padding: 3px;
}

#navigation a:hover {
line-height: 400%;
background-color: cyan;
border:1px solid #fff;
padding: 3px;
}

#navigation a:active{
line-height: 400%;
background-color: none;
border:2px solid #000;
padding: 3px;
}


#navigation {
line-height: 400%;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 300px;
}

img {
border: 2px solid #000;
}

a:hover img {
border: 2px solid cyan;
}

.noborder img {
border: none;
}



.titles {
color: #00CDCD;
font-family: Georgia, serif;
font-size: 9pt;
font-weight: bold;
font-style: italic;
}


#modelfirst {
position: absolute;
top: 130px;
left: 150px;
border: transparent;
}

#modelsecond {
position: absolute;
top: 130px;
left: 285px;
border: transparent;
}

#modelthird {
position: absolute;
top: 130px;
left: 450px;
border: transparent;
}


#modelfourth {
position: absolute;
top: 130px;
left: 570px;
border: transparent;
}

#modelfifth {
position: absolute;
top: 130px;
left: 720px;
border: transparent;
}

#modelsixth {
position: absolute;
top: 130px;
left: 865px;
border: transparent;
}


#homefacebooklink {
position: absolute;
top: 485px;
left: 170px;
border: transparent;
z-index: 2;
}

#homeyoutubelink {
position: absolute;
top: 555px;
left: 170px;
border: transparent;
z-index: 2;
}

#hometwitterlink {
position: absolute;
top: 630px;
left: 170px;
border: transparent;
z-index: 2;
}

#video {
position: absolute;
top: 495px;
left: 350px;
}

#hometinycollection {
position: absolute;
top: 385px;
left: 880px;
}

#homepoland {
position: absolute;
top: 490px;
left: 592px;
}

#homebooks {
position: absolute;
top: 485px;
left: 850px;
}



/*the code below deals with the images on the shop page*/


#shopbookone {
position: absolute;
top: 0px;
left: 0px;
width: 195px;
border: none;
}

#shopbooktwo {
position: absolute;
top: 0px;
left: 230px;
width: 195px;
border: none;
}

#shopbookthree {
position: absolute;
top: 0px;
left: 460px;
width: 195px;
border: none;
}

#subscriptionthree {
position: absolute;
top: 0px;
left: 690px;
width: 195px;
border: none;
}


#countrybuttons {
position: absolute;
top: 390px;
left: 0px;
width: 195px;
border: none;
}

#countrybuttonpics {
position: absolute;
top: 370px;
left: 230px;
width: 195px;
border: none;
}

#countrybuttonpicsright {
position: absolute;
top: 370px;
left: 440px;
width: 250px;
border: none;
}

#undertheshop {
position: absolute;
top: 740px;
left: 0px;
width: 900px;
border: none;
}


/*the code below deals with the images on the press page which act as links*/

div#pressone {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#presstwo {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#pressthree {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#pressfour {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#pressfive {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#presssix {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#pressseven {
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}

div#presseight{
float: left;
width: 160px;
margin-bottom: 0;
margin-right: 15px;
margin-top: 12px;
}


/*the code below deals with the images on the books page which act as links*/

div#availablenowone{
position: absolute;
top: 40px;
left: -6px;
border: none;
z-index: 1;
}

div#availablenowtwo{
position: absolute;
top: 40px;
left: 165px;
border: none;
z-index: 1
}

div#availablenowthree{
position: absolute;
top: 40px;
left: 334px;
border: none;
z-index: 1
}

div#comingsoon{
position: absolute;
top: 185px;
left: -6px;
border: none;
z-index: 1
}


div#bookone {
position: absolute;
top: 0px;
left: 0px;
border: none;
}

div#bookone p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-weight: bold;
font-size: 9pt;
line-height: 20pt;
}

div#booktwo {
position: absolute;
top: 0px;
left: 170px;
border: none;
}

div#booktwo p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-weight: bold;
font-size: 9pt;
line-height: 20pt;
}

div#bookthree {
position: absolute;
top: 0px;
left: 340px;
border: none;
}

div#bookthree p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-weight: bold;
font-size: 9pt;
line-height: 20pt;
}

div#bookfour {
position: absolute;
top: 145px;
left: 0px;
border: none;
}

div#bookfour p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-weight: bold;
font-size: 9pt;
line-height: 20pt;
}

div#bookfive {
position: absolute;
top: 145px;
left: 170px;
border: none;
}

div#bookfive p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#booksix {
position: absolute;
top: 145px;
left: 340px;
border: none;
}

div#booksix p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#bookseven {
position: absolute;
top: 290px;
left: 0px;
border: none;
}

div#bookseven p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}


div#bookeight {
position: absolute;
top: 290px;
left: 170px;
border: none;
}

div#bookeight p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#booknine {
position: absolute;
top: 290px;
left: 340px;
border: none;
}

div#booknine p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#bookten {
position: absolute;
top: 435px;
left: 0px;
border: none;
}

div#bookten p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#bookeleven {
position: absolute;
top: 435px;
left: 170px;
border: none;
}

div#bookeleven p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#booktwelve {
position: absolute;
top: 435px;
left: 340px;
border: none;
}

div#booktwelve p {
position: absolute;
top: -20px;
left: 87px;
width: 70px;
font-size: 9pt;
color: cyan;
line-height: 20pt;
}

div#bookpagetextone {
position: absolute;
top: -20px;
left: 520px;
width: 500px;
}

div#bookpagetexttwo {
position: absolute;
top: 130px;
left: 140px;
width: 350px;
}

div#bookpagetextthree {
position: absolute;
top: 265px;
left: 140px;
width: 350px;
}

/*the code below deals with the cut out images of models on the new collection page*/

#collectionone {
position: absolute;
top: -30px;
left: 0px;
width: 120px;
border: none;
}

#collectiontwo {
position: absolute;
top: -30px;
left: 143px;
width: 120px;
border: none;
}

#collectionthree {
position: absolute;
top: -30px;
left: 300px;
width: 120px;
border: none;
}

#collectionfour {
position: absolute;
top: -30px;
left: 420px;
width: 120px;
border: none;
}

#collectionfive {
position: absolute;
top: -30px;
left: 550px;
width: 120px;
border: none;
}

#collectionsix {
position: absolute;
top: -30px;
left: 680px;
width: 120px;
border: none;
}

#collectionseven {
position: absolute;
top: 280px;
left: 0px;
width: 120px;
border: none;
}

#collectioneight{
position: absolute;
top: 280px;
left: 130px;
width: 120px;
border: none;
}

#collectionnine {
position: absolute;
top: 280px;
left: 280px;
width: 120px;
border: none;
}

#collectionten {
position: absolute;
top: 280px;
left: 420px;
width: 120px;
border: none;
}

#collectioneleven {
position: absolute;
top: 280px;
left: 560px;
width: 120px;
border: none;
}

#collectiontwelve {
position: absolute;
top: 280px;
left: 698px;
width: 120px;
border: none;
}

#collectiontext {
position: absolute;
top: -30px;
left: 820px;
width: 180px;
border: none;
}

#collectiontext p {
margin-top: 0px;
font-weight: light;
font-size: 8pt;
line-height: 14pt;
}

/*the code below deals with the images on the new photoshoots page which act as links*/

div#photoshootone {
float: left;
width: 230px;
margin-bottom: 0px;
margin-right: 40px;
margin-top: 12px;
}

div#photoshoottwo {
float: left;
width: 230px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 12px;
}

div#photoshootthree {
float: left;
width: 230px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 12px;
}

div#photoshootfour {
float: left;
width: 230px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 12px;
}

div#photoshootfive {
float: left;
width: 230px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 12px;
}

div#photoshootsix {
float: left;
width: 230px;
margin-bottom: 0;
margin-right: 40px;
margin-top: 12px;
}


/* The containing box for the ginaamama gallery. */ 
#ginaamamacontainer { 
position:relative; 
width:900px; 
height:560px; 
margin:1px auto 0 auto; 
border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */ 
#ginaamamacontainer ul { 
padding:0; 
margin:0; 
list-style-type:none; 
}

/* Remove the big images from sight */
#ginaamamacontainer a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    }

/* Adding the thumbnail images */
#ginaamamacontainer a.gallery, #ginaamamacontainer a.gallery:visited {
    display:block;
    text-decoration:none;
    border:1px solid #000;
    margin:130px 10px 10px 10px;
    cursor:default;
    }
#ginaamamacontainer a.slidea {
    background:url("gallery/ginathreethumb.jpg");
    height:220px;
    width:132px;
    }
#ginaamamacontainer a.slideb {
    background:url("gallery/ginaonethumb.jpg");
    height:220px;
    width:132px;
    }
#ginaamamacontainer a.slidec {
    background:url("gallery/ginatwothumb.jpg");
    height:220px;
    width:132px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#ginaamamacontainer ul {
    width:480px;
    height:560px;
    }

#ginaamamacontainer li {
    float:right;
    }

/* move the thumbnails into the correct position */
#ginaamamacontainer ul {
    margin:10px;
    float:right;
    }

/* change the thumbnail border color */
#ginaamamacontainer a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#ginaamamacontainer a.gallery:hover span {
    position: right;
    width:400px;
    height:544px;
    top:2px;
    right:10px;
    border: none; 
    color:#000;
    background:#fff;
    }




/* styling the spring summer photoshoot page time is one apricot blossom space a bee */



#springsummertopone {
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
}

#springsummertoptwo {
position: absolute;
top: 0px;
left: 347px;
padding-left: 0px;
}

#springsummerwriting {
position: absolute;
top: 0px;
left: 696px;
width: 190px;
padding-left: 0px;
}

#springsummerbottomone {
position: absolute;
top: 286px;
left: 0px;
padding-left: 0px;
}

#springsummerbottomtwo {
position: absolute;
top: 286px;
left: 347px;
padding-left: 0px;
}

#springsummerbottomthree {
position: absolute;
top: 286px;
left: 524px;
padding-left: 0px;
}

#springsummerbottomfour {
position: absolute;
top: 286px;
left: 696px;
padding-left: 0px;
}

/* styling the kebab backs and kebab smiles photo page */



#kebabbacks {
position: absolute;
top: 15px;
left: 0px;
padding-left: 0px;
}

#kebabsmiles {
position: absolute;
top: 15px;
left: 683px;
padding-left: 0px;
}

/* styling the launderette series photo page */


#launderetteseriespic{
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
}

#launderetteserieswriting {
position: absolute;
top: 0px;
left: 760px;
width: 200px;
padding-left: 0px;
}

/* styling the washing machine seat photo page */


#washingmachinepic{
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
}

#washingmachinewriting {
position: absolute;
top: 0px;
left: 720px;
width: 200px;
padding-left: 0px;
}

/* styling the kebab mirror photo page */


#kebabmirrorpic{
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
}

#kebabmirrorwriting {
position: absolute;
top: 0px;
left: 825px;
width: 200px;
padding-left: 0px;
}

* styling the kebab window photo page */


#kebabwindowpic{
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
}

#kebabwindowwriting {
position: absolute;
top: 0px;
left: 435px;
width: 200px;
padding-left: 0px;
}


/* styling the spring summer diycouture catologue photo page */


#diycsstopone{
position: absolute;
top: 0px;
left: 0px;
padding-left: 0px;
}

#diycsstoptwo{
position: absolute;
top: 0px;
left: 170px;
padding-left: 0px;
}

#diycsstopthree{
position: absolute;
top: 0px;
left: 340px;
padding-left: 0px;
}

#diycsstopfour{
position: absolute;
top: 0px;
left: 510px;
padding-left: 0px;
}

#diycsstopfive{
position: absolute;
top: 0px;
left: 680px;
padding-left: 0px;
}

#diycsstopsix{
position: absolute;
top: 0px;
left: 850px;
padding-left: 0px;
}

#diycssbottomone{
position: absolute;
top: 265px;
left: 0px;
padding-left: 0px;
}

#diycssbottomtwo{
position: absolute;
top: 265px;
left: 170px;
padding-left: 0px;
}

#diycssbottomthree{
position: absolute;
top: 265px;
left: 340px;
padding-left: 0px;
}

#diycssbottomfour{
position: absolute;
top: 265px;
left: 510px;
padding-left: 0px;
}

#diycssbottomfive{
position: absolute;
top: 265px;
left: 680px;
padding-left: 0px;
}

#diycssbottomsix{
position: absolute;
top: 265px;
left: 850px;
padding-left: 0px;
}

#springsummercatologueimage{
position: absolute;
top: 8px;
left: 0px;
padding-left: 0px;
}
#springsummertext{
position: absolute;
top: 8px;
left: 370px;
width: 500px;
padding-left: 0px;
}

#buttonarea input  {
position: absolute;
left: 240px;
top: 45px;
background: #C0D9D9;
colour: black;
font-style: strong;
padding: 10px;
border: 1px solid black;
}

#contactfacebook {
position: absolute;
left: 0px;
top: 120px;
}

#contacttwitter {
position: absolute;
left: 170px;
top: 120px;
}

#contactdetails {
position: absolute;
left: 0px;
top: 200px;
}

/* styling the history of a book supply chain page */

#supplychainone {
position: absolute;
top: -30px;
left: -5px;
}

#supplychaintwo {
position: absolute;
top: 15px;
left: 106px;
z-index: 1;
}

#supplychainthree {
position: absolute;
top: 23px;
left: 375px;
}

#supplychainfour {
position: absolute;
top: 45px;
left: 540px;
}

#supplychainfive {
position: absolute;
top: 70px;
left: 780px;
}

#supplychainsix {
position: absolute;
top: 240px;
left: 585px;
}

#supplychainseven {
position: absolute;
top: 276px;
left: 405px;
z-index: 1;
}

#supplychaineight {
position: absolute;
top: 300px;
left: 215px;
}

#supplychainnine {
position: absolute;
top: 320px;
left: 30px;
}

#supplychainten {
position: absolute;
top: 460px;
left: 200px;
}

#supplychaineleven {
position: absolute;
top: 505px;
left: 300px;
z-index: 1;
}

#supplychaintwelve {
position: absolute;
top: 540px;
left: 460px;
z-index: 1;
}

#supplychainthirteen {
position: absolute;
top: 565px;
left: 575px;
}

#supplychainfourteen {
position: absolute;
top: 568px;
left: 735px;
}

#supplychaintext {
position: absolute;
top: 10px;
left: 500px;
width: 500px;
}

#supplychaintexttwo {
position: absolute;
top: -30px;
left: 480px;
width: 550px;
}

#earlydesigns {
position: absolute;
top: -30px;
left: -35px;
}

#sketchbook {
position: absolute;
top: 205px;
left: -30px;
z-index: 1;
}

#makingskirtphotoone {
position: absolute;
top: -25px;
left: 150px;
}

#makingskirtphototwo {
position: absolute;
top: 145px;
left: 0px;
z-index: 1;
}

#makingskirtphotothree {
position: absolute;
top: 295px;
left: 160px;
z-index: 1;
}

#illustratorone {
position: absolute;
top: 280px;
left: 170px;
}

#illustratortwo {
position: absolute;
top: 335px;
left: 285px;
z-index: 1;
}

#illustratorthree {
position: absolute;
top: -40px;
left: 20px;
}

#illustratorfour {
position: absolute;
top: 10px;
left: 180px;
z-index: 1;
}

#illustratorfive {
position: absolute;
top: 240px;
left: -30px;
}

#shootinaction {
position: absolute;
top: -20px;
left: -5px;
}

#shootgirlone {
position: absolute;
top: 210px;
left: 0px;
}

#shootgirlonetext {
position: absolute;
top: 215px;
left: 120px;
width: 105px;
}

#shootgirltwo {
position: absolute;
top: 210px;
left: 260px;
}

#shootgirltwotext {
position: absolute;
top: 215px;
left: 380px;
width: 105px;
}

#shootgirlthree {
position: absolute;
top: 400px;
left: 0px;
}

#shootgirlthreetext {
position: absolute;
top: 405px;
left: 120px;
width: 105px;
}

#shootgirlfour {
position: absolute;
top: 400px;
left: 260px;
}

#shootgirlfourtext {
position: absolute;
top: 405px;
left: 380px;
width: 105px;
}

#indesign {
position: absolute;
top: -20px;
left: 0px;
}

#atthecomputer {
position: absolute;
top: 250px;
left: 0px;
}

#proofs {
position: absolute;
top: -20px;
left: -10px;
}