@charset "utf-8";
/* CSS Document */

body {
	padding: 8px 0px 0px 0px;
	margin: 0px;
	/*background: url(../images/body-background.png) repeat-x #ececea;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 90%;
}

/* Misc */

.clear {
	clear: both;
}
img {
	border: 0px;
}

.horizontalSpacer30px {
	width: 100%;
	height: 30px;
}

.google_map {
	border: 1px solid #94b558;
}

.img_right {
	float: right;
	margin: 0px 10px 0px 10px;
}

.img_left {
	float: left;
	margin: 0px 10px 0px 10px;
}

.link_text_overide {
	color: #666;
	text-decoration: none;
}

.copyright {
	font-size: 75%;
	color: #999;
	padding: 10px 0px 0px 20px;
	margin: 0px;
}

.grey {
	color: #999;
}

.green {
	color:#78a22f;
}

.centerWrap {
	width: 983px;
	margin: 0px auto;
	background: #fff;
}

.header {
	width: 983px;
	height: 133px;
}

.newsletter_input {
	height: 14px;
	width: 150px;
	padding: 6px;
	border: 1px solid #78a22f;
	font-size: 11px;
	color: #666;
}

.contact_form_input {
	height: 14px;
	width: 236px;
	padding: 6px;
	border: 1px solid #78a22f;
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
}

.contact_form_textarea {
	padding: 6px;
	border: 1px solid #78a22f;
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	width: 236px;
}

.referral_form_input {
	height: 14px;
	width: 350px;
	padding: 6px;
	border: 1px solid #78a22f;
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
}

.referral_item {
	border: 1px solid #78a22f;
	background-color: #e9e9e9;
	padding: 10px;
	width: 90%;
}

.client_directory_item {
	width: 450px;
}

.client_directory_item_right {
	width: 450px;
	float: right;
}

.client_directory_item p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 1.4em;
}

.client directory_item_right p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 1.4em;
}

.client_directory_image {
	float:left;
	margin-right: 10px;
}

.footer_logos {
	float: right;
	margin-top: 10px;
}

.footer_logos img {
	margin-right: 20px;
}

/* Navigation */

.navigation {
	width: 982px;
	height: 27px;
	border: 1px solid #698a2a;
	background: url(../images/navigation-background.png) repeat-x;
}

.navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 27px;
}

.navigation ul li {
	background: url(../images/navigation-section.png) no-repeat right;
	height: 27px;
	line-height: 27px;
	font-size: 70%;
	float: left;
}

.navigation ul li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 0px 22px 0px 22px;
}

.navigation ul li a:hover {
	color: #000;
}

.navigation ul li.selected a {
	color: #333333;
}

/* Sub-Nvigation */

.subNavigation {
	background: #fff;
	overflow: hidden;
	position: absolute;
	top: -1px;
	z-index: 100;
	visibility: hidden;
	font-size: 75%;
	text-align: center;
}

.subNavigation a {
	display: block;
	text-decoration: none;
	background: #7aa22e;
	color: #FFFFFF;
	line-height: 30px;
	padding: 0px;
	border-bottom: 1px solid #698a2a;
}
* html .SubNavigation a { /*IE only hack*/
	width: 100%;
}

.subNavigation a:hover {
	background-color: #7aa22e;
	color: #333333;
}

/* Left column */

.leftCol {
	width: 590px;
	overflow: hidden;
	float: left;
	padding: 0px 30px 0px 30px;
	margin: 0px 10px 0px 0px;
}

.leftCol h2 {
	font-size: 1.25em;
	color: #8077b7;
	font-weight: normal;
	padding: 3px 15px 0px 10px;
	margin: 0px 0px 15px 0px;
	background-image:url(../images/h1bg.jpg);
	background-repeat: no-repeat;
	height: 31px;
}

.leftCol h3 {
	font-size: 1.10em;
	color: #78a22f;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.leftCol h4 {
	font-size: 1em;
	color: #78a22f;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.leftCol li {
	font-size: 90%;
	line-height: 1.4em;
}

.leftCol a:link {
	color: #8177b6;
}

.leftCol a:hover {
	color: #8177b6;
}

.leftCol a:visited {
	color: #8177b6;
}

