/*	outline: 1px solid red;  */
/*dark blue 146fab  */
/*light blue 6ec5fe  */
/*purple 6a1f88  */
/*bright green btn 7fce1e  */
/*bright purple btn a112c0  */
/*dark gray text #39444b  */

* {
	margin: 		0;
	padding: 		0;
	outline: 		none;
	border: 		none;
}

body {
	height: 		100%;
	background: 	url(images/page.jpg) no-repeat center top #b6d1eb;
    color: 			#39444b;
	font-family: 	"Trebuchet-MS", Arial, Helvetica, sans-serif;
	font-size: 		62.5%;
}

p {
  font-size: 		14px;
  line-height: 		19px;

}

/*	container - 840 pixels on center  */
div#wrapper {
	position: 		relative;
	width: 			840px;
	margin: 		0 auto;
	background:  	repeat-y scroll 0 0 transparent;
}
/*	container - 1424 pixels on center  */
div#wrapper-brag {
	position: 		relative;
	width: 			1424px;
	margin: 		0 auto;
	background:  	repeat-y scroll 0 0 transparent;
}

div#header {
	width:			700px;
    height: 		69px;
    margin: 		20px 0px 0px 170px;
	background: 	url("images/header.png") no-repeat top left;
}

/*	animated fish upper left  */
div#fish{ 
	position:   	absolute;
	z-index:		99;
	margin:			0;
  	top:        	0px;
  	left:       	0px;	
	height:			80px;
}

/*	animated fish below kiss a fish div  */
div#kiss-a-fish{ 
	position:   	absolute;
	z-index:		77;
  	top:        	530px;
  	left:       	192px;	
}

/*	-------------------------------------------------------------------------------------------------------  */
div#nav {
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
      -webkit-border-radius: 	10px;
      -o-border-radius: 		10px;
      border-radius: 			10px;
	width: 						135px;
	font-weight: 				600;
	text-shadow: 				1px 1px 1px #17446F;
	text-decoration: 			none;
	text-transform: 			uppercase;
	text-align: 				left;
	text-indent: 				35px;
	color: 						white;
	margin: 					0px 0px 0px 0px;
	padding: 					10px;
	float:						right;
	}
div#nav ul {
	list-style: 				none;
	margin: 					0px;
}
div#nav ul li {
	margin: 					0px 0px 13px 0px;
}
div#nav ul li#current a{
	background: 				url(images/nav.png)  no-repeat top left 0 -100px;
}
div#nav ul li#current a:hover{
	background: 				url(images/nav.png) no-repeat top left 0 -50px;
}
div#nav ul li a {
	display: 			block;
	color: 				white;
	text-decoration: 	none;
	font-size: 			20px;
	height: 			50px;
	line-height: 		25px;
	padding: 			5px 0px 0px 0px;
	background: 		url(images/nav.png) no-repeat top left;
}
div#nav ul li a:hover {
	background-position: 0 -50px;
}
div#nav ul li a:active {
	background-position: 0 -100px;
}

.clearfix:before, .clearfix:after {
	content: 			" ";
	display: 			block;
	height: 			0;
	visibility: 		hidden;
}

.clearfix:after {
	clear: 				both;
}

/*	LOVE-TO-FISH.com */
/* text off screen for header image */
div#header h1 {
	text-indent: -3000em;
}

/*	Everyone Has A Story | Top Subhead */
h2 {
	font-weight: 		600;
	font-size: 			20px;
	line-height: 		1.2;
	text-align: 		left;
	text-indent:		270px;
	text-decoration: 	none;
	text-transform: 	uppercase;
	color: 				white;
    margin-bottom: 		20px;
	text-shadow: 		1px 1px 1px #17446F;
}

/*	The Braggin  Board */
h3 {
	font-weight: 		600;
	font-size: 			30px;
	text-decoration: 	none;
	text-transform: 	uppercase;
	color: 				white;
    margin-bottom: 		10px;
	text-shadow: 		1px 1px 1px #17446F;
}

/*	Yellow Intro panel left */
h4 {
	font-weight: 		bold;
    font-size: 			17px;
	line-height: 		1.2;
	text-align: 		left;
	text-decoration: 	none;
	text-transform: 	uppercase;
	color: 				white;
    margin-bottom: 		10px;
	text-shadow: 		1px 1px 1px #17446F;
}

