/* CSS Document */
body { background-color: #e9bf94; background-image: url(../images/background_water.jpg);
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	}
*html body { 
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /*for other ie versions */
	}
img  { border: 0px; }
a img {border: 0px; }

/* Style Elements+Classes */
h1 { color: #17a2d1; font-size: 130%; font-style: normal; font-weight: bold; text-transform: uppercase; }
h2 { color: #000000; font-size: 110%; font-style: italic; font-weight: normal; }
h3 { color: #17a2d1; font-size: 100%; font-style: normal; font-weight: bold; text-transform: uppercase; }
h4 { color: #333; font-style: italic; font-size: 90%;}

strong {font-weight: bold; }
em {font-style: italic;}



a 			{ color: #17a2d1; font-weight: bold; line-height: 1.05; text-decoration: underline; } /*lh: 1.05 for allow underline */
a:visited 	{ color: #17a2d1; }
a:hover 	{ color: #006699; }

.name {color: #666; font-size: 100%; font-style: normal; font-weight: bold; }
.imgDefault { padding: 2px; border: solid black 1px; border-right-width: 2px; border-bottom-width: 2px;}

/* Layout Elements */
#container { 
	background: #fff url(../images/background-a.jpg) top center no-repeat; 
	width: 770px; height: 475px;
	position: relative;
	margin: 20px auto 0 auto;
	vertical-align: middle;
	border-top: solid #333 1px;
	border-right: solid #000 1px;
	border-bottom: solid #000 1px;
	border-left: solid #333 1px;
}
#containerBoards { 
	background: #f1f4fb url(../images/background-a.jpg) bottom center no-repeat; 
	width: 770px; height: 575px;
	position: relative;
	margin: 20px auto 0 auto;
	vertical-align: middle;
	border-top: solid #333 1px;
	border-right: solid #000 1px;
	border-bottom: solid #000 1px;
	border-left: solid #333 1px;
}
#containerGallery { 
	background: #f1f4fb url(../images/background-f.jpg) bottom center no-repeat; 
	width: 770px; height: 505px;
	position: relative;
	margin: 20px auto 0 auto;
	vertical-align: middle;
	border-top: solid #333 1px;
	border-right: solid #000 1px;
	border-bottom: solid #000 1px;
	border-left: solid #333 1px;
}
#header {
	background-image: url(../images/background_header.jpg);
	background-repeat: no-repeat;
	width: 770px;  height: 154px;
}
#headerLogo {
	width: 262px;
	height: 154px;
	position: absolute;
	top: 0; left: 23px;
	z-index: 3;
}
#headerNav {
	width: 462px;
	height: 30px;
	position: absolute;
	top: 34px; left: 286px;
	z-index: 4;
	border: solid red 0px;
}
#contentHolder {
	position: absolute;
	top: 123px; left: 188px;
	z-index: 4;
	border: solid red 0px;
	width: 580px;
	height: 350px;
	overflow: auto;
}
#contentHolderBoards {
	position: absolute;
	top: 123px; left: 188px;
	z-index: 4;
	border: solid red 0px;
	width: 580px;
	/*height: 350px;*/
	overflow: auto;
}
#contentHolderGallery {
	position: absolute;
	top: 123px; left: 188px;
	z-index: 4;
	border: solid red 0px;
	width: 580px;
	/*height: 350px;*/
	overflow: auto;
}
#content {
	border: solid green 0px;
	margin: 0px;
	width: 550px;
}

#contentTitle { 
	text-align: right;
}

#footer { font-size: 90%; text-align: center; margin-top: 10px;}
#footer a {color: black; font-weight: normal; line-height: 1.25;}



/* Page Specific Classes */
#contentAbout { margin-left: 30px; }
#contentAbout p { margin-top: 10px; margin-right: 10px; }
#contentAboutImg01 {float: right; margin-left: 10px; display: inline; text-align: center; }

#boardsHome { text-align: right; margin: 10px 0; }
.boardsType { border: solid black 1px; margin: 0 0px 20px 30px; }


