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


body {
	width: 100%;
	background-image: url(images/foggy_birds_1.png);
	font-family: 'Roboto', sans-serif;	
	font-size: 14px;
	margin: 0px auto;	
}	

.main {
	width: 1024px;
	margin: 0px auto;
}
header {
	width: 1024px;
	margin: 20px auto;

}
.box1 {
	width: 100%;
	padding: 0px;
	margin: 20px auto 25px auto;
	font-size: 14px;
}
.box2 {
	width: 1024px;
	display: inline-block;	
	padding: 0px;
	margin: 0px 0px 25px 0px;
}
.imgstring {
	display: block;
	width: 196px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
h1 {
	font-family: 'Kaushan Script', cursive;
	font-size: 24px;
	color: #4d4d4d;
	text-shadow: #999 -2px 2px 3px;	
}
h2 {
	font-size: 	16px;
	color: #4d4d4d;
}
p {
	font-size: 14px;
	color: #4d4d4d;	
	line-height: 1.75em;
}

/*SPECIFIC TO NAV BAR*/
nav {
	font-family: 'Kaushan Script', cursive;
	padding: 0px;
	margin: 0px auto;
	display: inline-block;
	text-align: center;
}
#menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu a.bar {
	display: block;
	width: 143px;
	font-size: 18px;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px;
	background-color: #4d4d4d;
	color: #fff;
	text-decoration: none;
	text-align: center;	
}
#homenav a {
	display: block;
	width: 464px;
	text-align: left;
	font-size: 18px;
	margin: 0px;
	padding: 10px 20px;
	background-color: #4d4d4d;
	color: #fff;
	text-decoration: none;
}
#menu li {
	float: left;
}
#menu a:hover {
	color: #2e4979;
	background: #bababa;	
}
#menu ul a:hover {
	background: #777;
	color: #fff;	
}
/*END OF NAV BAR*/

/*SPECIFIC TO HOME PAGE*/
figure  {
	float: left;
	width: 334px;
}
#left {
	padding: 0px;
	margin: 10px 0px;
}
#center {
	padding: 0px;
	margin: 10px;
}
#right {
	padding: 0px;
	margin: 10px 0px;
}
figcaption {
	font-size: 14px;
	line-height: 1.75em;
	text-align: left;
	width: 100%;
	color: #4d4d4d;
	padding: 0px 2px;
	margin-bottom: 25px;
}
figure img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
/*END OF HOME PAGE*/

/*SPECIFIC TO ABOUT PAGE*/
#selfie {
	float: left;
	width: 336px;
	margin: 10px 0px 10px 10px;
	padding: 0px;
}
#wavebow {
	width: 678px;
	margin: 10px 0px;	
}
#hike {
	padding: 0px;	
}
#quote {
	width: 678px;
	height: 478px;
	background-image: url(images/wavebow.jpg);
	margin: 10px 0px;
	color: #fff;
	text-align: center;
	float: left;
	padding: 0px;
	font-style: italic;
	font-size: 18px;
	line-height: 880px;
}
/*END OF ABOUT PAGE*/

/*SPECIFIC TO CONTACT PAGE*/
#box5 {
	float: left;
	width: 490px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 20px;
	color: #4d4d4d;	
}
#social {
	width: 490px;
	margin: 20px auto;
	padding: 20px 0px;
}
#social li {
	text-decoration: none;
	list-style-type: none;
}
#social a {
	float: left;
	display: block;
	text-decoration: none;
}
form {
	float: left;
	width: 464px;
	height: auto;
	margin: 0px 0px 25px 0px;
	padding: 20px;
}
label {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 10px 0px;
	border-radius: 4px;
}
input {
	background-color: #fff;
	display: block;
	float: left;
	padding: 10px;
	width: 440px;
	font-size: 14px;
	border-radius: 6px;
}
select {
	display: block;
	height: 30px;
	float: left;
	width: 220px;
	margin-bottom: 20px;
}
.textarea {
	margin-bottom: 20px;	
}
input:focus, select:focus, text:focus {
	border: #4d4d4d;
	border-radius: 6px;
	color: #039;
}
#like {
	color: #4d4d4d;
	margin: 0px 20px 20px 0px;
}
#submit {
	width: 100px;
	padding: 10px 0px;
	text-align: center;
	float: right;
	color: #4d4d4d;
	background-color: #fff;
}
#instagram a {
	background: url(images/sm_ig.png) 0px 0px;
	margin: 0px 20px;
}
#facebook a{
	background: url(images/sm_fb.png) 0px 0px;
	margin: 0px 20px;
}
#twitter a {
	background: url(images/sm_tw.png) 0px 0px;
	margin: 0px 20px;
}