.leftCol ul li {
	font-size: 0.90em;
	border: none;
	line-height: 1.4em;
}

.leftCol th {
	font-size: 80%;
}

.leftCol td {
	font-size: 90%;
}

.leftCol img {
	padding: 4px;
	margin: 2px 4px 2px 4px;
	border: 1px solid #dddef4;
}

.leftCol p {
	line-height: 16px;
	font-size: 0.9em;
}

/* Right column */

.rightCol {
	width: 321px;
	overflow: hidden;
	float: left;
	padding: 4px 0px 0px 0px;
}

.rightColSpacer {
	width: 100%;
	height: 15px;
}

.rightCol h2 {
	font-size: 130%;
	color: #78a22f;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 15px;
}

.rightCol p {
	width: 250px;
	color: #787878;
	font-size: 75%;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.rightCol .portfolio {
	width: 311px;
	overflow: hidden;
	padding: 0px 0px 10px 10px;
}

.rightCol .portfolio img {
	width: 65px;
	height: 65px;
	border: 1px solid #9a9a9a;
	margin: 7px;
	float: left;
	padding: 5px;
	background-color: #e1edcc;
}

.rightCol .portfolio img:hover {
	border: 1px solid #9a9a9a;
	background-color: #a7c175;
}

.rightCol .signupField {
	width: 176px;
	height: 21px;
	border: 1px solid #787878;
	background: #ededed;
	font-size: 12px;
	color: #787878;
	padding: 6px 0px 0px 7px;
	margin: 0px 0px 0px 16px;
}

.rightCol .signupButton {
	margin: 0px;
}

.newsletter {
	margin-bottom: 10px;
}

.testimonialAuthor {
	margin: 10px 50px 10px 0px;
	text-align: right;
}

/* Follow Us */

.follow {
	padding: 0px 0px 0px 20px;
	margin-bottom: 15px;
	color: #787878;
	font-size: 80%;
	text-decoration: none;
}

.follow a:link {
	color: #787878;
	text-decoration: none;
}

.follow a:visited {
	color: #787878;
	text-decoration: none;
}

.follow a:hover {
	color: #8177b6;
	text-decoration: none;
}

.followImg {
	border: 0px;
	margin: 0px 8px 0px 0px;
	float: left;
}

.follow_home {
	color: #787878;
	font-size: 80%;
	text-decoration: none;
}
#maincolumn {
	width: 1000px;
}

/* Homepage Boom Box - Rollover Box/Images on Homepage */

.boomBox {
	width: 580px;
	height: 290px;
	margin: 0px 0px 15px 0px;
	background: url(../images/home-fly-image.jpg) no-repeat bottom;
}

.boomBox h1 {
	font-size: 150%;
	color: #8077b7;
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	line-height: 110%;
	text-align: right;
	font-weight: normal;
}

.boomBox p {
	font-size: 90%;
	color: #787878;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	text-align: right;
}

.boomBox a {
	color: #78a22f;
	text-decoration: none;
}

.boomBox a:hover {
	color: #333333;
}

.boomBox img {
	float: left;
}

/* Homepage Layout Styles */

.homeFullWidth {
	width: 912px;
	overflow: hidden;
	clear: both;
	margin: 0px 0px 0px 30px;
}

.homeFullWidth h1 {
	width: 882px;
	height: 31px;
	line-height: 31px;
	margin: 0px 0px 15px 0px;
	padding: 0px 15px 0px 15px;
	color: #8077b7;
	font-size: 1.25em;
	font-weight: normal;
	background: url(../images/heading-background.png) no-repeat;
}

.homeFullWidth h1 .grey {
	color:#9a9a9a;
}

.homepage_portfolio_right {
	float: right;
	width: 280px;
}

/* Full Width Page Banner (Image and Sentence) */

.headerBannerImage {
	padding: 10px 30px 10px 30px;
}

.headerBannerText {
	width: 625px;
	float: right;
	text-align: right;
	padding: 0px 35px 0px 0px;
	margin-top: 40px;
}

.headerBannerText h1 {
	font-size: 1.25em;
	color: #8077b7;
	font-weight: normal;
}

/* Comparison Table Styling */

