/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
	padding-left: 40px;
	
} 

H1{
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	text-transform: none;
	letter-spacing: 2px;
}

H2{	font-size: 36px;}


.size18{
	font-size: 18px;
	font-weight: normal;
}

.B2{
	font-size: 15px;
	text-align: left;
	font-weight: bolder;
}

.I2{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}


	#to-cart{
	float: left;
	position: relative;
	width: 50px;
	height: 20px;
}

	#to-cart a{
	background-image: url(images/to-cart.png);
}

	#to-cart a:hover{
	background-image: url(images/to-cart-hover.png);
}

	#zoom{
	float: left;
	background-image: url(images/zoom2.png);
	position: relative;
	width: 25px;
	height: 20px;
	clear: both;
}

	#checkout{
	float: left;
	position: relative;
	width: 75px;
	height: 30px;
}

	#checkout a{
	background-image: url(images/checkout.png);
}

	#checkout a:hover{
	background-image: url(images/checkout-hover.png);
}

/*---------- Menu Styles -----------*/
.disabled{
	color: #CCCCCC;
}

#navtop{
	width: 960px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	float: left;
	margin-top: 0px;
	width: 480px;
	background-color: #C4FFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}

#navlist li
{
	display: block;
	list-style-type: none;
	width: 158px;
	float: left;
	border: solid #cccccc 1px;
	text-align: center;
}

#navlist a {
	text-decoration: none;
	color: #00AEAE;
}



#navlist a:hover
{
	color: #fff;
	background-color: #369;
	text-decoration: none;
	display: block;
}

/**-----------------------------------------------*/

#main{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	height: 740px;
}

/**---- INTRO PG DIVS ----**/
#p1-left-blue{
	width: 480px;
	position: relative;
	background-color: #E4F3F3;
	text-align: right;
	float: left;
	height: 716px;
}

#p1-pic{
	width: 260px;
	left: 20px;
	position: relative;
	top: 0px;
	float: left;
}

#p1-wav{
	width: 960px;
	left: 0px;
	top: -7px;
	position: relative;
	float: right;
}

#p1-enter{
	width: 150px;
	position: relative;
	background-image: url(images/enter2.png);
	height: 122px;
	float: right;
	margin-top: -500px;
	background-repeat: no-repeat;
}


.block{
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
} 


#p1-enter a:hover{
	background-image: url(images/enter2-hover.png);
	width: 150px;
	height: 122px;
	background-repeat: no-repeat;
}

/**---- PG  2 DIVS ----**/

#main-p2{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	height: 740px;
}

#p2-left-blue{
	width: 480px;
	position: relative;
	background-color: #E3EfEf;
	float: left;
	height: 740px;
}

#p2-squiggle1{
	width: 591px;
	left: 0px;
	top: 0px;
	position: relative;
	float: right;
	margin-top: -508px;
	height: 10px;
}

#p2-squiggle2{
	left: 0px;
	top: 0px;
	position: relative;
	float: right;
	margin-top: -260px;
}

#p2-wav{
	width: 960px;
	left: 0px;
	top: 0px;
	position: relative;
	float: right;
	margin-top: -10px;
}

#p2-txt{
	width: 360px;
	float: left;
	margin-left: 40px;
	margin-top: 100px;
}

#p2-pic-a{
	float: left;
	margin-top: -740px;
	margin-left: 485px;
	width: 142px;
	height: 237px;
}

#p2-pic-b{
	float: left;
	margin-top: -505px;
	margin-left: 503px;
	width: 105px;
	height: 245px;
}

#p2-pic-c{
	float: left;
	margin-top: -260px;
	margin-left: 503px;
	width: 122px;
	height: 246px;
}

#p2-pic-d{
	float: left;
	margin-top: -740px;
	margin-left: 635px;
	width: 126px;
	height: 240px;
}

#p2-pic-e{
	float: left;
	margin-top: -500px;
	margin-left: 620px;
	width: 153px;
	height: 466px;
}

#p2-pic-f{
	float: left;
	margin-top: -740px;
	margin-left: 773px;
	height: 484px;
	width: 166px;
	}
	
	#p2-pic-g{
	float: left;
	margin-top: -252px;
	margin-left: 795px;
	width: 138px;
	height: 239px;
}


/**---- PG  2 DIVS ----**/
	
	
#main-p3{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height: 716px;
	clear: both;
}

#p3-squiggle1{
	float: left;
	width: 960px;
	height: 10px;
	margin-top: 216px;
}

#p3-squiggle2{
	float: left;
	width: 960px;
	height: 10px;
	margin-top: 232px;
}

#p3-wav{
	width: 960px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}


#p3-Sea{
	float: left;
	margin-top: 42px;
	margin-left: 500px;
	width: 296px;
	height: 169px;
}



#p3-pic-a{
	margin-top: -480px;
	margin-left: -780px;
	float: left;
	width: 125px;
	height: 230px;
}

#p3-pic-b{
	margin-top: -250px;
	margin-left: -790px;
	float: left;
	width: 146px;
	height: 233px;
}
#p3-pic-c{
	margin-top: -9px;
	margin-left: -783px;
	float: left;
	width: 125px;
	height: 221px;
}
#p3-pic-d{
	margin-top: -480px;
	margin-left: -642px;
	float: left;
	width: 248px;
	height: 690px;
}
#p3-pic-e{
	margin-top: -480px;
	margin-left: -396px;
	float: left;
	width: 118px;
	height: 228px;
}
#p3-pic-f{
	margin-top: -245px;
	margin-left: -410px;
	float: left;
	width: 138px;
	height: 236px;
}
#p3-pic-g{
	margin-top: -480px;
	margin-left: -280px;
	float: left;
	width: 177px;
	height: 454px;
}
#p3-pic-h{
	margin-top: -480px;
	margin-left: -105px;
	float: left;
	width: 123px;
	height: 237px;
}
#p3-pic-i{
	margin-top: -248px;
	margin-left: -120px;
	float: left;
	height: 239px;
	width: 127px;
}
#p3-pic-j{
	margin-top: -480px;
	margin-left: 15px;
	float: left;
	width: 134px;
	height: 248px;
}
#p3-pic-k{
	margin-top: -248px;
	margin-left: 35px;
	float: left;
	width: 110px;
	height: 240px;
}

#p3-txt{
	width: 490px;
	height: 165px;
	margin-top: -200px;
	float: left;
	margin-left: 430px;
}

/*-- CONTACT PG DIVS --**/
#main-contact{
	margin-left: auto;
	margin-right: auto;
	background-color: #5dced6;
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height: 740px;
	background-image: url(images/Contacts-background.jpg);
	background-position: bottom left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1em;
}
 #contact-info{
	width: 100%;
	height: 220px;
	padding-left: 40px;
	margin-top: -10px;
}

#contact-info2{
	width: 960px;
	height: 220px;
	margin-top:20px;
	
}

#contact-info a{
	color: #99FFCC;
	text-decoration: none;
	font-size: 16px;
}


	
.right-underline{
	width: 75%;
	border-bottom: solid white 1px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: lighter;
	font-size: 24px;
}