/*	WIN */
h5 {
	font-weight: 		600;
	font-size: 			17px;
	text-decoration: 	none;
	text-transform: 	uppercase;
	color: 				#90C;
    margin-bottom: 		10px;
	text-shadow: 		1px 1px 1px white;
}

/*	this width controls the Brag Box width  */
div#brag {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
      -webkit-border-radius: 	10px;
      -o-border-radius: 		10px;
      border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}

.brag-thumb {
	margin: 					0px;
	padding:					0px 12px 7px 0px;	
	width: 						100px;
	height: 					auto;
	float:						left;
}

/*	quote under brag box  */
div#quote	{
	text-align: 				center;
	font-style:					italic;
	clear:						both;
}	

/*	about | regs  */
div#about	{
	width: 						840px;
	margin: 					5px 0px 0px 0px;
	float: 						right;
	text-align: 				center;
	float:						left;
}	
div#about a:link {
	text-decoration:			none;
}
div#about a:visited {
	text-decoration: 			none;
}
div#about a:hover {
	color: 						#7fce1e;
	text-decoration: 			underline;
}

/*	div for frt page intro left  */
div#storyleft {
	width: 						135px;
	margin: 					0px;
	text-align: 				left;
	font-size: 					14px;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
      -webkit-border-radius: 	10px;
      -o-border-radius: 		10px;
      border-radius: 			10px;
	padding: 					10px 5px 10px 10px;
}

/*	Crazy Clip links to You Tube Video 1 Ice Fish Baby */
div#video {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
      -webkit-border-radius: 	10px;
      -o-border-radius: 		10px;
      border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}
a.video 
{	display: 					block;
	width: 						450px;
	height: 					259px;
	text-indent: 				-1000em;
	background: 				url(../crazy-clips/images/ice-fish-baby.jpg) left top no-repeat;
}

a.video:hover {
	background-image: 			url(../crazy-clips/images/ice-fish-baby-hover.jpg);
}

/*	Crazy Clip links to You Tube Video 2 50 Clips of Fishing Bloopers  */
div#video2 {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
        -webkit-border-radius: 	10px;
        -o-border-radius: 		10px;
        border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}
a.video2 {	
	display: 					block;
	width: 						450px;
	height: 					216px;
	text-indent: 				-1000em;
	background: 				url(../crazy-clips/images/50-bloopers.jpg) left top no-repeat;
}

a.video2:hover {
	background-image: 			url(../crazy-clips/images/50-bloopers-hover.jpg);
}

/*	Crazy Clip links to You Tube Video 3  */
div#video3 {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
        -webkit-border-radius: 	10px;
        -o-border-radius: 		10px;
        border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}
a.video3 {	
	display: 					block;
	width: 						450px;
	height: 					216px;
	text-indent: 				-1000em;
	background: 				url(../crazy-clips/images/fun-god.jpg) left top no-repeat;
}

a.video3:hover {
	background-image: 			url(../crazy-clips/images/fun-god-hover.jpg);
}

/*	Crazy Clip links to You Tube Video 4  */
div#video4 {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 		10px;
        border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}
a.video4 {	
	display: 					block;
	width: 						450px;
	height: 					216px;
	text-indent: 				-1000em;
	background: 				url(../crazy-clips/images/americas-bloopers.jpg) left top no-repeat;
}

a.video4:hover {
	background-image: 			url(../crazy-clips/images/americas-bloopers-hover.jpg);
}


/*fish tales - thumbnails link to stories and jokes */
div#story {
	position: 					relative;
	width: 						500px;
	margin: 					0 auto;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
        -webkit-border-radius: 	10px;
        -o-border-radius: 		10px;
        border-radius: 			10px;
	padding: 					10px;
}
.thumb-story {
	margin: 					0px;
	padding:					0px 11px 0px 0px;	
	width: 						100px;
	height: 					auto;
	float:						left;
	color:						black;	
	font-weight:				bold;
	font-size:					100%;
}

/*recipes - fish fry friday */
div#recipe {
	position: 					relative;
	width: 						500px;
	margin: 					0 auto;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
        -webkit-border-radius: 	10px;
        -o-border-radius: 		10px;
        border-radius: 			10px;
	padding: 					10px;
}