.comparison_table_main {
	border: 5px solid #C5C5C5;
	text-align: center;
}

.comparison_table_top_row {
	border-bottom: 1px solid #C5C5C5;
}

.comparison_table_top_row_left {
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
}

.comparison_table_main_row_A {
	background-color:#e1e1e1;
}

.comparison_table_main_row_title {
	background-color: #94b558;
	color: #FFFFFF;
	font-weight: bold;
}

.comparison_table_left {
	font-size: 80%;
	border-right: 1px solid #C5C5C5;
}

.comparison_table_text {
	font-size: 80%;
}

.comparison_table_title {
	color: #78a22f;
	font-weight: normal;
	font-size: 1.25em;
	text-decoration: none;
}

.comparison_table_main a {
	color: #78a22f;
	text-decoration: none;
}

/* Package Page Styling */

.main_package_body {
	padding: 0px 30px 0px 30px;
}

.headerPackageTitle {
	background-image: url(../images/package_header_banner_img.jpg);
	background-repeat: no-repeat;
	height: 31px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.headerPackageTitle h1 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	font-weight: normal;
}

.headerPackageTitle p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 1.4em;
}

.headerPackageWhy {
	background-image: url(../images/package_title_banner_img.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 31px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
	margin: -10px 0px 0px 0px;
}

.headerPackageWhy h2 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.headerPackageWhy p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 1.4em;
}

.package_price {
	width: 170px;
	float: right;
	color: #FFF;
	font-size: 0.9em;
	padding-top: 4px;
}

.package_box_1 {
	width: 260px;
	height: 175px;
	background-image: url(../images/package_box_bg.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 10px 0px;
	padding: 15px;
}

.package_box_2 {
	width: 260px;
	height: 175px;
	float: right;
	background-image: url(../images/package_box_bg.jpg);
	background-repeat: no-repeat;
	margin: 15px 27px 0px 0px;
	padding: 15px;
}

.package_box_3 {
	width: 260px;
	height: 175px;
	float: right;
	background-image: url(../images/package_box_bg.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 15px;
}

.package_box_title {
	color: #78a22f;
	font-weight: normal;
	margin-top: 0px;
	font-size: 1.25em;
}

.package_box_text {
	line-height: 23px;
	margin-top: -8px;
}

.package_box_img {
	float:right;
	margin: -30px 0px 0px 0px;
}

.packageQuote {
	width: 585px;
	margin-top: 20px;
}

.packageQuoteBorder {
	background-image: url(../images/green_hrz_separ.jpg);
	background-position:top;
	background-repeat: no-repeat;
	height: 1px;
	width: 585px;
	margin-top: 0px;
}

.packageQuoteText {
	color: #78a22f;
	font-weight: normal;
	margin-top: 0px;
	font-size: 1.2em;
	padding: 15px 60px 15px 60px;
}

.packageTitleSmall {
	background-image: url(../images/package_small_title_banner_img.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 575px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
	margin: 20px 0px 0px 0px;
}

.packageTitleSmall h2 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.packageTitleSmall p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 1.4em;
}

.packageTitleLarge {
	background-image: url(../images/package_title_banner_img.jpg);
	background-repeat: no-repeat;
	height: 31px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
	margin: 20px 0px 0px 0px;
}

.packageTitleLarge h2 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.packageTitleLarge p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 1.4em;
}

.packageCase { /* When using case study packages Width 300px and Margin 20,0,0,0 */
	float: right;
	margin: 20px -30px 0px 0px;
	width: 320px;
	background-color:#FFFFFF;
}

.packageCaseItem {
	width: 290px;
	padding: 0px 0px 0px 10px;
	text-align: right;
}

.packageCaseItem p {
	margin-top: 0px;
	font-size: 0.9em;
}

.packageCaseImage {
	border: 0px;
	margin-bottom: 10px;
	margin-right: 20px;
}

.packageCaseTitle {
	color: #94b558;
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 5px;
}

.packageCaseCompany {
	color: #666666;
	font-weight: bold;
	font-size: 0.9em;
	float: left;
}

.packageCaseButton {
	border: 0px;
	margin-top: 5px;
}

.packageText {
	padding: 0px 3px 0px 10px;
	font-size: 0.9em;
	line-height: 1.4em;
}

/* Accordion Menu */

#accordion {
	width: 565px;
	margin: 75px 10px 0px 10px;
}
#accordion2 {
	margin: 55px 10px 0px 10px;
}
#accordion3 {
	margin: 55px 10px 0px 10px;
}
#accordion4 {
	margin: 55px 10px 0px 10px;
}

