/* CSS Document */

/*Colors: bgColor=#5b6064 linkBG="e0ad80 DkBlueTxt=#063c4a DkOrngTxt=#550000 white=#ffffff txtOnWhite=#595656 */

/*<<<<<Browser Elements Reset>>>>>>>*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 	margin: 0;
  	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*<<<<<End Browser Elements Reset>>>>>>>*/	
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Links, Headers, Forms and Lists>>>>>>>*/
a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#063c4a;
	text-decoration:none;
}
a:hover, a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#063c4a;
}

a.bodyTxt {
	color:#550000;
	text-decoration:underline;
}

a.bodyTxt:hover {
	color:#bcf292;
}

h1 {
	color:#550000;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	padding-top:.94em;
	line-height:normal;
}

h1.underline {border-bottom: thin dotted #063c4a;}

h2 {color:#ffffff;}
h3 {color:#063c4a;}

.emph {
	color:#063c4a;
	font-size:150%;
}

form {
	position:relative;
	width:29em;
}
label {
	position:relative;
	padding-top:.5em; 
	line-height:1.4em;
	font-weight:bold;
}

input {
	position:relative;
	margin-bottom:.5em;
	line-height:1.4em;
}

input+input {margin-left:1em;}

.bold {font-weight:bold; padding-top:.5em;}
.select {font-weight:normal;}
.italic {font-size:90%; font-style:italic;}
	
/*<<<<<<<End Links Headers, and Lists>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Page Structure>>>>>>*/
body {
	min-width:56.25em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#595656;
	font-size:1.00em;
	background-color:#061e2d;
}

#wrapper {
	position:relative;
	width:56.25em;
	text-align:left;
	min-height:43.75em;
	margin-right:auto;
	margin-left:auto;
}

.clear {clear:both;}
/*<<<<<<<End Page Structure>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Header>>>>>>>*/
#headerBg {
	position:relative;
	width:56.25em;
	z-index:0;	
}

#menu {
	position:absolute;
	width:48.19em;
	top:10.31em;
	left:4em;
	border-top:3px solid #063c4a;
	border-bottom:3px solid #063c4a;
	z-index:1;
}

#menu ul {
	list-style:none;
}

#menu li {
	float:left;
}

#menu li a {padding:.31em .86em .31em .86em; display:block; font-size:104%;}
#menu li a:hover {background-color:#edba8d; display:block;}

.slinks {
	font-family:"Times New Roman", Times, serif;
	font-size:75%;
	color:#550000;
}
.title {
	position:absolute;
	width:40em;
	top:11.5em;
	left:3.3em;
	text-align:center;
	z-index:4;
}

/*<<<<<<<End Header>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Content>>>>>>>*/
#bodyContent, #bodyContentB {
	position:relative;
	width:56.25em;
	top:-.25em;
	padding-bottom:.25em;
	background-image:url(../images/bgLft.jpg);
	background-position:left;
	background-repeat:repeat-y;
}
	#bodyContentB {background-image:url(../images/bgRgt.jpg); background-position:right;}
	
#txtBg1, #txtBg1Serv {
	position:relative;
	width:48.18em;
	left:3.07em;
	padding:.94em;
	line-height:160%;
	background-color:#e0e3e2;
}
	/*#txtBg1Serv {background-image:url(../images/bgServ.jpg); background-repeat:no-repeat; height:7.38em;}*/
	#txtBg1Serv p {
		position:relative;
		width:30em;
		padding-left:10em;
		/*padding-right:10em;*/
		padding-bottom:2.6em;
		z-index:3;
	}
	
	#txtBg1Serv p.alt {
		padding-left:15em;
		padding-right:.3em;
		width:30em;
		padding-bottom:2.55em;
	}
	
	#txtBg1Serv p.alt2 {
		padding-right:15em;
		padding-left:.3em;
		width:30em;
		padding-bottom:1em;
	}
	
	#moveUp {
		position:absolute;
		width:50.05em;
		top:0em;
		left:0em;
		z-index:2;
	}

#grass1, #grass2 {
	position:relative;
	width:50.04em;
	left:3.07em;
	z-index:3;
}
#grass2 {left:-.95em; top:1em;}