/*	family fun  */
div#family-fun {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
      -webkit-border-radius: 	10px;
      -o-border-radius: 		10px;
      border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}
div#family-fun img{
	margin: 					0px 0px 0px 10px;
	padding: 					0px;
	width: 						250px;
	float:						right;
}

/*kids corner images*/
div#kids-images {
	width: 						450px;
	margin: 					0px 33px 0px 0px ;
	text-align: 				left;
    background: 				#849fa7;
	background: 				rgba(255, 255, 255, 0.3);
	-moz-border-radius: 		10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 		10px;
        border-radius: 			10px;
	padding: 					10px;
	float: 						right;
}

/*wear-it art thumbnails shirts*/
div#wear-it-th {
	position: 					relative;
	width: 						500px;
	margin: 					0 auto;
}
.wear-it-th {
	margin: 					0px;
	padding:					0px;	
	width: 						225px;
	height: 					auto;
	float:						left;
	color:						black;	
	font-weight:				bold;
	font-size:					100%;
}

/*wear-it art thumbnails jewelry*/
div#wear-it-th-jewelry {
	position: 					relative;
	width: 						500px;
	margin: 					0 auto;
}
.wear-it-th-jewelry  {
	margin: 					0px 10px 0px 0px;
	padding:					0px;	
	width: 						140px;
	height: 					auto;
	float:						left;
	color:						black;	
	font-weight:				bold;
	font-size:					100%;
}

/*background for wearables pages*/
div#wearables {
	background:					#1f1f1f;
	height: 					1500px;
    width: 						auto;
}

/*container for shirt samples*/
div#samples {
	position: 					relative;
	width: 						840px;
	margin: 					0 auto;
}
.samples {
	margin: 					0px;
	padding:					0px;	
	width: 						168px;
	height: 					auto;
	float:						right;
	color:						black;	
	font-weight:				bold;
	font-size:					100%;
}
/*container for pay pal buttons for shirts*/
div#pay-pal {
	margin: 					20px 0px 0px 0px;
	padding:					0px;	
	width: 						168px;
	height: 					auto;
	float:						left;
	color:						white;	
	font-weight:				bold;
	font-size:					100%;
}

/*container for pay pal buttons for jewelry first item*/
div#pay-pal-jewelry {
	margin: 					20px 12px 0px 170px;
	padding:					0px;	
	width: 						168px;
	height: 					auto;
	float:						left;
	color:						white;	
	font-weight:				bold;
	font-size:					100%;
}
/*container for pay pal buttons for jewelry*/
div#pay-pal-jewelry-2 {
	margin: 					20px 12px 0px 0px;
	padding:					0px;	
	width: 						168px;
	height: 					auto;
	float:						left;
	color:						white;	
	font-weight:				bold;
	font-size:					100%;
}


/*shopping cart on wear-it pages*/
div#cart	{ 	position:  	 	absolute;
				z-index:		99;
  				top:        	130px;
  				left:       	520px;
}
/*shopping cart wearables pages*/
div#cart-2	{ 	position:   	absolute;
				z-index:		99;
  				top:        	160px;
  				left:       	750px;
}
/*back button*/
div#back	{ 	position:   	absolute;
				z-index:		99;
  				top:        	130px;
  				left:       	0px;
}
/*free shipping today*/
div#ship	{ 	position:   	absolute;
				z-index:		80;
  				top:        	270px;
  				left:       	650px;
}
/* contact button */
div#contact	{ 	position:   	relative;
}
a.contact {		display: 		block;
				width: 			125px;
				height: 		69px;
				background: 	url(images/contact-btn.png) left top no-repeat;
}
a.contact:hover {
			background-image: url(images/contact-btn-hover.png);
}

/*colors and special spans*/
.yellow {
	color: 						#FF0;
}
.red {
	color: 						#f80723;
}
.blue {
	color: 						#093059;
}
.orange	{
	color:						#ff7f00;
}
.green	{
	color:						#3F0;
}
.purple	{
	color:						#90C;
}
.gray	{
	color:						#39444b;
}
.bkgrd-color {
	color:						#b6d1eb
}
.bold	{     
	font-weight: 				bold;
}
.text-indent-20	{
	text-indent: 				20px;
}
.red-bold	{
	color: 						#f80723;
	font-weight: 				bold;
}
.small {
	font-size:					9px;
}