.accordion_title {
	font-size: 0.9em;
	cursor: pointer;
}

.accordion_item {
	border-bottom: 1px solid #FFF;
}

.accordion_title_odd {
	background-color: #b7b7b7;
	padding: 10px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
}

.accordion_title_odd a {
	color: #FFFFFF;
	text-decoration: none;
}

.accordion_title_odd a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.accordion_item_odd {
	background-color: #b7b7b7;
	padding: 0px 10px 0px 10px;
	font-size: 0.9em;
	border-bottom: 1px solid #FFF;
	color: #FFFFFF;
}

.accordion_item_odd p {
	margin-top: 0px;
}

.accordion_title_even {
	background-color: #e9e9e9;
	padding: 10px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
}

.accordion_title_even a {
	color: #666666;
	text-decoration: none;
}

.accordion_title_even a:hover {
	color: #666666;
	text-decoration: none;
}

.accordion_item_even {
	background-color: #e9e9e9;
	padding: 0px 10px 0px 10px;
	font-size: 0.9em;
	border-bottom: 1px solid #FFF;
}

.accordion_item_even p {
	margin-top: 0px;
}

.expand_image {
	float: right;
	margin: 2px 3px 0px 0px;
}

/* Portfolio Page Styling */

.portfolioHeaderAnimation {
	padding: 10px 0px 20px 0px;
}
#portfolioHeaderAnimationContainer {
	width: 984px;
	outline: 0;
	height: 280px;
	background-color: #fff;
	border: 1px solid #698a2a;
}

.main_portfolio_body {
	padding: 0;
	margin-top: 8px;
	height: 950px;
}

.portfolio_item {
	width: 260px;
	margin-bottom: 20px;
}

.portfolio_item_image {
	margin-bottom: 5px;
}

.portfolio_item P {
	font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 7px;
}

.portfolio_items_left {
	width: 260px;
}

.portfolio_items_right {
	width: 260px;
	float: right;
	margin: 0px 10px 0px 0px;
}

.portfolio_case_study_img {
	margin-left: 30px;
}

/* One Column Page Styling */

.OneColumnTitle {
	background-image: url(../images/heading-background.png);
	background-repeat: no-repeat;
	width: 899px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
}

.OneColumnTitle h2 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.OneColumnTitle p {
	font-size: 0.9em;
	margin-top: 0px;
}

/* Two Column Page Styling */

.TwoColumnTitleLeft {
	background-image: url(../images/portfolio_title_left_img.jpg);
	background-repeat: no-repeat;
	width: 569px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
}

.TwoColumnTitleLeft h2 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.TwoColumnTitleLeft h3 {
	font-size: 1.1em;
	color: #78a22f;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
}

.TwoColumnTitleLeft p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 18px;
}

.TwoColumnTitleLeft li {
	font-size: 0.9em;
	line-height: 1.8em;
}

.TwoColumn_right {
	float: right;
}

.TwoColumnTitleRight {
	background-image: url(../images/portfolio_title_right_img.jpg);
	background-repeat: no-repeat;
	width: 278px;
	font-weight: normal;
	padding: 3px 3px 0px 10px;
}

.TwoColumnTitleRight h2 {
	font-size: 1.25em;
	color: #8077b7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.TwoColumnTitleRight h3 {
	font-size: 1.1em;
	color: #78a22f;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
}

.TwoColumnTitleRight p {
	font-size: 0.9em;
	margin-top: 0px;
	line-height: 18px;
}

/* Tooltip Styling */

a.tooltip span {
	display: none;
	margin-left: 10px;
	width:127px;
	min-height: 55px;
	padding: 5px 0px 0px 10px;
}

a.tooltip:hover span {
	display:inline;
	position:absolute;
	background-image: url(../images/tooltip_bg.png);
	color:#FFFFFF;
	font-size: 0.8em;
	text-decoration: none;
}