@charset "UTF-8";
/* CSS Document */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div {
	margin:10px;
	border:1px;
	border-color:transparent;
	border-style:solid;
}

a{
	border:none;
}
.left-arrow{
	position:absolute;
	top:525px;
	left:120px;
	width:28px;
}
.right-arrow{
	position:absolute;
	top:525px;
	left:180px;
	width:50px;
}
/*front page*/

.container1{
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	height:600px;
	width:442px;	
}

.borderfrontpage{
	width:559px;
	margin-left:auto;
	margin-right:auto;
	

}

.container_interior{
	
	position:relative;
	top:-420px;
	left:1px;
	margin-left:auto;
	margin-right:auto;
	height:460px;
	width:380px;


}
.allie{
	position:absolute;
	width:445px;
	top:5px;
	left:-6px;

}
.runnion {
	width:120px;
	position:absolute;
	left:255px;
	top:116px;
}
.illustration {
	width:60%;
	position:absolute;
	left:0px;
	top:117px;
}

.design {
	width:52%;
	position:absolute;
	left:65px;
	top:169px;
	margin: 10px;
	padding: -5px;
}
.pattern {
	width:17.5%;
	position:absolute;
	left: 0px;
	top:174px;
	margin: 10px;
	padding: 0px;
}

.aboutme {
	width:11%;
	height:31%;
	position:absolute;
	top:242px;
	left:216px;
}
.product {
	width:43%;
	position:absolute;
	top:242px;
	left:65px;
}
.contact {
	width:35%;
	position:absolute;
	top:302px;
	left:70px;
}
.links {
	width:7%;
	height:15%;
	position:absolute;
	top:298px;
	left:187px;
}



/*secondarypage*/

.container2 {
	position:relative;
	margin-left:auto;
	top:0px;
	margin-right:auto;
	height:900px;
	width:1000px;
	border:1px solid transparent;
}

.containerimages{
	position:absolute;
	top:-6px;
	left:352px;
	margin-left:auto;
	margin-right:auto;
	height:650px;
	width:600px;
}
.bordersecondarypage{
	width:562px;
	position:relative;
	left:160px;
	top:50px;

}

.leftsidebar{
	height: 400px;
	width: 160px;
	position:relative;
	top: -800px;
	left: 100px;
}
.illustrationsmall{
	position:relative;
	left:-20px;
}
.designsmall{
	position:relative;
	left:4px;
	top:-6px;
	

}
.patternsmall{
	position:relative;
	left:-3px;
	top:-17px;

}
.productsmall{
	position:relative;
	left:-12px;
	top:-27px;
}
.aboutmesmall{
	position:relative;
	top:-39px;
	left:8px;
	width:80px;
}
.contactsmall{
	position:relative;
	top:-45px;
	left:-8px;

}
.linkssmall{
	position:relative;
	left:16px;
	top:-60px;
	width:70px;
}
.nameframed {
	position:relative;
	top:-500px;
	left:64px;
	width:210px;

}

.whitebox {
	position:relative;
	top:-470px;
	left:50px;
	width:150px;
}



.gallery{
	position:absolute;
	width:600px;
	height:600px;
	top:-47px;
	left:-2px;
	padding:10px;
}

.captions{
	position:absolute;
	top:520px;
	left:82px;

}

/*illustration page*/

.barking{
	position:absolute;
	margin-left:52px;
	margin-top:70px;
	width:400px;
	height:500px;
	left: 1px;
	top: 41px;
}
.manly{
	width:500px;
	height:510px;
	margin-left:44px;
	margin-top:65px;
}
.allsummer{
	width:500px;
	height:490px;
	margin-left:47px;


}

.juggling{
	width:500px;
	height:500px;
	margin-left:55px;
	margin-top:10px;
}
.fashion{
	width:500px;
	height:500px;
	margin-left:105px;
}

