/**************** General Styles ****************/
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333; text-align: left; font-size: 12px; }

a { font-size: 12px; font-weight: normal; color: #336633; text-decoration: underline; }
a:hover { text-decoration: none;  }

h1, h2, h3, h4, p, ul, hr{ margin-bottom: 10px; }
hr{ clear: both; width: 100%;}
h1 { font-family: Arial, Helvetica, sans-serif;	font-size: 18px; font-style: normal; line-height: 16px; font-weight: bold; color: #336633; text-decoration: none; }
h2 { font-family: Arial, Helvetica, sans-serif; 	font-size: 16px; font-style: normal; line-height: 16px; font-weight: bold; color: #333333; text-decoration: none; }
h3 { font-weight: bold; color: #336633; }
h4 { }
p { font-family: Geneva, Arial, Helvetica, sans-serif; color: #333; line-height: 16px; }
ul { list-style: disc; margin-left: 15px; padding-left: 1em; text-indent: -1em;} 
ul > li{ list-style: disc; margin: 0 0 5px 20px; text-indent: 5px; }

img{ display: block; }
a img { border: 0; }
		
b, strong{ font-weight: bold; }

/**************** General Styles ****************/
#wrap{ width: 756px; margin: 0; border: 0px solid #000; text-align: left; }
#wrap-bottom{ width: 756px; margin: 0; border: 0px solid #000; text-align: left; background-color: #ccc; height: 250px;}
#header{ width: 756px; height: 75px; border-bottom: 1px solid #000; clear: both; }
#header-home{ float: left; background-color: #000; height: 25px; text-align: right; width: 504px; }
#header-nav{ float: left; height: 34px; text-align: left; width: 504px; border-top: 8px solid #336633; border-bottom: 8px solid #336633;}
#header-nav ul{ padding-left: 0; display: inline; margin-left: 0;}
#header-nav ul li{ margin-left: 0; padding: 9px 25px 3px 25px; list-style: none; display: inline; float: left; height: 27px; text-indent: 0;}
#header-nav ul li a{ display: block; color: #666; text-decoration: none; float: left; border: 0px solid #ccc; font-size: 13px; font-family: Georgia, Helvetica, Arial, sans-serif; padding: 0 0 3px 0; font-weight: bold; }
#header-nav ul li a:hover{ color: #000; border-bottom: solid 6px #336633;}

#main{ width: 756px; clear: both;}
#main-left{ width: 252px; float: left;}
.main-image{ border-bottom: 20px solid #336633;}
#main-body{ width: 453px; float: left; border-left: 1px solid #ccc; padding: 20px 5px 20px 25px;}

#footer{ width: 756px; height: 50px; border-top: 1px solid #000; border-bottom: 1px solid #000; clear: both; font-size: 10px; }
#footer-copy{ width: 252px; float: left; height: 40px; text-align: center; padding: 10px 0 0 0;}
#footer-nav{ width: 503px; float: left; border-left: 1px solid #000; background-color: #000; color: #fff; height: 50px; text-align: center;}
#footer-nav ul{ margin: 5px 0 0 0; padding: 0 10px 0 100px; display: block; width: 390px; border: 0px solid #ccc; height: 20px;}
#footer-nav ul li{ margin-left: 0; padding: 0 10px 0 10px; list-style: none; display: inline; float: left; text-indent: 0; white-space: nowrap;}
#footer-nav a{ color: #FFF; text-decoration: underline; font-size: 10px;}
#footer-nav a:hover{ text-decoration: none;}

#breadcrumbs{ padding-bottom: 10px; font-size: 8px;}
#breadcrumbs a{ font-size: 8px;}

#contact-table{}
#contact-table td{ padding: 5px;}

/**************** Homepage Slider ****************/
#client-success{ width: 462px; height: 126px; border: 1px solid #ccc; background-color: #e6e6e6; background-image: url(/images/client-success_vert.gif); background-repeat: no-repeat;}
.sliderwrapper{ padding-left: 35px; position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ border: 0px solid navy; border-bottom-width: 0; width: 427px; /*width of featured content slider*/ height: 126px; }
.sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ /*position: absolute; leave as is*/ left: 0;  /*leave as is*/ top: 0;  /*leave as is*/ padding: 0; background: white; width: 427px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 126px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.pagination{ width: 427px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; /*background-color: navy;*/ padding: 5px 10px;
	margin-top: -26px; margin-left: 0; z-index: 99;  position: absolute; }
.pagination a{ padding: 0 5px; text-decoration: none; color: #000; background: white; border: 1px solid #CCC; }
.pagination a:hover, .pagination a.selected{ color: #000; background-color: #336633; border: 1px solid #000; }
.home-separator{ float: left; width: 100%; height: 11px; background-image: url(images/fade-bar01.gif); background-repeat: no-repeat;}

/**************** Services ****************/
.service-column{ float: left; width: 50%; border: 0px solid #000;}
/*.service-column ul{ list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em;}
.service-column li{ list-style: none; }*/
.service-column ul{ margin-left: 0; padding-left: 15px; }
.service-column ul li{ text-indent: 0; list-style: circle; }
/*.service-column ul li:before { content: "\003E \0020 \0020"; }*/
.BackTop{ clear: both; width: 100%;}

/**************** Portfolio ****************/
.portfolio-client{ float: left; width: 460px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.portfolio-client img{ float: left; padding: 5px 10px 5px 0;}
.portfolio-client-content{ float: left; width: 320px;}
.portfolio-client-content ul{ margin-left: 5px; padding-left: 1em; text-indent: -1em;}
.portfolio-client-content ul li{ margin-left: 0; padding-left: 10px;}
.portfolio-client-content h2 a{ font-weight: bold; color: #336633; text-decoration: none; border-bottom: 1px dotted #336633; font-size: 14px;}
.portfolio-client-content h2 a:hover{ border-bottom: 1px solid #336633;}

/**************** Existing Styles ****************/
.Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	line-height: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.NavBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.content1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #336633;
	text-decoration: none;
}
.Header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.Header2-Green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #336633;
	text-decoration: none;
}
.content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.Link1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #336633;
	text-decoration: underline;
}
.Link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #336633;
	text-decoration: underline;
}
.Printer {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #336633;
	text-decoration: underline;
}