#txtBg2 {
	position:relative;
	width:48.18em;
	left:3.07em;
	top:-.19em;
	padding:.94em;
	background-image:url(../images/txtBlk2.jpg);
	background-repeat:repeat-x;
	background-color:#df9a59;
}

#txtBg2 p {
	color:#000000;
	line-height:150%;
}
#txtBg2 li {
	position:relative;
	margin-left:2em;
	margin-bottom:.5em;
	line-height:125%;
	color:#000000;
	list-style-type:disc;
}
.header1 {
	position:relative;
	bottom:.94em;
	text-align:center;
	z-index:2;
}

.puzzle {
	position:relative;
	width:19.25em;
	height:19.75em;
	top:-4.5em;
	left:-.94em;
	float:left;
	background-image:url(../images/puzzle.jpg);
	background-repeat:no-repeat;
	background-position:left;
	z-index:0;
}

.txt2, .txt2B {
	position:relative;
	width:28.13em;
	line-height:160%;
	color:#ffffff;
	padding-top:.94em;
	margin-left:18.75em;
	z-index:1;
}

.txt2B {
	width:48.19em;
	top:-4.69em;
	margin-left:0;
	clear:both;
	padding-top:0;
}

#txtBg2 p.top {color:#333333;}

#contactInfo {
	position:relative;
	width:15em;
	padding:.8em;
	padding-top:0;
	margin-right:1em;
	float:right;
	border: thin groove;
	top:0;
}

/* -------------Portfolio layout---------*/
.portBg,.portBgSmallL,  .portBgSmallR {
	position:relative;
	width:48.19em;
	height:15.56em;
	margin-bottom:1.5em;
	background-image:url(../images/portBg.jpg);
	background-repeat:repeat-x;
}
.portBgSmallL {width:23em; float:left;}

.portBgSmallR {width:23em; margin-left:25em;}
	
.portHead1, .portHead1Small {
	position:relative;
	top:1.1em;
	letter-spacing:3px;
	color:#e0e3e2;
	padding-right:.6em;
	margin-left:20em;
	text-align:right;
}

.portHead1Small {margin-left:0;}

.portHead2, .portHead2Small {
	position:relative;
	top:1.1em;
	letter-spacing:3px;
	color:#e0e2e3;
	padding-left:.6em;
	margin-right:20em;
	text-align:left;
}

.portHead2Small {margin-right:0;}
	

.portTxt1, .portTxt1Small {
	position:relative;
	margin-top:2.5em;
	margin-left:22em;
	width:22em;
	color:#e0e2e3;
	line-height:150%;
}

	.portTxt1 a:link, .portTxt1 a:visited, .portTxt2 a:link, .portTxt2 a:visited {color:#e0ad80; text-decoration:underline;}
		

.portTxt1Small {margin-left:11em; margin-top:4em; width:10em;}	

.portTxt2, .portTxt2Small {
	position:relative;
	margin-top:2.5em;
	margin-right:22em;
	padding-left:.6em;
	width:22em;
	color:#e0e2e3;
	line-height:150%;
}

.portTxt2Small {margin-left:12.5em; width:9em; margin-top:4em; margin-right:0;}
.webPicL {
	position:relative;
	top:10px;
	left:.6em;
	width:19.5em;/*screen shot of site needs to be 299px*/
	height:14.75em;/*screen shot of site needs to be 224px*/
	float:left;
}
.webPicR {
	position:relative;
	top:.63em;
	right:.6em;
	width:19.5em;
	height:14.75em;
	float:right;
}
.printPic1, .printPic2 {
	position:relative;
	width:8.5em;
	top:2em;
	padding-left:.6em;
	float:left;
}

.printPic2 {
	width:11.38em;
	top:3em;
	float:left;
}

	
/*<<<<<<<End Content>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Footer>>>>>>>*/
.call {
	position:relative;
	width:48.19em;
	text-align:center;
	color:#063c4a;
	clear:both;
}

.callEmph {
	color:#550000;
}
#footer {
	position:relative;
	width:56.31em;
	height:3.69em;
	top:-1.13em;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
}
#footer p {
	position:relative;
	width:12.25em;
	margin-left:3.07em;
	padding-top:1.25em;
}
	

/*<<<<<<<End Footer>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/




