html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, lh, dt, dd, pre, code, address, variable, form, fieldset, blockquote, cite {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	font-style:normal;
}

img {
	border: 0;
}

ul {
	list-style: none;
}
body {
	background-color: #999;
}

#wrapper {
	width: 960px;
	background-color: #c1ebfc;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 150px;
	position: relative;
}

#musicwrapper {
	width: 960px;
	background-color: #c1ebfc;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 100px;
}

#iconwrapper {
	width: 960px;
	height: 1800px;
	background-color: #c1ebfc;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 35px;
	position: relative;
}

#sweaterwrapper {
	width: 960px;
	height: 1625px;
	background-color: #c1ebfc;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 35px;
	position: relative;
}

#header {
	margin-left: 100px;
	margin-bottom: 60px;
}

#header h1 {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 70px;
	text-transform: uppercase;
	padding-top: 50px;
}

#header h1 span {
	color: #4eb548;
}
	
#header h2 {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 34.6px;
	margin-left: 70px;
}

h3 {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 30px;
}

#knitting h3 {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 32px;
	padding-top: 60px;
	margin-left: 100px;
	color: #000;
}

#knitting h4 {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 5px;
	margin-left: 100px;
}

#knittingred {
	background-image: url(images/NeedlePoint-smred.png);
	background-repeat: none;
	width: 700px;
	height: 70px;
}

#knittingred2 {
	background-image: url(images/NeedleBack-smred.png);
	background-repeat: none;
	width: 700px;
	height: 105px;
	margin-top: 1150px;
	margin-left: 270px;
}	

#knittingblue {
	background-image: url(images/NeedlePoint-smblue.png);
	background-repeat: none;
	width: 700px;
	height: 70px;
}

#knittingblue2 {
	background-image: url(images/NeedleBack-smblue.png);
	background-repeat: none;
	width: 700px;
	height: 105px;
	margin-top: 1250px;
	margin-left: 270px;
}

#knittinggreen {
	background-image: url(images/NeedlePoint-smgreen.png);
	background-repeat: none;
	width: 700px;
	height: 70px;
	margin-bottom: 25px;
}

#knittinggreen2 {
	background-image: url(images/NeedleBack-smgreen.png);
	background-repeat: none;
	width: 700px;
	height: 105px;
	margin-top: 500px;
	margin-left: 270px;
}

#knittingpurple {
	background-image: url(images/NeedlePoint-smpurple.png);
	background-repeat: none;
	width: 700px;
	height: 70px;
	margin-bottom: 25px;
}

#knittingpurple2 {
	background-image: url(images/NeedleBack-smpurple.png);
	background-repeat: none;
	width: 700px;
	height: 105px;
	position: absolute;
	top: 1630px;
	left: 270px;
}

#knittingsilver {
	background-image: url(images/NeedlePoint-smsilver.png);
	background-repeat: none;
	width: 700px;
	height: 70px;
	margin-bottom: 25px;
}

#knittingsilver2 {
	background-image: url(images/NeedleBack-smsilver.png);
	background-repeat: none;
	width: 700px;
	height: 105px;
	position: absolute;
	top: 1450px;
	left: 270px;
}

#nav h3 a {
	text-decoration: none;
	color: #000;
}

.songs a {
	background-image: url(images/NeedlePoint-sm-goldpurple.png);
	background-repeat: none;
	background-position: 0px 0px;
	width: 420px;
	height: 54px;
	position: absolute;
	top: 800px;
	padding-top: 12px;
	padding-left: 70px;
	text-shadow: 2px 2px 5px #000;
	filter: dropshadow(color=#000, offx=2, offy=2); 
}

.songs h3:hover a {
	background-position: 0px 63px ;
	background-repeat: none;
}

.patterns h3 a {
	background-image: url(images/NeedleBack-sm-goldpurple.png);
	background-repeat: none;
	background-position: 0px 0px;
	width: 258px;
	height: 70px;
	position: absolute;
	top: 2170px;
	left: 640px;
	padding-top: 35px;
	padding-left: 70px;
	z-index: 1;
	text-shadow: 2px 2px 5px #000;
	filter: dropshadow(color=#000, offx=2, offy=2); 
}

.patterns h3:hover a {
	background-position: 0px 108px;
	background-repeat: none;
}

.knits h3 a {
	background-image: url(images/Crochet-sm-goldpurple.png);
	background-repeat: none;
	background-position: 0px 0px;
	width: 430px;
	height: 60px;
	position: absolute;
	top: 3070px;
	padding-top: 18px;
	padding-left: 30px;
	z-index: 1;
	text-shadow: 2px 2px 5px #000;
	filter: dropshadow(color=#000, offx=2, offy=2); 
}

.knits h3:hover a {
	background-position: 0px 72px;
	background-repeat: none;
}

.contact h3 a {
	background-image: url(images/NeedlePoint-smL-goldpurple.png);
	background-repeat: none;
	background-position: 0px 2px;
	width: 288px;
	height: 47px;
	position: absolute;
	top: 5350px;
	left: 475px;
	padding-top: 15px;
	padding-left: 200px;
	z-index: 1;
	text-shadow: 2px 2px 5px #000;
	filter: dropshadow(color=#000, offx=2, offy=2); 
}

.contact h3:hover a {
	background-position: 0px 63px;
	background-repeat: none;
}

#dance {
	margin-left: 150px;
}

#footer {
	background-color: #39C;
	padding: 15px;
	margin-top:10px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}

#backtocollar {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: right;
	margin-bottom: 5px;
}

#backtocollar a {
	text-decoration: none;
	color: #000;
}

