body, html
							{
							background-color: #0099cc; 
							margin: 0px;
							padding: 0px;
							font-family: arial, verdana, "times new roman";
							font-size: 0.9em;
							color: #000000; 
							min-height: 100%;
							}

							
#wrapper
							{
							background-color: none;
							min-height: 100%;
							width: 1026px;
							margin-left: auto;
							margin-right: auto;
							background-image: url(../images/background.png);
							background-repeat: no-repeat;
							}

#wrapper-inner
							{
							width: 1000px;
							margin-left: 10px;
							margin-right: 16px;
							background-color: #ffffff;
							}
							
.infobox-blue
							{
							width: 188px;
							height: 232px;
							float: left;
							background-image:url(../images/blue-box.jpg);
							background-repeat: no-repeat;
							color: #ffffff;
							padding-left: 10px;
							padding-right: 10px;
							}
							
.infobox-green
							{
							width: 188px;
							height: 232px;
							float: left;
							background-image:url(../images/green-box.jpg);
							background-repeat: no-repeat;
							color: #ffffff;
							padding-left: 10px;
							padding-right: 10px;
							}	

.infobox-red
							{
							width: 188px;
							height: 232px;
							float: left;
							background-image:url(../images/red-box.jpg);
							background-repeat: no-repeat;
							color: #ffffff;
							padding-left: 10px;
							padding-right: 10px;
							}

.infobox-final
							{
							width: 208px;
							height: 232px;
							float: left;
							background-image:url(../images/final-box.jpg);
							background-repeat: no-repeat;
							}							
							
.infobox-divider
							{
							height: 232px;
							line-height: 232px;
							font-size: 4em;
							float: left;
							margin-left: 4px; 
							margin-right: 4px;
							}
							
#footer
							{
							width: 950px;
							margin-top: 10px;
							margin-left: auto;
							margin-right: auto;
							padding-bottom: 5px;
							font-size: .8em;
							text-align: right;
							border-top: 1px solid #cccccc;
							}
							
#content
							{
							width: 950px;
							margin-left: auto;
							margin-right: auto;
							}
							
#topbanner
							{
							width: 950px;
							margin-left: auto;
							margin-right: auto;
							padding-top: 10px;
							}
							
#social	
							{
							width: 400px;
							height: 72px;
							line-height: 72px;
							float: right;
							text-align: right;
							margin-right: 6px;
							}
							
#social h1
							{
							margin-top: 0px;
							margin-bottom: 0px;
							margin-right: 110px;
							font-size: 3em;
							color: #0B5382
							}
							
img.social
							{
							border: none;
							float: right;
							margin-top: 12px;
							margin-left: 2px;
							}
							
#homeleftcol
							{
							float: left;
							width: 500px;
							line-height: 1.7em;
							}
							
#homerightcol
							{
							float: right;
							width: 380px;
							margin-top: 0px;
							font-family: arial;
							color: #666666;
							}
							
#leftcol, #leftcolshop, #leftcoltech
							{
							float: left;
							width: 225px;
							margin-top: 20px;
							}
							
#rightcol
							{
							float: right;
							width: 680px;
							margin-top: 20px;
							padding-left: 20px;
							}
							
#rightcol p
							{
							line-height: 1.7em;
							}
						
#rightcol h1, #leftcol h2, #leftcol p, #leftcol h3
							{
							margin-top: 0px;
							}
							
#menu
							{
							width: 950px;
							height: 30px;
							margin-top: 10px;
							margin-bottom: 15px;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							}
							
			
.clear	
							{
							clear: both;
							}				

.form p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
}

.form label{
float: left;
margin-left: -200px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.form textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.pagetestimonial
						{
						float: right;
						margin: 10px;
						padding: 5px;
						border: 2px solid #000;
						width: 271px;
						}
						
a:focus, a:link, a:visited 			
							{
							color: #000000;
							text-decoration: none;
							font-weight: bold;
							}
							
#menu a:focus, #menu a:link, #menu a:visited 							
							{
							display: block;
							float: left;
							margin-right: 23px;
							font-size: 1.9em;
							}
							
	#menu a.active:focus, #menu a.active:link, #menu a.active:visited 							
							{
							display: block;
							float: left;
							margin-right: 23px;
							font-size: 1.9em;
							border-bottom: 2px solid #000000;
							}						
							
.infobox-blue a:focus, .infobox-blue a:link, .infobox-blue a:visited, .infobox-green a:focus, .infobox-green a:link, .infobox-green a:visited , .infobox-red a:focus, .infobox-red a:link, .infobox-red a:visited 		 							
							{
							color: #ffffff;
							font-weight: normal;
							}							
							
							
	#leftcol a:focus, #leftcol a:link, #leftcol a:visited 							
							{
							display: block;
							float: left;
							width: 240px;
							height: 28px;
							line-height: 28px;
							padding-left: 10px;
							}				

							
							
							
							
	#leftcol a:hover, #leftcol a.active:link, #leftcol a.active:visited, #leftcol a.active:focus
							{
							background-color: #003366;
							background-image: url(../images/active-menu-background.jpg);
							background-position: top right;
							background-repeat: no-repeat;
							color: #ffffff;
							}
							
	#leftcoltech a:focus, #leftcoltech a:link, #leftcoltech a:visited 							
							{
							display: block;
							float: left;
							width: 240px;
							height: 28px;
							line-height: 28px;
							padding-left: 10px;
							}				

	#leftcoltech a:hover, #leftcoltech a.active:link, #leftcoltech a.active:visited, #leftcoltech a.active:focus
							{
							background-color: #02C856;
							background-image: url(../images/active-menu-background-tech.jpg);
							background-position: top right;
							background-repeat: no-repeat;
							color: #ffffff;
							}									
	#leftcolshop a:focus, #leftcolshop a:link, #leftcolshop a:visited 							
							{
							display: block;
							float: left;
							width: 240px;
							height: 28px;
							line-height: 28px;
							padding-left: 10px;
							}				

	#leftcolshop a:hover, #leftcolshop a.active:link, #leftcolshop a.active:visited, #leftcolshop a.active:focus
							{
							background-color: #990000;
							background-image: url(../images/active-menu-background-shop.jpg);
							background-position: top right;
							background-repeat: no-repeat;
							color: #ffffff;
							}							

							
					
							
table { border-collapse: collapse; width: 100% }
td, th { padding: 5px; text-align: left; border-bottom: 1px solid #000000;}
th { background: #141f4c; color: #ffffff; text-align: center;}
td { background: #ffffff; }


img
{
border: none;
}


.testimonial-light
							{
							background-color: #B3E1F0;
							padding: 10px;
							}
							
.testimonial-light p
							{
							margin: 0px;
							}