.static{
	width:500px;
	height:350px;
	margin-top:110px;
	margin-left:15px;
}
.stilllife{
	width:420px;
	height:420px;
	margin-left:56px;
	margin-top:73px;
}
.haircut{
	height:435px;
	width:435px;
	margin-top:65px;
	margin-left:33px;
}

/*products page*/
.bracelets{
	position:absolute;
	margin-left:15px;
	margin-top:113px;
	width:550px;
	height:360px;
	border:1px solid transparent;

}
.bracelets2{
	position:absolute;
	margin-left:15px;
	margin-top:116px;
	width:550px;
	height:360px;
	border:1px solid transparent;

}
.sketchbooks{
	position:absolute;
	margin-left:15px;
	margin-top:113px;
	width:550px;
	height:360px;
	border:1px solid transparent;

}
.collars{
	position:absolute;
	margin-left:42px;
	margin-top:0px;
	width:550px;
	height:360px;
	border:1px solid transparent;

}
.collars2{
	position:absolute;
	margin-left:15px;
	margin-top:113px;
	width:550px;
	height:500px;
	border:1px solid transparent;

}
.cat{
	position:absolute;
	margin-left:45px;
	margin-top:60px;
	width:550px;
	height:500px;
	border:1px solid transparent;

}
.house{
	position:absolute;
	margin-left:47px;
	margin-top:60px;
	width:550px;
	height:500px;
	border:1px solid transparent;

}
.horse{
	position:absolute;
	margin-left:65px;
	margin-top:74px;
	width:550px;
	height:500px;
	border:1px solid transparent;

}
/*design*/

.flukes{
	width:530px;
	height:500px;
	margin-top:80px;
	margin-left:15px;
	border:1px solid transarent;
}

.lonegull{
	width:530px;
	height:500px;
	margin-top:87px;
	margin-left:15px;
	border:1px solid transarent;
}

.redballoon{
	width:530px;
	height:500px;
	margin-top:105px;
	margin-left:15px;
	border:1px solid transarent;
}

.beer{
	width:530px;
	height:500px;
	margin-top:75px;
	margin-left:15px;
	border:1px solid transarent;
}

.mayo1{
	width:530px;
	height:420px;
	margin-top:65px;
	margin-left:28px;
	border:1px solid transparent;
}
.mayo2{
	width:530px;
	height:420px;
	margin-top:68px;
	margin-left:32px;
	border:1px solid transparent;
}
.cover {
	position:absolute;
	margin-top:50px;
	left:10px;
	height:455px;
	width:400px;
	border:1px solid transparent;
}
.viewmore{
	position:absolute;
	top:220px;
	left:380px;

}
.spread{
	width:530px;
	height:500px;
	margin-top:115px;
	margin-left:10px;
	
}

/*patterns*/
.modernfloral{
	margin-top:84px;
	margin-left:-25px;
	padding:0px;
	position:absolute;
	height:470px;
	width:550px;

}
.silhouettes{
	margin-top:115px;
	margin-left:20px;
	padding:0px;
	position:absolute;
	height:470px;
	width:550px;

}
.silhouettes2{
	margin-top:115px;
	margin-left:20px;
	padding:0px;
	position:absolute;
	height:430px;
	width:500px;
	

}
.ornamental{
	margin-top:86px;
	margin-left:10px;
	padding:0px;
	position:absolute;
	height:470px;
	width:550px;

}
.fruit{
	margin-top:40px;
	margin-left:-10px;
	padding:0px;
	position:absolute;
	height:470px;
	width:550px;

}
/*about me */
.aboutme_picture{
	position:absolute;
	border:1px solid transparent;
	top:130px;
	left:560px;
	width:230px;
}
.aboutme_caption{
	position:absolute;
	top:290px;
	left:300px;

}
.aboutme_resume{
	position:absolute;
	top:440px;
	left:605px;

}
/*contact*/
.phone{
	position:absolute;
	top:135px;
	left:480px;

}
.number{
	width:250px;
	position:absolute;
	top:390px;
	left:545px;

}

.email{
	width:250px;
	position:absolute;
	top:320px;
	left:380px;

}