#backtocollar a:hover {
	color: #FFF;
}

#copyright {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

#heart {
	position: fixed;
	margin-left: 800px;
	margin-top: -165px;
	z-index: 500;
}

.speech {
	background-image: url(images/SpeechBubbleNew-Right.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 215px;
	margin-left: 470px;
	margin-bottom: -100px;
}

.speech p {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-align: center;
	padding-top: 35px;
	margin-bottom: 0;
	line-height: 110%;
}

.bold {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 110%;
}

/* Sweaters default begins */

#sweaters span {
	position: relative;
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}

#sweaters a {
	text-decoration: none;
}

.orange a { 
	background-image: url(images/2OrangeandCreme.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 255px;
	width: 320px;
	margin-left: 175px;
	margin-bottom: 100px;
	display: block;
}

.orange a span { 
	left: 115px;
	top: 270px;
}

.argyle a { 
	background-image: url(images/2Argyle.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 285px;
	width: 280px;
	margin-left: 560px;
	margin-bottom: 20px;
	display: block;
}

.argyle a span { 
	left: 230px;
	top: 267px;
}

.peter a { 
	background-image: url(images/2PeterRiddle.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 295px;
	width: 275px;
	margin-left: 125px;
	margin-bottom: 0;
	display: block;
}

.peter a span { 
	left: 97px;
	top: 270px;
}

.sailor a { 
	background-image: url(images/2SailorStripe.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 250px;
	width: 285px;
	margin-left: 540px;
	margin-bottom: -80px;
	display: block;
}

.sailor a span { 
	left: 230px;
	top: 255px;
}

.mensfolk a { 
	background-image: url(images/2MensFolk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 310px;
	width: 315px;
	margin-left: 100px;
	margin-bottom: -90;
	display: block;
}

.mensfolk a span { 
	left: 30px;
	top: 20px;
}

.canary a { 
	background-image: url(images/2CanaryYellow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 320px;
	width: 280px;
	margin-left: 625px;
	margin-bottom: 0px;
	display: block;
}

.canary a span { 
	left: 110px;
	top: 325px;
}

.vince a { 
	background-image: url(images/2Vince.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 295px;
	width: 380px;
	margin-left: 200px;
	margin-bottom: -70;
	display: block;
}

.vince a span { 
	left: 45px;
	top: 275px;
}

.sheernavy a { 
	background-image: url(images/2SheerNavy.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 360px;
	width: 335px;
	margin-left: 540px;
	margin-bottom: -70px;
	display: block;
}

.sheernavy a span { 
	left: 250px;
	top: 335px;
}

.cropped a { 
	background-image: url(images/2CroppedFolk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 320px;
	width: 320px;
	margin-left: 100px;
	margin-bottom: 0;
	display: block;
}

.cropped a span { 
	left: 3px;
	top: 50px;
}

.oatmeal a { 
	background-image: url(images/2OatmealDress.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 415px;
	width: 270px;
	margin-left: 500px;
	margin-bottom: -70px;
	display: block;
}

.oatmeal a span { 
	left: 240px;
	top: 390px;
}

.cookie a { 
	background-image: url(images/2CookieMonster.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 325px;
	width: 315px;
	margin-left: 125px;
	margin-bottom: 0;
	display: block;
}

.cookie a span { 
	left: 105px;
	top: 335px;
}

.holiday a { 
	background-image: url(images/2HolidayTurtle.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 360px;
	width: 330px;
	margin-left: 510px;
	margin-bottom: -70px;
	display: block;
}

.holiday a span { 
	left: 30px;
	top: 25px;
}

.cowl a { 
	background-image: url(images/2StripedCowl.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 305px;
	width: 305px;
	margin-left: 125px;
	margin-bottom: 0;
	display: block;
}

.cowl a span { 
	left: 0px;
	top: 280px;
}

.redcuffs a { 
	background-image: url(images/2RedCuffs.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 402px;
	width: 415px;
	margin-left: 540px;
	margin-bottom: -70px;
	display: block;
}

.redcuffs a span { 
	left: 340px;
	top: 280px;
}

.bcbg a { 
	background-image: url(images/2BCBG.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 400px;
	width: 285px;
	margin-left: 125px;
	margin-bottom: -70px;
	display: block;
}

.bcbg a span { 
	left: -10px;
	top: 370px;
}

.daddy a { 
	background-image: url(images/2DaddySweater.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 350px;
	width: 345px;
	margin-left: 540px;
	margin-bottom: -70px;
	display: block;
}

.daddy a span { 
	left: 160px;
	top: 355px;
}

/* Sweaters with hover begins */

.orange a:hover { 
	background-position: 0px -255px;
}

.argyle a:hover {
	background-position: 0px -285px;
}

.peter a:hover { 
	background-position: 0px -295px;
}

.sailor a:hover { 
	background-position: 0px -250px;
}

.mensfolk a:hover { 
	background-position: 0px -310px;
}

.canary a:hover { 
	background-position: 0px -315px;
}

.vince a:hover { 
	background-position: 0px -290px;
}

.sheernavy a:hover { 
	background-position: 0px -355px;
}

.cropped a:hover { 
	background-position: 0px -310px;
}

.oatmeal a:hover { 
	background-position: 0px -415px;
}

.cookie a:hover { 
	background-position: 0px -320px;
}

.holiday a:hover { 
	background-position: 0px -355px;
}

.cowl a:hover { 
	background-position: 0px -295px;
}

.redcuffs a:hover { 
	background-position: 0px -395px;
}

.bcbg a:hover { 
	background-position: 0px -395px;
}

.daddy a:hover { 
	background-position: 0px -345px;
}

/* nav begins */

/* MUSIC NAV BGINS*/

#musicnav {
	margin-left: 100px;
	width: 750px;
	margin-top: 70px;
}

#musicnav .album {
	float: left;
	width: 130px;
	margin-right: 50px;
	margin-bottom: 70px;
}

#musicnav .albumlong {
	float: left;
	width: 130px;
	margin-right: 50px;
	margin-bottom: 50px;
}

#musicnav h3 {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 10px;
}

#musicnav h4 {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
}

#knitting {
	margin-bottom: 50px;
}

/*PATTERNS INFO BEGINS*/

#patterns h3 {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 10px;
}

#patterns a {
	text-decoration: none;
}

#patterns h4 {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 5px;
}
	
#patterns {
	margin-top: 70px;
	margin-left: 100px;
}

#patterns .yarnball {
	float: left;
	width: 275px;
	margin-bottom: 35px;
	overflow: hidden;
}

#patterns .yarnball  h3 {
	text-align: center;
}

#patterns .yarnball  h4 {
	text-align: center;
}

#patterns a {
	color: #000;
}

#patterns .yarnball:hover a {
	color: #F0F;
}

/*KNIFTY KNITS PAGE BEGINS*/

.velma img {
	width: 140.8px;
	height: 255px;
	position: absolute;
	left: 270px;
	top: 370px;
}

.weasley img {
	width: 310.4px;
	height: 260px;
	position: absolute;
	left: 450px;
	top: 370px;
}

.jimmy img {
	width: 334px;
	height: 275px;
	position: absolute;
	left: 80px;
	top: 650px;
}

.laverne img {
	width: 205px;
	height: 260px;
	position: absolute;
	left: 460px;
	top: 660px;
}

.bill img {
	width: 204px;
	height: 445px;
	position: absolute;
	left: 685px;
	top: 650px;
}

.spongebob img {
	width: 315px;
	height: 215px;
	position: absolute;
	left: 585px;
	top: 1280px;
}

.mrrogers img {
	width: 215px;
	height: 215px;
	position: absolute;
	left: 145px;
	top:1000px;
}

.glee img {
	width: 422.5px;
	height: 260px;
	position: absolute;
	left: 140px;
	top: 1300px;
}

.freddie img {
	width: 294px;
	height: 345px;
	position: absolute;
	left: 385px;
	top: 935px;
}

/*CORRESPONDENCE PAGE BEGINS*/

#form {
	margin-left: 90px;
	margin-top: 30px;
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	float: left;
}