.boardHolder {float: left; width: 100%; border-bottom: solid #17a2d1 1px; background: #FFFFFF url(../images/gradient_gray.jpg) bottom repeat-x;; 
				border: solid #17a2d1 1px; padding-bottom: 0px; margin-top: 10px;}
	.boardHolderLeft {float: left; border: solid red 0px; display: inline;}
		.boardHolderLeft img { border: solid black 1px; margin: 20px; display: inline;}
		
	.boardHolderRight {float: left; width: 370px; border: solid red 0px; margin: 20px 0; display: inline;}
		.boardTitle { color: #17a2d1; font-weight: bold; font-variant: small-caps; text-align: left; margin: 0px 5px 0 0;}
		.boardDesc { text-align: left; margin: 5px 5px 0 0;}
		.boardSpecs { font-style: italic; text-align: left; margin: 5px 5px 0 0;}
		.boardThumbs { margin: 5px 5px 0 0;}
		.boardThumbs img { border: solid #ccc 1px; padding: 3px; margin: 0 4px 0 0px; }
		.boardThumbs img.boardMagGlass { border-width: 0px; padding: 0px; margin: 0px; }

/*fins page*/
.finHolder {float: left; width: 100%; border-bottom: solid #17a2d1 1px; background: #FFFFFF url(../images/gradient_gray.jpg) bottom repeat-x;; 
				border: solid #17a2d1 1px; padding-bottom: 0px; margin-top: 10px;}
	.finHolderLeft {float: left; border: solid red 0px; display: inline;}
		.finHolderLeft img { border: solid black 1px; margin: 20px; display: inline;}
		
	.finHolderRight {float: left; width: 336px; border: solid red 0px; margin: 20px 0; display: inline;}
		.finTitle { color: #17a2d1; font-weight: bold; font-variant: small-caps; text-align: left; margin: 0px 5px 0 0;}
		.finDesc { text-align: left; margin: 5px 5px 0 0;}
		.finSpecs { font-style: italic; text-align: left; margin: 5px 5px 0 0;}
		.finThumbs { margin: 5px 5px 0 0;}
		.finThumbs img { border: solid #ccc 1px; padding: 3px; margin: 0 4px 0 0px; }
		.finThumbs img.finMagGlass { border-width: 0px; padding: 0px; margin: 0px; }
/*fins page*/





/*old layout */
.boardOrigHolder {float: left; width: 100%; border-bottom: solid #17a2d1 1px; margin-top: 10px; padding-bottom: 10px; background-color: #FFFFFF; border: solid #17a2d1 1px;}
	.boardOrigHolderLeft {float: right; width: 200px; border: solid red 0px; margin-right: 10px;}
		.boardOrigTitle { color: #17a2d1; font-weight: bold; font-variant: small-caps; text-align: left; margin-top: 5px;}
		.boardOrigDesc { margin-top: 5px; text-align: left;}
		.boardOrigSpecs { font-style: italic; margin-top: 5px; text-align: left;}
	.boardOrigHolderRight {float: left; border: solid red 0px; width: 330px;}
		.boardOrigThumb { border: solid #17a2d1 1px; border: solid #fff 1px; float: left; padding: 0px; margin: 4px; }


.contactNameReq {text-align: right; vertical-align: middle; font-weight: bold;}
.contactName {text-align: right; vertical-align: middle;}
.contactInput { margin-left: 5px; width: 220px; }
.contactInputHalf { margin-left: 5px; width: 69px; }
.contactTextArea {margin-left: 5px; width: 320px; height: 50px; }
.contactSubmit {margin-left: 10px; background-color:#66CCFF; color: black; font-weight: bold; padding: 1px 3px;}

.galleryThumb { border: solid #17a2d1 1px; float: left; padding: 1px; margin: 3px; }

.orderingThumb { border: solid #17a2d1 1px; 
				 border-right-width: 1px; border-bottom-width: 1px; 
				 float: left; padding: 1px; margin: 0 25px 3px 3px; }