#wrapper {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 780px;
	height: 600px;
	background: 0px;
  }


body {
	text-align:left
}

/* navigation */

ul#nav {

}
ul#nav li { list-style-type:none }
ul#nav li a {
	height:50px;
	display:block;
	top:0;
	outline:none;
	position: absolute;
	text-indent: -9999px;
}

li#navHome a, li#navAboutus a, li#navWhatsNew a, li#navTrade a, li#navContact a {
	background-image: url(navi/navi.jpg);
}

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 50px
	selected state = 100px

	The distance from the far-left to the...

	home button = 0
	aboutus button = 52px
	whats new button = 139px
	trade button = 240px
	contact button = 305px

	The width of the...

	home button = 52px
	about us button = 87px
	whats new button = 101px
	trade button = 65px
	contact button = 72px
*/


li#navHome a 							{ background-position:0 0; width:52px; left:0 }
li#navHome a:hover						{ background-position:-0 -50px }
body#pageHome li#navHome a 				{ background-position:-0 -100px }

li#navAboutus a 						{ background-position:-52px 0; width:87px; left:52px }
li#navAboutus a:hover					{ background-position:-52px -50px }
body#pageAboutus li#navAboutus a 		{ background-position:-52px -100px }

li#navWhatsNew a 						{
	background-position:-139px 0;
	width:101px;
	left:139px;
	background-color: #C00;
}
li#navWhatsNew a:hover					{
	background-position:-139px -50px;
	background-color: #F90;
}
body#pageWhatsNew li#navWhatsNew a 		{ background-position:-139px -100px }

li#navTrade a 							{ background-position:-240px 0; width:65px; left:240px }
li#navTrade a:hover						{ background-position:-240px -50px }
body#pageTrade li#navTrade a 			{ background-position:-240px -100px }

li#navContact a 						{
	background-position:-305px 0;
	width:72px;
	left:306px
}
li#navContact a:hover					{ background-position:-305px -50px }
body#pageContact li#navContact a 		{ background-position:-305px -100px }

/* Position navigation */

ul#nav {
	margin-top: 0px;
	left: 50px;
	margin-left: 0px;
	position: absolute;
}


	
#main {
	clear: left;
	width: 430px;
	height: 430px;
	top: 40px;
	position: relative;
	margin-left: 280px;
	margin-right: 30px;
	text-align: center;
}

#mainJulesFiona {
	width: 430px;
	text-align: center;
	float: left;
	position: relative;
	left: 300px;
	top: 50px;
}


#mainWinter{
	width: 480px;
	height: 450px;
	top: 40px;
	margin-left: 280px;
	margin-right: 30px;
	text-align: center;
	position: relative;
	background-color: #606;
}

#WinterInset {
	width: 480px;
	height: 343px;
	float: none;
	position: relative;
	top: -420px;
	left: 280px;
	background-image: url(bg_images/Winter-left-hand.png);
	background-repeat: no-repeat;
}

#TextHolderJulesFiona {
	color: #000000;
	width: 300px;
	text-align: center;
	float: left;
	padding-top: 350px;
	padding-right: 190px;
}
	
#Text1JulesFiona {
	font-family: Tahoma;

}

#Text2JulesFiona {
	font: 12px/18px Arial, Helvetica, sans-serif;
	width: 150px;
	float: left;
	padding-top: 50px;

}

.h1 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.textbody {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 390px;
	position: relative;
	left: 20px;
}
.textform {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 10px;
	text-align: left;
}
.containerWhatsNew {
	background-image: url(bg_images/whatsnew_springsummer2010.jpg);
	background-repeat: no-repeat;
}




#ranges {
	width: 400px;
	height: 185px;
	display: inline;
	float: right;
	position: relative;
	top: -280px;

}


.container {
	background: url(bg_images/home.jpg) no-repeat;
}


#buttons {
	position: absolute;
	top: 360px;
	padding-left: 0px;
	background: #000000;
	right: 0px;
	left: 410px;
	bottom: 0px;
	}
	
#minpics {
	background: #000000;
	}
#minpics2 {
	position: absolute;
	top: 150px;
	background: #000000;
	left: 255px;
	height: 200px;
	width: 200px;
}