#form input {
	margin-bottom: 15px;
	margin-left: 20px;
}

#form .email input {
	margin-left: 25px;
	margin-bottom: 25px;
}

#form textarea {
	margin-top: 10px;
	width: 320px;
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 7px;
	padding-left: 5px;
}

#form .buttons input {
	margin-top: 10px;
}

#form fieldset {
	border: 0;
	background-color: #39C;
	width: 330px;
	position: absolute;
	left: 500px;
	padding: 15px 15px 0 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}

#form .share {
	line-height: 115%;
}

#contactwrap {
	position: relative;
}

#sailorhi {
	background-image: url(images/2SailorStripe.png);
	background-repeat: no-repeat;
	background-position: 0px -250px;
	height: 250px;
	width: 285px;
	position: absolute;
	top: 130px;
	left: 130px;
	-moz-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}

#hello {
	background-image: url(images/Hi-Bubble-Stitch.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	position: absolute;
	left: 370px;
	top: 25px;
}

#sailorhi:hover {
	-moz-transform: scale(1.2) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1.2) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1.2) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1.2) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1.2) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

/*BEGIN INDIVIDUAL SWEATER PAGES*/

/*CREAMSICLE*/

.creamsicle { 
	background-image: url(images/2OrangeandCreme.png);
	background-repeat: no-repeat;
	background-position: 0px -255px;
	height: 255px;
	width: 320px;
	position: absolute;
	left: 305px;
	top: 350px;
}

