* { margin: 0; padding: 0; }
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #232323;
	height: 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.twoColFixLtHdr #container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: transparent;

} 

.twoColFixLtHdr #bot { 
	margin: 0 auto;
	width: 1020px;
	height: 53px;
	background-image: url('/images/bot.png');
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 5000;

}
.twoColFixLtHdr #header 
{
	background-color: transparent;
	z-index: 5001;
	height: 415px; 
	padding: 0 0 0 0; 
	margin: 0 0 75px 50px;
	 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #logo 
{	background-image: url('/images/logo.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 5001;
	height: 100px; 
	padding: 0 0 0 0; 
	margin: 0 0 0px 0;
	 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixLtHdr #main { 
	margin: 0px 0 0 20px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 415px;
	width: 1000px;
} 
.twoColFixLtHdr #navbar 
{
	z-index: 5001;
	width: 545px;
	height: 54px;
	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/maintop.png');
	background-repeat: no-repeat;
	background-position: left;
} 

.twoColFixLtHdr #navbar1 
{
	z-index: 5001;
	width: 545px;
	height: 54px;
	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/images/maintop.png');
	background-repeat: no-repeat;
	background-position: left;
} 


.twoColFixLtHdr #main2 
{
	z-index: 5005;
	width: 550px;
	height: 326px;
	margin: 0px 0 0 3px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/mainbot.png');
	background-repeat: no-repeat;
	background-position: left top;
} 

.twoColFixLtHdr #phone
{
	z-index: 5001;
	margin: -440px 0 0 600px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/iphonebg.png');
	background-repeat: no-repeat;
	background-position: top;
	height: 441px;
	width: 260px;
} 

.twoColFixLtHdr #boxes
{
	z-index: 5001;
	margin: 0 0 0 50px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 1000px;
	height: auto;
	min-height: 300px;
} 
.twoColFixLtHdr #box1 
{
	z-index: 5001;
	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 284px;
	float: left;
} 

.twoColFixLtHdr #box2
{
	z-index: 5001;
	margin: 0 0 0 15px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 284px;
	float: left;
} 
.twoColFixLtHdr #box3
{
	z-index: 5001;
	margin: 0 0 0 15px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 284px;
	float: left;
} 

.twoColFixLtHdr #boxbg
{
	z-index: 5001;
	margin: 0 0 0 2px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/smallboxbg.png');
	background-repeat: repeat-y;
	background-position: left top;
	height: auto;
	min-height: 200px;
} 
.twoColFixLtHdr #boxbot
{
	z-index: 5005;
	margin: 0px 0px 0 18px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/thirdbottom.png');
	background-position: top;
		width: 266px;
	background-repeat: no-repeat;
	height: 62px;
} 

.twoColFixLtHdr #boxtop
{
	z-index: 5005;
	margin: 0 0px 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/thirdtop.png');
	width: 284px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 58px;
} 


.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 230px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url('/images/sidebar3.png');
	background-repeat: repeat-y;
	background-position: left;
} 
.smallText {
	font-size: .9em;
	margin: 3px;
	font-style:italic;
}	

.twoColFixLtHdr #content 
{
	margin: 0 0px 0 5px;
	padding: 44px 24px 12px 12px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
	background-color: #FFF;
	min-height:500px;  
     height:auto;  
}

.twoColFixLtHdr #mainbot { 
	margin: 0 auto 0 0;
	width: 700px;
	height: 30px;
	background-image: url('/images/mbot.png');
	background-repeat:  no-repeat;
	background-position: left bottom;
	z-index: 5003;

}
.twoColFixLtHdr #footer { 
	margin: 0 auto;
	width: 992px;
	height: 45px;
	z-index: 5000;
	background-image: url('/images/footerbg2.png');
	background-repeat:  repeat-y;
	background-position: top;
} 
.twoColFixLtHdr #footert 
{
	margin: 0px auto;
	width: 992px;
	height: 14px;
	background-image: url('/images/botbot.png');
	background-repeat:  no-repeat;
	background-position: top;
	z-index: 5001;

}

.twoColFixLtHdr #footerb 
{
	margin: 0 auto 0;
	width: 992px;
	height: 14px;
	background-image: url('/images/botbot2.png');
	background-repeat:  no-repeat;
	background-position: top;
	z-index: 5001;

}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.navimg	{
						 position: absolute;
					    left: 0px;top: 0px;
					    text-align: center;
					    width: 97px;
					    cursor: pointer; 
						height: 34px;

			}
.cssnav	{
						position:relative;
						float: left;
						margin: 7px 0px 0px 10px; 
						padding: 0;
						font-family: verdana;
						width: 97px;
						height: 34px;

			}
			

			.cssnav img {width: 97px; height: 34px; border: 0; }

			

			.cssnav span {
					    position: absolute;
					    left: 0px;top: 7px;
					    text-align: center;
					    width: 97px;
					    cursor: pointer; 
 
					     
			}

.cssnav2	{
						position:relative;
						float: left;
						margin: 7px 0px 0px 10px; 
						padding: 0;
						font-family: verdana;
						width: 97px;
						height: 34px;
							background-image: url('/images/navover.png');
						background-repeat: no-repeat;

			}
			

			.cssnav2 img {width: 97px; height: 34px; border: 0; }

			

			.cssnav2 span {
					    position: absolute;
					    left: 0px;top: 7px;
					    text-align: center;
					    width: 97px;
					    cursor: pointer; 
 
					     
			}

.imglink:link, .imglink:visited, .imglink:active {
text-decoration: none;
background-image: url(/images/learnmore1.png);
text-decoration: none;
width: 68px; /* use you own image size; */
height: 68px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left right;
display: block;
margin: 0px 0 0 450px;
padding: 0px 0 0 0;
}

.imglink:hover{
background-image: url(/images/learnmore2.png);
text-decoration: none;
width: 68px; /* use you own image size; */
height: 68px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left right;
margin: 0px 0 0 450px;
display: block;
} 


A.plain:link {text-decoration: none; color: #FFF;}
		A.plain:visited {text-decoration: none; color: #FFF;}
		A.plain:active {text-decoration: none; color: #FFF;}
		A.plain:hover {text-decoration: none; color: #5bf1ff;}


A:link {text-decoration: underline; color: #003366;}
		A:visited {text-decoration: underline; color: #003366;}
		A:active {text-decoration: underline; color: #003366;}
		A:hover {text-decoration: none; color: #5bf1ff;}

.boxgrid{
		width: 232px;
		height: 32px;
		vertical-align: middle;
		margin: 0px;
		float:left;
		border: 0;
		overflow: hidden;
		position: relative;
		}
		.boxgrid img{
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
		}
.boxcaption{
		float: left;
		position: absolute;
		overflow: hidden;
		background-image: url('/images/back.gif');
		height: 32px;
		width: 100%;
		opacity: 1;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
		.captionfull2 .boxcaption {
		top: 0;
		left: 232px;
		}
		
#boxhead {
		float: left;
		padding-top: 13px;
		padding-left: 20px;
}

#boxbottom {
		float: left;
		padding-top: 24px;
		padding-left: 135px;
}

#boxconttop {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 42px;
	width: 210px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

#boxcontsep {
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 72px;
	background-image: url('/images/seperator.png');
	width: 212px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 7px;
		
}

#boxcontbottom {
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 42px;
	width: 210px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

#boxcontbottom3 {
	float: left;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 90px;
	border: 0px;
	background-image: url('/images/services.png');
	width: 194px;
	height: 125px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#newslink {
	color: #993333;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

#contactform {
	float: left;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 42px;
	width: 210px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}