.textbody2 {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 210px;
	height: 250px;
	padding-right: 220px;
	font-family: Arial, Helvetica, sans-serif;
}	


#footer {
	text-align: center;
	position: relative;
	top: 540px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 240px;
	}
#footer a:link, #footer a:visited {
	margin-right: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	}
	
#footer a:hover {
	margin-right: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-decoration: none;
}
	
#contact {
	text-align: center;
	position: relative;
	top: 0px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	}
#contact a:link, #footer a:visited {
	margin-right: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	}
	
#contact a:hover {
	margin-right: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-decoration: none;
}	

.navi2text {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
}

#navi2 a:link, #navi2 a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	padding-bottom: 10px;
	background: center;
	text-align: center;
	}
	
#navi2 a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-decoration: none;
	padding-bottom: 10px;
	background: center;
	text-align: center;
}




.navi3text {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
}

#navi3 a:link, #navi2 a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 10px;
	background: center;
	text-align: center;
	}
	
#navi3 a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding-bottom: 10px;
	background: center;
	text-align: center;
}
.h2 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 0px;
	padding-top: 15px;
}
.containerLongSlim {
	background-image: url(bg_images/whatsnew_autumn09.jpg);
	background-repeat: no-repeat;
}
.containerBoldBeautiful {
	background: url(bg_images/boldbeautiful.jpg) no-repeat;
}
.containerChunkySquares {
	background: url(bg_images/chunky.jpg) no-repeat;
}
.containerEarrings {
	background: url(bg_images/earrings.jpg) no-repeat;
}
.containerForMen {
	background: url(bg_images/formen.jpg) no-repeat;
}
.containerGorgeous {
	background: url(bg_images/gorgeousglass.jpg) no-repeat;
}
.textbody3 {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 220px;
	height: 280px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
}
.h3 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	padding-top: 30px;
	left: 20px;
}
.textbody4 {

	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 220px;
	height: 305px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
}
.h4 {


	font: 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 0px;
	padding-top: 25px;
}
.containerAboutUs {
	background-image: url(bg_images/About-us-2010.jpg);
	background-repeat: no-repeat;
}
.containerCandycolours {
	background: url(bg_images/candycolours.jpg) no-repeat;
}
.containerFusion {
	background: url(bg_images/fusion.jpg) no-repeat;
}
.containerHeart {
	background: url(bg_images/heartBrooches.jpg) no-repeat;
}

#containerJulesFiona{
	background: url(bg_images/julesfionaSummer_bg.jpg) no-repeat;
	width: 780px;
	height: 600px;
	float: left;
}
#main2 {

	clear: left;
	background: #FFFFFF;
	width: 760px;
	height: 430px;
	top: 40px;
	position: relative;
	margin-left: 0px;
	margin-right: 30px;
	text-align: left;
}
.h3a {


	font: 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 10px;
	padding-top: 30px;
}
.textbodyIndent {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 380px;
	position: relative;
	left: 20px;
	padding-left: 10px;
}
.textbody5 {


	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 220px;
	height: 305px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
}
.textbodyWhatsNew {
	color: #FFFFFF;
	text-align: left;
	width: 380px;
	position: relative;
	padding-left: 35px;
	float: none;
	height: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 14px;
	padding-top: 10px;
}


.textbodyWhatsNewTop {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 120px;
	float: none;
	height: 80px;
	padding-left: 10px;
	padding-right: 10px;
}



.h3aa {
	font: 19px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 20px;
	float: left;
}
.containerJulesFiona {

	background: url(bg_images/julesfionaSummer_bg.jpg) no-repeat;
}

#footerJulesFiona {
	text-align: right;
	top: 540px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	float: left;
	width: 650px;
}

#footerJulesFiona a:link, #footer a:visited {
	margin-right: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	}
	
#footerJulesFiona a:hover {
	margin-right: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-decoration: none;
}

.textbodyJulesFiona {

	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	width: 150px;
	height: 250px;
	padding-right: 0px;
}
.containerWinter {
	background-image: url(bg_images/winter09_bg.jpg);
	background-repeat: no-repeat;
}

#button{
	background-image: url(buttons/button.png);
	height: 30px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	padding-left: -20px;
	
}

.textbodyWinter {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 210px;
	height: 300px;
	padding-right: 220px;
}