.creamsicle:hover {
	-moz-transform: scale(1) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1) rotate(720deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.stillcream h3 {
	position: absolute;
	top: 650px;
	left: 215px;
	font-size: 80px;
	text-transform: uppercase;
}

.interview {
	width: 700px;
	margin-top: 480px;
	margin-right: auto;
	margin-left: auto;
}

.interview h5 {
	font-family: 'QuicksandBookOblique', Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom: 25px;
}

.interview h5 span {
	font-family: 'QuicksandBoldOblique', Arial, Helvetica, sans-serif;
}

.interview p {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 15px;
	line-height: 120%;
}

.interview p span {
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
}

.orangetype {
	color: #E45C2F;
}

#header #orangea {
	color: #E45C2F;
}

/*ARGYLE*/

.argyle2 { 
	background-image: url(images/2Argyle.png);
	background-repeat: no-repeat;
	background-position: 0px -285px;
	height: 285px;
	width: 280px;
	position: absolute;
	left: 305px;
	top: 350px;
}

.argyle2:hover {
	-moz-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 0deg);
	transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 0deg);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
	
.stillarg h3 {
	position: absolute;
	top: 650px;
	left: 290px;
	font-size: 80px;
	text-transform: uppercase;
}

.greytype {
	color: #666;
}

#header #greya {
	color: #666;
}

/*PETER RIDDLE*/
.peterriddle { 
	background-image: url(images/2PeterRiddle.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 295px;
	width: 275px;
	position: absolute;
	left: 305px;
	top: 350px;
}

.peterriddle:hover {
	background-position: 0px -295px;
}
	
.stillpeter h3 {
	position: absolute;
	top: 660px;
	left: 190px;
	font-size: 80px;
	text-transform: uppercase;
}

.greentype {
	color: #3C9;
}

#header #greena {
	color: #3C9;
}

/*NOT YET PAGE*/

.still {
	margin-top: 50px;
}

.still h3 {
	font-size: 40px;
	line-height: 120%;
	text-align: center;
}

.still h4 {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding-top: 10px;
	text-align: center;
}

.still h5 {
	font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding-top: 75px;
	text-align: center;
}

.still h5 a {
	text-decoration: none;
	color: #4eb548;
	line-height: 125%;
	font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;
}

.still h5 a:hover {
	color: #F0F;
}

#notyetwrapper {
	width: 960px;
	height: 850px;
	background-color: #c1ebfc;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 35px;
	position: relative;
}

#knittingsilver3 {
	background-image: url(images/NeedleBack-smsilver.png);
	background-repeat: none;
	width: 700px;
	height: 105px;
	position: absolute;
	top: 670px;
	left: 270px;
}