body { margin: 0; padding: 0; text-align: center; background-color: #dc7a8d; font-family: sans-serif; }
img { border: none; position: absolute;}
input.groovybutton { font-family:Tahoma,sans-serif; color:#000033; background-color:#FFFFFF; border-style:outset; border-color:#EEEEEE; }
select.groovybutton { font-family:Tahoma,sans-serif; color:#000033; background-color:#FFFFFF; border-style:outset; border-color:#EEEEEE; }

#container { position: relative; top: 20px; margin: 0 auto; width: 900px; height: 650px; text-align: left; background: url(../img/bg.jpg); z-index: 2; }

#nav,			
#nav ul			{ list-style: none; margin: 0; padding: 0; z-index: 500; }
#nav			{ position: absolute; top: 10px; left: 510px; font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; /* 14px / 16px */ font-weight: bold; height: 1em; /* 32px / 14px */ line-height: 1em; /* 21px / 14px */ width: 380px; z-index: 501;}
#nav li			{ float: left; width: 120px; height: 2.286em; /* 32px / 14px */ margin: 0, 0, 0, 0; padding: 0, 0, 0, 0; position: relative; z-index: 502;}
#nav a			{ color: black; display: block; padding: 0.286em 35px 0.5em; /* 4px 35px 7px */ text-decoration: none; z-index: 503;}

#nav a:hover,
#nav a:focus		{ color: #DC7A8D z-index: 504;}

#nav ul			{ width: 110px; font-size: 0.857em; /* 12px / 14px */ line-height: 1.25em; /* 18px / 12px */ position: absolute; top: 2.667em; /* 32px / 12px */ z-index: 505;}
#nav ul li		{ width: 110px; left: 40px; height: auto; top: 5px; z-index: 506;}
#nav ul a		{ padding: 0.083em 3px 0.25em; /* 1px 35px 3px */ z-index: 507;}
#nav ul ul		{ font-size: 1em; z-index: 508;}

#nav ul a:hover,
#nav ul a:focus		{ color: #dc7a8d; z-index: 509;}
#nav ul .hover>a	{ color: #dc7a8d; z-index: 510;}

#nav ul ul		{left: 50px; top: 0.5em; /* 6px / 12px */ z-index: 511;}

#nav ul,
#nav :hover ul ul,
#nav .hover ul ul	{ color: #dc7a8d; margin-left: -9999px; z-index: 512;}

#nav ul ul li a	{ color: #dc7a8d; z-index: 513}
#nav ul ul li a:hover	{ color: #f2f2f2; z-index: 514}

#nav li:hover>ul,
#nav li.hover>ul,
#nav a:focus+ul,
#nav ul ul,
#nav .hover a:focus	{ margin-left: 0; z-index: 515;}
#nav ul a:focus		{ margin-left: 9999px; z-index: 516;}

#comingsoon { position: absolute; top: 265px; left: 130px; }
#title { position: relative; left: 50px; }
#badge { position: absolute; top: 110px; left: 110px; }
#facebook { position: absolute; top: 151px; left: 693px; }
#twitter { position: absolute; top: 170px; left: 740px; }
#spring { position: absolute; top: 200px; left: 800px; }
#contactfacebook { position: absolute; top: 551px; left: 93px; }
#contacttwitter { position: absolute; top: 570px; left: 140px; }
#contactspring { position: absolute; top: 591px; left: 200px; }
#moveMe { width: 55px; height: 55px; z-index: 999;}
#girl { position: absolute; top: 310px; left: 580px; z-index: 100;}
#gbook { position: absolute; top: 140px; left: 60px; }
#aboutmel { position: absolute; top: 125px; left: 360px; }
#aboutimg1 { position: absolute; top: 120px; left: 370px; }
#aboutimg2 { position: absolute; top: 390px; left: 370px; }
#press { position: absolute; top: 373px; left: 75px; }
#art { position: absolute; top: 560px; left: 60px; }
#products { position: absolute; top: 380px; left: 500px; z-index: 101;}
#thingswelovelogo { position: absolute; top: 290px; left: 120px; }
#comp { position: absolute; top: 365px; left: 330px; }

#mainpic { position: absolute; top: 250px; left: 360px; z-index: 401;}
#maintext { color: grey; font-weight: bold; font-size:10pt; position: absolute; top: 600px; left: 360px; z-index: 550; z-index: 450;}
#textleft { position: absolute; top: 250px; left: 60px; width: 250px; height: auto; font-size:10pt;z-index: 102;}
#textright { color: #8fac42; position: absolute; top: 425px; right: 40px; width: 200px; height: auto; font-weight: bold; font-size:10pt; z-index: 452;}
#cv { position: absolute; top: 100px; left: 60px; }

#dollstitle { position: absolute; top: 120px; left: 60px; }
#dolltextleft { position: absolute; top: 210px; left: 60px; width: 250px; height: auto; font-size:10pt;z-index: 102;}
#dolltextbottom { color: #8fac42; position: absolute; top: 550px; left: 345px; width: 490px; height: auto; font-weight: bold; font-size:10pt; }
#dollcover { position: absolute; top: 340px; left: 90px; z-index: 402;}
#dollstand { position: absolute; top: 200px; left: 335px; z-index: 403;}
#laggy { position: absolute; top: 260px; left: 400px; z-index: 301;}
#lkate { position: absolute; top: 260px; left: 490px; z-index: 302;}
#llily { position: absolute; top: 260px; left: 580px; z-index: 303;}
#lcheryl { position: absolute; top: 260px; left: 670px; z-index: 304;}
#lgemma { position: absolute; top: 360px; left: 400px; z-index: 301;}
#ljourdan { position: absolute; top: 360px; left: 490px; z-index: 302;}
#ljess { position: absolute; top: 360px; left: 580px; z-index: 303;}
#lerin { position: absolute; top: 360px; left: 670px; z-index: 304;}
#dollbutton { position: absolute; top: 580px; left: 110px; }
#clothesdesc { position: absolute; top: 125px; left: 350px; }

#cmgtitle { position: absolute; top: 140px; left: 70px; }
#cmgmainpic { position: absolute;  top: 150px; left: 350px; }
#cmgbookpic { position: absolute;  top: 150px; left: 470px; }
#cmgrecpic { position: absolute;  top: 150px; left: 350px; }
#lcmgkate { position: absolute; top: 235px; left: 725px; }
#lcmglondon { position: absolute; top: 286px; left: 608px; }
#lcmgmags { position: absolute; top: 475px; left: 590px; }
#lcmgrecords { position: absolute; top: 315px; left: 497px; }
#lcmgart { position: absolute; top: 485px; left: 397px; }

#cmggallery {width:430px; position: absolute; top: 120px; right: 60px;z-index: 110;}
#cmggallery ul {list-style:none; padding:0; margin:0; width:70px; position:relative; float:right;z-index: 111;}
#cmggallery ul li {display:inline; width:65px; height:90px; float:left; margin:0 0 5px 5px;z-index: 112;}
#cmggallery ul li a {display:block; width:65px; height:90px; text-decoration:none; border:1px solid #000;z-index: 113;}
#cmggallery ul li a img {display:block; width:65px; height:90px; border:0;z-index: 114;}
#cmggallery ul li a:hover {white-space:normal; border-color:#ddd;z-index: 115;}
#cmggallery ul li a:hover img {position:absolute; right:100px; top:0; width:auto; height:auto; border:1px solid #000;z-index: 116;}


#cdingallery {width:60px; position: absolute; top: 250px; right: 415px;z-index: 110;}
#cdingallery ul {list-style:none; padding:0; margin:0; width:70px; position:relative; float:right;z-index: 111;}
#cdingallery ul li {display:inline; width:60px; height:87px; float:left; margin:0 0 5px 5px;z-index: 112;}
#cdingallery ul li a {display:block; width:60px; height:87px; text-decoration:none; border:1px solid #000;z-index: 113;}
#cdingallery ul li a img {display:block; width:60px; height:87px; border:0;z-index: 114;}
#cdingallery ul li a:hover {white-space:normal; border-color:#ddd;z-index: 115;}
#cdingallery ul li a:hover img {position:absolute; right:70px; top:-110px; width:auto; height:auto; border:1px solid #000;z-index: 115;}

#cdingallery2 {width:60px; position: absolute; top: 250px; right: 350px;z-index: 110;}
#cdingallery2 ul {list-style:none; padding:0; margin:0; width:70px; position:relative; float:right;z-index: 111;}
#cdingallery2 ul li {display:inline; width:60px; height:87px; float:left; margin:0 0 5px 5px;z-index: 112;}
#cdingallery2 ul li a {display:block; width:60px; height:87px; text-decoration:none; border:1px solid #000;z-index: 113;}
#cdingallery2 ul li a img {display:block; width:60px; height:87px; border:0;z-index: 114;}
#cdingallery2 ul li a:hover {white-space:normal; border-color:#ddd;z-index: 115;}
#cdingallery2 ul li a:hover img {position:absolute; left:70px; top:-110px; width:auto; height:auto; border:1px solid #000;z-index: 116;}

#samplepages {position: absolute; top: 265px; left: 470px; z-index: 109;}

#cmgrecgallery {width:430px; position: absolute; top: 120px; right: 60px;z-index: 110;}
#cmgrecgallery ul {list-style:none; padding:0; margin:0; width:70px; position:relative; float:right;z-index: 111;}
#cmgrecgallery ul li {display:inline; width:90px; height:90px; float:left; margin:0 0 5px 5px;z-index: 112;}
#cmgrecgallery ul li a {display:block; width:90px; height:90px; text-decoration:none; border:1px solid #000;z-index: 113;}
#cmgrecgallery ul li a img {display:block; width:90px; height:90px; border:0;z-index: 114;}
#cmgrecgallery ul li a:hover {white-space:normal; border-color:#ddd;z-index: 115;}
#cmgrecgallery ul li a:hover img {position:absolute; right:100px; top:0; width:auto; height:auto; border:1px solid #000;z-index: 116;}

#lcmg {position: absolute; top: 400px; left: 170px;}
#ldolls {position: absolute; top: 200px; left: 160px;}
#lprints {position: absolute; top: 180px; left: 500px;}

#printstitle { position: absolute; top: 140px; left: 60px; }
#yamwtitle { position: absolute; top: 110px; left: 250px; }
#textprints { position: absolute; top: 250px; left: 60px; width: 225px; height: auto; font-size:10pt;}
#lpoorcow { position: absolute; top: 200px; left: 335px;}
#lyamw { position: absolute; top: 280px; left: 335px; }
#lditch { position: absolute; top: 510px; left: 350px; }
#lcolouredin { position: absolute; top: 360px; left: 335px; }
#showcow { position:absolute; top: 300px; left: 640px; visibility:hidden; }
#showyamw { position:absolute; top: 300px; left: 640px; visibility:hidden; }
#showhsicie { position:absolute; top: 300px; left: 640px; visibility:hidden; }
#mainpiccow { position: absolute; top: 150px; left: 240px; }
#textcow { position: absolute; top: 250px; left: 60px; width: 115px; height: auto; font-size:10pt;z-index: 102;}
#mainpicyamw { position: absolute; top: 150px; left: 240px; }
#textyamw { position: absolute; top: 200px; left: 60px; width: 125px; height: auto; font-size:10pt;z-index: 102;}
#printsbuybutton { position: absolute; top: 560px; left: 60px; }
#cdinprintsbuybutton { position: absolute; top: 570px; left: 410px; }
#cowprintsbuybutton { position: absolute; top: 510px; left: 60px; }

#contactpic { position: absolute; top: 170px; left: 210px; }
#productspic { position: absolute; top: 100px; left: 200px; }
#cartbutton { position: absolute; top: 590px; right: 400px; }



