/*Daniel Start Remove********
/*BODY {			/* Overall Settings 222*/
/*	FONT-FAMILY: Verdana, tahoma, sans-serif; 
/*	FONT-SIZE: 14px;
/*	/*BACKGROUND-COLOR: #1D1A21; */
/*	background-image:url(../images/background.jpg);
/*	background-height: 100%;
/*	background-width: 100%;
/*	background-position: absolute;
/*	COLOR: #fff;
/*	PADDING-LEFT: 50px; 
/*	PADDING-RIGHT: 50px;
/*	
/** Daniel End Remove*/ 
/*Daniel Start Add************/
.MainPage .BackgroundImage
{
	height: 100%;
	width: 100%;
	position: fixed; /* changed from absolute, and it solved my vingette problem*/
	z-index: -1;
	top: 0px;
	left: 0px;	
}

body.MainPage
{
	background-image: url(../images/background.jpg);
	text-align: left;
	COLOR: #fff; /* TEXT COLOR */
	/* FONT-FAMILY: Verdana, tahoma, sans-serif; OLD */
	FONT-FAMILY: Verdana, tahoma, sans-serif;
	FONT-SIZE: 13px; /*font size of the main body text USED TO BE 14 */
	margin: 0;
	PADDING-LEFT: 100px; 
	PADDING-RIGHT: 100px;
}

/*Daniel End Add**************/
.header{		/* Page header / titles ie. "environment design" */
	COLOR: #719506; /* changes nothing? */
	FONT-SIZE: 20px;
	FONT-FAMILY: Verdana, tahoma, sans-serif;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 10px; 
	PADDING-TOP: 0px;  /* only works on large 10+ values? */
	PADDING-BOTTOM: 0px; /* does nothing? */
}
.cr{			/* Copyright */
	COLOR: #E2F0D6;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, tahoma, sans-serif;
}

/* Round Corners */
#xsnazzy p {PADDING-BOTTOM:0.5em;}
/* OLD ELASTIC LAYOUT #xsnazzy {BACKGROUND: transparent; margin:50px 1em;}*/
#xsnazzy {BACKGROUND: transparent; width:1042px; PADDING-TOP:50px;} /* new fixed size layout */
 
.xtop, .xbottom {DISPLAY:block; BACKGROUND:transparent; FONT-SIZE:1px;}
.xb1, .xb2, .xb3, .xb4 {DISPLAY:block; OVERFLOW:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {BACKGROUND:#1D1A21; BORDER-LEFT:1px solid #000000; BORDER-RIGHT:1px solid #000000;} /*little top bars of the round corner main container */
.xb1 {margin:0 5px; BACKGROUND:#000000;} /*little top bars of the round corner main container */
.xb2 {margin:0 3px; BORDER-WIDTH:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
 /* Main Container 1D1A21*/
.mainContainer {DISPLAY:block; BACKGROUND:#1D1A21; BORDER:0 solid #000000; BORDER-WIDTH:0 1px; MARGIN-LEFT: 50px 1em; MARGIN-RIGHT: 50px 1em; HEIGHT: 700px; PADDING-TOP: 4px;} /* biggest part of the main container */
 
 /* START MENU */
#mainMenu {
	BORDER-BOTTOM: #000000 1px solid; POSITION: relative; BACKGROUND-COLOR: #1D1A21; FONT-FAMILY: Verdana, tahoma, sans-serif; HEIGHT: 30px; FONT-SIZE: 0.9em /*little top bars of the menu bars */
}
#mainMenu A {
	POSITION: absolute; PADDING-LEFT: 5px; BOTTOM: -1px; PADDING-RIGHT: 5px; FONT-WEIGHT: bold
}
#submenu {
	BACKGROUND-COLOR: #719506; WIDTH: 100%; FONT-FAMILY: Arial, Helvetica, sans-serif /*submenu background*/
}
#submenu DIV {
	WHITE-SPACE: nowrap
}
#mainMenu .activeMenuItem {
	BORDER-LEFT: #000000 1px solid; BACKGROUND-COLOR: #719506; COLOR: #FFF; BORDER-TOP: #000000 1px solid; CURSOR: pointer; BORDER-RIGHT: #000000 1px solid /*little bars on the side of the selected menu tab */
}
#mainMenu .inactiveMenuItem {
	COLOR: #719506; CURSOR: pointer /*color of the menu header font */
}
#submenu A {
	PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #1D1A21; FONT-SIZE: 0.9em; FONT-WEIGHT: bold; TEXT-DECORATION: none /*color of the submenu font */
}
#submenu A:hover {
	COLOR: #fff /* color of the submenu mouseover */
}
/* FINISH MENU */

.bodyText {			/* Internal DIV Containing The Page Content */
	PADDING-LEFT: 80px;  /* main body padding */
	PADDING-RIGHT: 80px; 
	PADDING-TOP: 0px; /* set to zero to maximize space at top */
	PADDING-BOTTOM: 10px;  /* no effect? used to be 20 */
	BORDER-TOP: #000000 1px solid
}
.bodyText P {
	MARGIN-TOP: 2px /* I altered this */
}
img.alignleft {		/* Inline Images */
	PADDING: 0px;
	MARGIN: 10px 7px 0px 0px; /* TOP / RIGHT / BOTTOM / LEFT */
	DISPLAY: inline;
	float: LEFT;
}
img.alignright {		/* Inline Images - i added this, probably dont need it unless using it */
	PADDING: 0px;
	MARGIN: 10px 7px 0px 0px; /* TOP / RIGHT / BOTTOM / LEFT */
	DISPLAY: inline;
	float: RIGHT;
}
.alignright {		/* my edit to float embedded video */
	PADDING: 0px;
	MARGIN: 1px 1px 1px 0;
	DISPLAY: inline;
	float: RIGHT;
}
.gallerytext{		/* Gallery Text */
	COLOR: #719506;
	FONT-SIZE: 16px;
	FONT-FAMILY: Verdana, tahoma, sans-serif;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 30px; 
}

a:link {COLOR: #719506}     /* unvisited link */
a:visited {COLOR: #4E7300}  /* visited link */
a:hover {COLOR: #8FBA06}   /* mouse over link */
a:active {COLOR: #719506}   /* selected link color while clicking */


/* START IMAGE GALLERY */
#gallery {
		WIDTH: 100%;
		BACKGROUND-COLOR: #232027;  /* I changed this so the image gallery background matches the DIV it lives in */
		COLOR: #fff;
}
#gallery ul { list-style: none; }
#gallery ul li { DISPLAY: inline; }
#gallery ul img {
		BORDER-WIDTH: 0px 0px 0px;
}
#gallery ul a:hover img {
		BORDER-WIDTH: 0px 0px 0px;
}
#gallery ul a:link { COLOR: #1D1A21; }
#gallery ul a:hover { COLOR: #1D1A21; }
/* END IMAGE GALLERY */