/* CSS Document */
/* Links to MY PORTFOLIO SITE - index.html, ar.html, web.html, images.html, print.html */
/* Built using 1 div - main# with 1 table inside - div to position absolute top left - alternative to center on a blk background; see #main commented out*/
body { 
	background: #FFFFFF;
	font-size:small;
	margin:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#main {
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	width:672px;
	height:100%;
}
/*#main {
	position:absolute;
	left:50%;
	margin-top:50px;
	margin-left:-336px;
	border:none;
	width:672px;
	height:100%;
}*/

/* TO ELIMINATE BORDER SPACING AROUND ALL CELLS USE border-collapse:collapse;  */
table {
	border-collapse:collapse;
	width:100%;
}

/*  Gecko-based browsers set the display CSS property for images to a default inline. And the vertical-align property applies to inline elements and it's default value is baseline. So, unless you say otherwise, all images will have a gap of several pixels (the actual size depends on the font-size property for the containing block) below them. This gap is only really noticable (and unwanted) in situations where the image is used outside an inline context. Like when the image is used by itself in a table cell. To get rid of the gap, set the display to block or vertical-align to text-bottom - whatever seems appropriate for the situation. SOURCRE FOR INFOhttp://72.14.205.104/search?q=cache:NS47ZqyfGZgJ:dithered.chadlindstrom.ca/attic/archives/200207.html+FLASH+OBJECT+IS+INLINE+ELEMENT+FIX+GAPS&hl=en&ct=clnk&cd=2&client=firefox-a     http://dithered.chadlindstrom.ca/index.html  */

/*  FIX GAP AROUND IMG AND FLASH OBJECT USE display:block; SEE EXPLANATION ABOVE  */
img {
	display:block;
}
object {
	display:block;
}

.head1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	letter-spacing:.75px;
	padding-left:13px;
	padding-top:8px;
	text-align:left;
	color: #FF0000;
}
.copy1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	letter-spacing:.75px;
	padding-left:13px;
	padding-top:8px;
	text-align:left;
	color:#000000;
}
.copy2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	letter-spacing:.75px;
	padding-left:13px;
	text-align:left;
	color:#000000;
	margin-top:-2%;
}
.copy2tag {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	letter-spacing:.75px;
	padding-left:13px;
	text-align:left;
	/*line-height:5px;*/
	line-height:110%;
	color: #FF0000;
	margin-top:-2%;
}
.copy3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	font-size:100%;
	letter-spacing:.75px;
	padding-left:13px;
	text-align:left;
	color:#000000;
	margin-top:-2%;
}
.copy4linkpages {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*font-size:12px;*/
	font-size:90%;
	letter-spacing:.55px;
	padding-left:13px;
	text-align:left;
	/*line-height:5px;*/
	line-height:110%;
	color: #336600;
	margin-top:-2%;
}
#boxcopy_r3_2 {
	width:261px;
	height:262px;
	border:none;
	background-color: #FFFFFF;
}
#box_r4_n2 {
	width:18px;
	height:26px;
	border:none;
	background-color: #FFFFFF;
}
#box_r5_1_6 { /* ADJUST TO ADD LifeGems Link AT BOTTOM */
	/*width:672px;
	height:12px;*/
	border:none;
	background-color: #FFFFFF;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:110px;
}
#box_r6_n1 {
	width:108px;
	height:165px;
	border:none;
	background-color: #FFFFFF;
}
#box_r6_n3 {
	width:18px;
	height:165px;
	border:none;
	background-color: #FFFFFF;
}
#box_r7_1 { /* ADJUST TO ADD LifeGems Link AT BOTTOM */
	/*width:672px;
	height:18px;*/
	border:none;
	background-color: #FFFFFF;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:110px;
}
/* **************** START ******************** FOR LINKS ****************************************** */
/***** TO STYLE THE LINKS INSIDE ALL OTHER DIVS *****/
a:link {color: #336600; text-decoration:none;}
a:visited {color: #336600; text-decoration:none;}
a:hover {color: #FFFFFF; background-color:#336600; text-decoration:none;}
a:active {color: #FFFFFF; background-color:#333300; text-decoration:none;}
/* **************** END ********************** FOR LINKS ****************************************** */

/* USED TO CREATE TEST LINK AT BOTTOM OF print.html PAGE and test_print.html (test to FIX GAP IN IMG and FLASH OBJECT) */
#test {
	width:672px;
	border:none;
	background-color: #FFFFFF;
}
.testcopy {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	font-size:65%;
	letter-spacing:.25px;
	padding-right:18px;
	text-align:right;
	color: #999999;
	margin-top:.5%;
}