@charset "utf-8";
/* html {	height: 100.02%; min-height: 100%; margin-bottom: 1px;} height: 100.02%; to fix firefox and Opera vertical scrollbar issue AND for Firefox and other Gecko browsers, Opera, and Safari: html { min-height: 100%; margin-bottom: 1px;--I needed both for Opera*/
body,html,p,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span { margin: 0px; padding: 0px; } 
table { border-collapse:collapse; } /*border-spacing: 0; not supported */
fieldset,img {  border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol, ul { list-style:none; } 
ul, li {margin: 0; padding: 0; border: 0;}
caption,th { text-align:left; } 
/*q:before,q:after { content:''; } unsupported */
abbr,acronym { border:0; } 
/*add back*/
h1,h2,h3,h4,h5,h6{ font-weight: normal; } /*make bold as reset */
strong { font-weight: bold; } 
/* em {  font-style:italic; }  bringing italics back to the em element*/
body  {	text-align: center; }
h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 10px;}
h6 { font-size: 9px;}
p { font-size: 14px; line-height: 1.5; padding-top: 10px; }
#container #mainContent div { font-size: 14px; line-height: 1.5; padding-top: 10px; }
table { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
ol, ul { font-size: 14px; line-height: 1.5; }
a img, img {
	border: 1px solid #99cc00;
}
a { text-decoration: none; }
/**********************************************************************************************/

#container { width: 870px;  margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; } 
#container #mainContent #subtitle { text-align: center; }

#header { width: 100%; height: 183px; } /* height: 175px; width: 870px; */
#header h1 { font-size: 60px; padding: 20px; padding-top: 10px; padding-left: 30px; letter-spacing: -2px; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua3", Palatino6, serif;  } /*letter-spacing: -5px;*/
#header h2 { font-size: 18px; padding-right: 10px; padding-bottom: 10px; }
#header p { width: 290px; height: 200px; float: left; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 24px;  }
#header #logo {width: 245px; height: 200px; float: left; } /*width: 580px; 245x200 221x180*/
.imgnoshow { display:none; }
#header #bannerimg { width: 580px; height: 200px; float: right; border: none;  } /*width: 290px; 520*/

#container #nav { clear: both;  height: 40px; } /*removing width: 870px; fixed float drop bug  */
#container #nav li { list-style-type: none; }
#container #nav li { float: left; clear: right; width: 174px; height: 30px;  font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }/*font-size: 18px; width: 190px; #container #nav p*/
#nav li a { width: 174px; height: 30px; text-decoration: none;  display: block; padding-top: 10px;} 

/******************************/

#mainContent {float: right; clear: right; width: 545px; height: 590px; margin: 0;  padding:10px; padding-left: 25px; border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc;} /*margin-left: 25px;*/ 
#mainContent p { margin-top: 10px; }
#clients #mainContent {
	height: 2800px;
}

#clients #mainContent img { border: 1px solid #363; }
#services #mainContent {
	height: 900px;
}
#container #mainContent #subtitle { font-size: 18px; }
#container #mainContent ul { margin-left: 20px; }

#aboutus #container #mainContent { text-align: center; line-height: 1.0;}
#aboutus #container #mainContent p { line-height: 1.0;}
#contactus #container #mainContent { text-align: center; line-height: 1.0;}
#contactus #container #mainContent p { line-height: 1.4;}


/******************************/

#sidebar { margin-left: 0px; width: 269px; height: 590px; padding: 10px; padding-top: 20px; border-right: 1px solid #cccccc;  border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc; /* since this element is floated, a width must be given */ }
#clients #sidebar {
	height: 2800px;
}
#services #sidebar {
	height: 900px;
}
#sidebar h3 { margin-top: 10px; }
.sidebartext { width: 270px; height: 500px; }
#sidebar a { margin-top: 20px; font-size: 14px; line-height: 1.5;}

.moreinfo { position: relative; width: 260px; display: block; text-decoration:none; z-index:0; padding: 2px; }
.moreinfo span { display: block; }
.moreinfo .more { display: none; }
.moreinfo:hover .more { display: block; position: absolute; z-index:1; /*position: relative caused links to jump */
    top: 0px; left: 290px; width: 550px; padding: 5px; border: 2px solid #669933; } 

/******************************/

#footer { 	width: 870px; height: 40px; } /*height: 20px;*/
#footer h5 { margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* 10px 0;padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }

/**********************************************************************************************************/

/* Miscellaneous classes for reuse */
.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: 10px; border: none; /*8px*/ }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 10px; border: none; /*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; }
.floatleft { float: left;}
.floatright { float: right;}
.clearboth { clear: both;}
.clearright { clear: right;}
.clearleft { clear: left;}
.center { text-align: center;}

 #container #mainContent a:link { text-decoration: underline; }   
 #container #mainContent a:visited { text-decoration: underline; }   
 #container #mainContent a:hover { text-decoration: underline; }   
 #container #mainContent a:active { text-decoration: underline; outline: none; }   

ul.bulleted {  padding: 5px 20px; list-style: square; line-height: 1.2;}
ul.bulleted li { padding: 10px; }
ol.notbulleted {  padding: 2px 20px; line-height: 1.2;}
ol.notbulleted li { padding: 5px; }

img.floatRight { float: right; clear: left; }