#social a.rollover {
	width: 87px;
	height: 87px;
}

#instagram a.rollover:hover {
	background: url(images/sm_ig.png) 0px -87px;
}
#facebook a.rollover:hover {
	background: url(images/sm_fb.png) 0px -87px;
}
#twitter a.rollover:hover {
	background: url(images/sm_tw.png) 0px -87px;
}
#pelicans {
	width: 1024px;
	margin: 10px 0px 0px 0px;
	padding: 0px;	
}
#emailme {
	text-decoration: none;
	padding: 0px;
	color: #900;
}
#cin5 {
	width: 490px;
	margin: 0px;
	text-align: center;
}
#cin5 a:hover {
	color: #2e4979;
}
/*END OF CONTACT PAGE*/

/*SPECIFIC TO MUSTS PAGE*/
.kitbox {
	width: 900px;
	height: auto;	
	margin: 10px auto;
	padding: 50px;
	
}
.kitimage {
	float: left;
	margin: 0px;
	padding: 4px;
	position: relative;	
}
a img {
	text-decoration: none;
}
.kitbox a:hover img {
	padding: 0px;
	border: solid #4d4d4d 4px;
	z-index: 99px;
}
#one {
	width: 163px;
	float: left;
	margin: 0px;
	padding: 0px 8px 0px 0px;
}
#ship1 {
	width: 163px;
	height: 216px;
	border-top-left-radius: 8px;
}
#bike1 {
	width: 229px;
	height: 163px;
}
#lucy1 {
	width: 144px;
	height: 163px;
}
#mug1 {
	width: 115px;
	height: 163;
}
#turtle1 {
	width: 118px;
	height: 163;
	border-top-right-radius: 8px;
}
#necklace1 {
	width: 83px;
	height: 296px;
}
#harmonica1 {
	width: 252px;
	height: 125px;
}
#cd1 {
	width: 248px;
	height: 125px;
}
#uglycorn1 {
	width: 114px;
	height: 125px;
}
#cards1 {
	width: 163px;
	height: 119px;
}
#pen1 {
	width: 163px;
	height: 82px;
}
#daruma1 {
	width: 132px;
	height: 100px;
}
#flops1 {
	width: 150px;
	height: 100px;
}
#knife1 {
	width: 250px;
	height: 100px;
}
#sizzors1 {
	width: 165px;
	height: 100px;
}
#charcloth1 {
	width: 163px;
	height: 143px;
	border-bottom-left-radius: 8px;
}
#scarf1 {
	width: 168px;
	height: 171px;
}
#jar1 {
	width: 148px;
	height: 171px;
}
#shirt1 {
	width: 216px;
	height: 171px;
}
#bone1 {
	width: 165px;
	height: 171px;
	border-bottom-right-radius: 8px;
}
/*END OF MUSTS PAGE*/

/*SPECIFIC TO INDIVIDUAL ITEM PAGES*/
.arrows {
	width: 1024px;
	margin: 0px auto;
	padding: 0px;
}
.overlay {
	width: 677px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	top: 150px;
}
.box4 {
	width: 531px;
	padding: 0px;	
	margin: -80px auto 0px auto;
}
a.back img {
	width: 73px;
	margin: 0px;
	padding: 0px 527px 0px 0px;
}
a.next img {
	width: 73px;
	margin: 0px;
	padding: 0px;
}
.kit {
	border: 2px solid #4d4d4d;
	margin: 0px;
	padding: 0px;
	width: 527px;
}
#itemtext {
	width: 677px;
	margin: -20px auto 0px auto;	
}
#imgtitle {
	width: 677px;
	margin: 0px;
	text-align: center;
}
.firstimg {
	float: left;
	width: 196px;
	display: block;
	padding: 0px;
	margin: 0px;
}
.box2 a:hover img {
	width: 192px;
	border: solid #4d4d4d 2px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.box2 a:hover .firstimg {
	width: 192px;
	border: solid #4d4d4d 2px;
	margin: 0px;
	padding: 0px;
}
/*END OF INDIVIDUAL ITEMS PAGE*/