/* ------- audio only content ------- */
.audio
{
    display: none;
}
@media aural  
{
    body 
    {  
        voice-family: female;
    }
    .audio
    {
        display: inline;
        voice-family: male;
    }
}
/* ------- end audio only content ------- */
body, iframe, blockquote, div, h1, h2, h3, h4, hr, img, form, fieldset
{
	margin: 0;
	border: 0;
	padding: 0;
}
body
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	background: #FFFFFF url(../img/bg_page.gif) repeat-x 0 110px;
}
h1
{
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: 300;
	margin: 0 0 15px 0;
	color: #01572C; /* 01572C */
}
h2
{
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: 300;	
	margin: 0 0 0.5em 0;
	color: #01572C;
	clear:left;
}
h3
{
	margin: 0 0 15px 0;
	font-weight: 600;
	font-size: 1.2em;
	color: #01572C;
	clear:left;
}
h4
{
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1em;
	color: #01572C;
}
p
{
	padding: 0 0 1em 0;
	margin: 0;
}
a
{
	color:#004D99; /*0066CC*/
	text-decoration: none;
}
a:visited
{
	color:#004D99;
	text-decoration: none;
}
a:hover
{
	color:#008080;
	text-decoration: underline;
}
a:active
{
	color:#009999;
	text-decoration: underline;
}
blockquote
{
	margin:0 0 2em 2em;
}
hr
{
	clear: both;
	color:#CCCCCC;
	background-color:#CCCCCC;
	border:0;
	height:1px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form
{
	margin: 0;
	width: inherit;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                   CONTACT FORM                    */
/* See fieldset and legend fixes for background bleed in conditional ie.css */
#ContactForm fieldset
{
	margin: 0 0 0 20px;
	padding: 0;
}
#ContactForm fieldset dl {
	float: left;
	clear: both;
  margin: 0;
	padding: 8px 0 8px 15px;
	width: 100%;
	/*max-width: 40em;*/
}
#ContactForm fieldset dt {
	float: left;
	width: 150px;
	margin: 0;	
	padding: 0;
	font-size: 1.1em;
	font-weight: 600;
	color: #444444;
}

#ContactForm fieldset dd
{
	float: left;
	width: 500px;
	padding: 0;
}
#ContactForm fieldset dt.wide {
	float: left;
	width: 100%;
	margin: 0;	
	font-size: 1.1em;
	font-weight: 600;
	color: #444444;
}
#ContactForm fieldset dd.wide
{
	float: left;
	clear: left;
  margin: 2px 0  2px 150px ;
	padding: 0;
}
#ContactForm fieldset dd input
{
	/*border: 1px solid #666666;*/
	padding-left: 0.4em;
	margin-right: 0.4em;
	background-color: #F0F0FF;
	font-size: 1.2em;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
}
#ContactForm fieldset dd select
{
	border: 1px solid #666666;
	background-color: #F0F0FF;
	margin-right: 0.4em;
	font-size: 1.2em;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
}
#ContactForm fieldset dd textarea
{
	border: 1px solid #666666;
	margin-right: 0.4em;
	padding-left: 0.4em;
	background-color: #F0F0FF;
	font-size: 1.2em;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
}
#ContactForm fieldset .formRow input
{
	border: 1px solid #666666;
	padding-left: 0.4em;
	margin-right: 0.4em;
	background-color: #F0F0FF;
	font-size: 1.2em;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
}
.fieldFocus
{
	background-color: #FFFCDF;
}
.contactButton
{
	display: block;
	width: 93px;
	height: 25px;
	background: #FFFFFF url(../img/contact-button-1.gif) no-repeat top left;
	text-align: left;
	font-weight: bold;
	padding: 2px 5px 3px 22px;
}
a.contactButton ,
a.contactButton:visited
{
	color: #000000;
}
a.contactButton:hover
{
	background: #FFFFFF url(../img/contact-button-2.gif) no-repeat top left;
}
.chrRem
{/*For textbox areas. Display chars remaining*/
	border:0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                BLOG SEARCH FORM                   */
#SearchForm	 /*similar to ".cta h4" */
{
	display: block;

	margin: 0 0 10px 10px;
	width: 180px;
	padding: 0 10px 0 20px;

	height: 61px;
	line-height: 61px;

	background: url(../img/bg_cta_lrg_off.gif) no-repeat center center;
}

#SearchForm input.query
{
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 1.1em;
	font-weight: 300;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                   FORM CONTROLS                   */
.controlRow
{
	clear: both;
	width: 100%;
	/*max-width: 525px;*/
	margin: 15px 0;
	float: left;
}
.controlButton a
{
	position: relative;
	display: block;
	width: 8em;
	color: #000000;
	background-color: #FFE8D8;
 	border: 1px solid #666666;
	margin: 5px;
	padding: 0;
	font-weight: 900;
 	text-align: center;
	font-size: 1em;
	text-decoration: none;
}
.controlButton a:hover
{
	color: #990000;
	background-color: #FFEEFF;
	border-color: #333333;
	text-decoration: none;
}
.controlButton a:active
{
	color: #FF0000;
	background-color: #CCCCCC;
	text-decoration: none;
}
input.submitButton
{
	color: #FFFFFF;
	background: #3F538E url(../img/button.gif) repeat-x center right;
	border: 1px solid #FFFFFF ;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	font-size: 1.2em;
	padding: 2px 30px 4px 35px;
	/* height: 31px; height triggers disappearing text bug in ie7 when button is scrolled out and back in to viewport */
}
input.submitOnMouseOver
{
	color: #FFFFFF;
	background: #3F538E url(../img/button_hi.gif) repeat-x center right;
	border: 1px solid #FFFF00;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	padding: 2px 30px 4px 35px;
	/* height: 31px; height triggers disappearing text bug in ie7 when button is scrolled out and back in to viewport */
}
input.submitOnMouseDown
{
	color: #CCCCCC;
	background: #3F538E url(../img/button.gif) repeat-x center right;
	border: 1px solid #FFFF00;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	font-size: 1.2em;
	padding: 2px 30px 4px 35px;
	/* height: 31px; height triggers disappearing text bug in ie7 when button is scrolled out and back in to viewport */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                     LAYOUT                        */
#header
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	z-index: 6;
	padding: 0;
	background: #E4E9E2 url(../img/bg_header.gif) repeat-x top left;
}
#header .container_16
{
	position: relative;
	min-width: 960px;
}
#content
{
	position: relative;
	margin: 140px auto 0 auto;
	padding: 0;
	width: 960px; /* fixed column width */

}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                   EXTRA NAV                      */
ul#extraNav
{
	position: absolute;
	width: 34em; /*350px; 320px*/
	top: 65px;
	right: 0;
	margin: 0;
	padding: 0 10px;
	height: 32px;
	white-space: nowrap;
}
ul#extraNav li
{
	float: right; /* left; */
	margin: 0 10px 0 0;
	padding: 0;	
	list-style: none;
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
ul#extraNav li a
{
	display: block;
	float: left;
	margin-top: 4px;
	padding: 0 0 0 15px;
	height: 28px;
	line-height: 28px;
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
}
ul#extraNav li a:visited
{
	color: #666666;
	text-decoration: none;
}
ul#extraNav li a:hover
{
	margin-top: 2px;
	height: 30px;
	line-height: 30px;
	color: #333333;
	text-decoration: underline;
}
ul#extraNav li.current a
{
	margin-top: 2px;
	height: 30px;
	line-height: 30px;
	color: #333333;
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                   GLOBAL NAV                      */
#globalNav
{
	position:absolute;
	top: 100px;
	left: 0;
	right: 0;
	height: 32px; /* bg_nav.gif is 32px high */
	z-index: 7;
	background: #CCCCCC url(../img/bg_nav.gif) repeat-x top left;
	border-top: 1px solid #FFFFFF;
	border-bottom: 3px solid #66847B;
}
#globalNav ul
{
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	height: 32px;
	white-space: nowrap;
	overflow: visible;
}
#globalNav ul li
{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;	
	list-style: none;
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#globalNav ul li a
{
	display: block;
	float: left;
	margin-top: 4px;
	padding: 0 0 0 10px;
	height: 28px;
	line-height: 28px;
	color: #666666;
	background: transparent url(../img/bg_nav_white.gif) no-repeat top left; /* bg_nav_tab*.gif are 30px high */
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
}
#globalNav ul li a span
{
	display: block;
	padding: 2px 10px 0 0;
	height: 26px;
	line-height: 26px;
	background: url(../img/bg_nav_white.gif) no-repeat top right;
}
#globalNav ul li a:visited
{
	color: #666666;
	text-decoration: none;
}
#globalNav ul li a:hover
{
	margin-top: 2px;
	height: 30px;
	line-height: 30px;
	color: #333333;
	background: transparent url(../img/bg_nav_yellow.gif) no-repeat top left;	
	text-decoration: underline;
}
#globalNav ul li a:hover span
{
	padding: 2px 10px 0 0;
	height: 28px;
	background: transparent url(../img/bg_nav_yellow.gif) no-repeat top right;
	cursor:pointer;
}
#globalNav ul li a:active
{
	text-decoration: none;
}
#globalNav ul li.current a,
#globalNav ul li.current a:hover,
#globalNav ul li.current a:visited
{
	color: #FFFFFF;
	margin-top: 3px;
	height: 30px;
	line-height: 30px;
	background: url(../img/bg_nav_green.gif) no-repeat top left;	
}
#globalNav ul li.current a span,
#globalNav ul li.current a:hover span
{
	height: 28px;
	line-height: 28px;
	background: url(../img/bg_nav_green.gif) no-repeat top right;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*       SECTION NAV (left column in page nav)       */
#sectionNav
{
	margin: 0 10px 0 0;
}
#sectionNav h2
{
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 12px;
}
/* LEVEL ONE & SUBLEVEL DEFAULTS */
#sectionNav ul
{
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 1px solid #DDDDDD;
}
#sectionNav ul li
{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	/*zoom: 1;*/
}
#sectionNav ul li a
{
	position: relative;
	z-index: 100;
	display: block;
	margin: 0;
	padding: 10px 5px 10px 15px;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}
#sectionNav ul li a:hover
{
	background: transparent url(../img/arrow-right.gif) no-repeat 0 50%;
}
#sectionNav ul li.current a
{
	color: #008080;
	text-decoration: none;
	background: transparent url(../img/arrow-right.gif) no-repeat 0 50%;
}
/* LEVEL TWO - HOVER FLYOUT RIGHT */
#sectionNav ul li ul
{
	position: absolute;
	z-index: 90;
	visibility: hidden;
	left: 100%;
	top: -1px;
	width: 210px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	-moz-box-shadow: 3px 3px 2px 0 #999999;
	-webkit-box-shadow: 3px 3px 2px 0 #999999;
	box-shadow: 3px 3px 2px 0 #999999;	
}
#sectionNav ul li:hover ul,	/* TRIGGER FLYOUT */
#sectionNav ul li.hover ul
{
	visibility: visible;
}
#sectionNav ul li:hover ul li a,
#sectionNav ul li.hover ul li a
{
	border: 0 none;
}
#sectionNav ul li:hover a,
#sectionNav ul li.hover a
{
	margin-right: -1px;
	border-right: 1px solid #FFFFFF;
}
/* LEVEL TWO - CURRENT CATEGORY EXPANDED DOWN */
#sectionNav ul li.current ul
{
	position: relative;
	visibility: visible;
	top: 0;
	left: 0;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	border: 0 none;	
	background: none;
	-moz-box-shadow: 2px 2px 2px 0 #999999;
	-webkit-box-shadow: 2px 2px 2px 0 #999999;
	box-shadow: 2px 2px 2px 0 #999999;		
}
#sectionNav ul li.current ul li
{
	background-color:#FAFAFA;
	border-left: 1px solid #DDDDDD;
}
#sectionNav ul li.current ul li a
{
	background: transparent;
	color: #0066CC;
	text-align: left;
	border-bottom: 0 none;
	margin: 0;
	padding: 5px 5px 5px 15px;
}
#sectionNav ul li.current ul li a:visited
{
	color:#004D99;
}
#sectionNav ul li.current ul li a:hover
{
	color:#008080;
	background: transparent url(../img/arrow-right.gif) no-repeat 0 50%;
}
#sectionNav ul li.current ul li.current a
{
	color: #008080;
	background: transparent url(../img/arrow-right.gif) no-repeat 0 50%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                     HEADER                        */
#header p
{
	margin: 0;
	padding: 0;
}
#header p.logo
{
	margin: 15px 0 0 0;
}
#header p.tagline
{
	padding: 25px 0 0 0;
	text-align: center;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.2em;
	text-align: center;
	color: #666666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#header p.contact
{
	padding: 12px 0 0 0;
	font-weight: bold;
	font-size: 1.6em;
	color: #707070;
	text-align: right;
}
#header p.contact img
{
	vertical-align: middle;
}
.tel
{
	margin-right: 5px;
}
/* site search textbox input*/
.bingsig /* always visible branding (required by usage T&C) */
{
	margin-top:2px;
  margin-right:-6px;
	padding-right:0px;
	vertical-align: middle;
}
.sitesearch
{
  margin-right:-2px;
	margin-top:2px;
	width:10.5em;
	border-style: none;
	border-width: medium;
	border-color: inherit;
	padding-right:0px;
	vertical-align: middle;
	height:18px;
	padding-left:0px;
  margin-left:0px;
}
.ssbutton
{
	vertical-align: middle;
	border-style: none;
	margin-top:2px;
	margin-left: -4px;
	padding-left: 0px;
}
.ssbing
{
	text-align:center;
	margin-top:8px;
	vertical-align: middle;
	border-style: none;
}
.ssbing img
{
	vertical-align: middle;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                    CONTENT                        */
#BlogHeadlines
{
	margin: 30px 0 15px 30px;
}
.crumb
{
	color: #A5C6C6;
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 10px;
}

.crumb a
{
	color: #578888;
	font-weight: bold;
	text-decoration: none;
}
.crumb a:visited
{
	color: #578888;
	font-weight: bold;
	text-decoration: none;
}
.crumb a:hover
{
	color: #2C5C5C;
	font-weight: bold;
	text-decoration: underline;
}
/* Right hand column Call To Action (cta) buttons
----------------------------------------------- */
.cta
{
	background: url(../img/bg_cta.gif) no-repeat top left;
}
.cta h4
{
	display: block;
	width: 210px;
	height: 50px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	font-size: 1.2em;
	white-space: nowrap;
}
.cta h4 a
{
	display: block;
	color: #555555 ;
	width: 210px;
	height: 50px;
	text-decoration: none;
	background: url(../img/bg_cta_sml_off.gif) no-repeat center center;
}
.cta h4 a:hover
{
	color: #333333;
	text-decoration: underline;
	background: url(../img/bg_cta_sml_on.gif) no-repeat center center;
}
.cta h4.contact a span
{
	display: block;
	width: 140px;
	padding: 0 10px 0 50px;
	height: 50px;
	line-height: 50px;
	background: url(../img/icons/contact.png) no-repeat 5px 0;
}
.cta h4.brochure a span
{
	display: block;
	width: 140px;
	padding: 0 10px 0 50px;
	height: 50px;
	line-height: 50px;
	background: url(../img/icons/brochure.png) no-repeat 5px 0;
}
.cta h4.rss a span
{
	display: block;
	width: 140px;
	padding: 0 10px 0 50px;
	height: 50px;
	line-height: 50px;
	background: url(../img/icons/rss.png) no-repeat 5px 0;
}
/* CTA Tabs - Press box & Webinars 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#cta-tabs
{
	font-size: 1em;
	margin: 0 5px 0 15px;
	padding: 10px 0 15px 0;
	text-align: left;
}
.ui-tabs
{
	zoom: 1;
}
.ui-tabs .ui-tabs-panel
{
	clear:left;
	padding: 10px;
	display: block;
	border: 1px solid #DDDDDD;
	background: url(../img/bg_tabs.gif) repeat-x bottom left;
}
.ui-tabs .ui-tabs-hide
{
	display: none !important;
}
.ui-tabs .ui-tabs-nav
{
	/*resets*/
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*/resets*/
	position: relative;
	float: left;
}
.ui-tabs .ui-tabs-nav li
{
	/*resets*/
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*/resets*/
	position: relative;
	float: left;
	margin: 0 5px -1px 0;
	border: 1px solid #D5D5D5;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a 
{
	float: left;
	text-decoration: none;
	padding: 4px 8px;
	font-size: 1.1em;
	font-weight: bold;	
	color: #999999;
}
.ui-tabs .ui-tabs-nav li a:visisted
{
	color: #999999;
}
.ui-tabs .ui-tabs-nav li a:hover
{
	color:#008080;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	border-bottom: 1px solid #FFFFFF;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:visited
{
	color: #0066CC;
}
/* Possible in page CTA link 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 	<p><a class="cta-link" href="~/proposal.aspx">Request a free proposal</a></p> */
.cta-link
{
	display: block;
	float: left;
	width: 230px;
	height: 26px;
	line-height: 25px;
	padding-left: 10px;
	margin: 0 15px 15px 0;
	font-size: 1.2em;
	font-weight: 900;
	background: url(../img/cta-link.png) no-repeat center center;
}
a.cta-link,
a.cta-link:visited
{
	color: #555555;
}
a.cta-link:hover
{
	color: #111111;
	background: url(../img/cta-link-over.png) no-repeat center center;
	text-decoration: none;
}
/* standard page elements
----------------------------------------------- */
img.lead
{
	float: left;
	margin: 0 30px 5px 0;
}
p.lead
{
	font-size: 1.2em;
	font-weight: 300;
}
ul.lead
{
	font-size: 1.2em;
	font-weight: 300;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
}
ul.lead li
{
	padding: 2px 0;
}
.trinfo
{
	float:right;
	width: 220px;
	padding: 10px 0;
	margin-left: 30px;
	margin-bottom: 100px;
	background: #FAFAFA;
}
.trinfo ul
{
	margin: 5px 0;
	padding: 0;
	list-style: none;
}
.trinfo ul li
{
	margin: 0;
	padding: 0 0 0 15px;
}
.address
{
	padding-left: 15px;
}
/* useful formatting classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.nowrap
{
	white-space: nowrap;
}

.clear
{
	clear: both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
	zoom:1;
	display:block;
}

.error
{
	white-space: nowrap;
	color: #DD0000;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
img.left
{
	margin: 0 1.5em 10px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                SIDE BAR (As Blog)                 */
#sidebar
{
	margin: 25px 0 0 0;
	padding: 0 0 10px 10px; /*was: 0 10px 10px 10px */
}
#sidebar h2
{
	font-size: 1.2em;
	font-weight: 600;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
#sidebar ul
{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
#sidebar ul li
{
	margin: 0 0 10px 0;
	padding: 0;
}
#sidebar ul ul
{
	margin: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                  In page quotes                   */
blockquote
{
	margin: 0 40px 15px 25px;
	border-top: 1px solid #FCDB76;
	padding: 5px 10px 0 10px;
	border-bottom: 1px solid #FCDB76;
	background-color:#FFFFEE;
}
span.more
{
	text-decoration: underline;
	cursor: pointer;
}
p.quote
{
	font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                  In page quotes                   */
table.inpage
{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 5px 0 15px 0;
}
table.inpage thead tr
{
	background-color: #F0F0FF;
	border-bottom: 1px solid #CCCCCC;
}

/* FRONT PAGE RELATED
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.fp_grid_16
{
	/* border: 1px solid #FF0000; */
	clear: both;
}

.banner
{
	background: #CCCCCC url(../img/bg-grey-1.gif) repeat-x top left;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 0 0 3px #999999;
	-webkit-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
}

.banner h1
{
	border: 1px solid #CCCCCC;
	background: transparent url(../img/bg-grey-2.gif) repeat-x top left;
	margin: 10px;
	padding: 5px 10px;
}

.banner .intro
{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 320px; /* 360 */
	margin: 0 0 10px 10px;
	padding: 8px 10px 0 10px;
	float: left;

	width: 340px; /* 320px 360 */
}

.banner .intro p
{
	padding-bottom: 0.5em;
}

.banner .video
{
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0 5px 10px 10px;
	padding: 0;
	width: 360;
	height: 233;
	cursor: pointer;
}

.banner .video img
{
	position: absolute;
	z-index: 10;
}

.banner .actions
{
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 213px; /* match youtube video */
	margin: 0;
}

.banner .actions h4
{
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	margin: 0 0 20px 0 ;
	padding: 0;
	font-size: 1.2em;
	white-space: nowrap;
}

.banner .actions .social
{
	display: block;
	float: left;
	width: 200px;
	height: 50px;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	white-space: nowrap;

}

.banner .actions .social a
{
	display: block;
	float: left;
	padding: 0 5px 0 10px;
}


a.button
{
	display: inline-block;
	margin: 0 5px 0 20px;
	padding: 0 20px 0 0;
	height: 40px;
	background: transparent url(../img/button.png) no-repeat 100% -40px;
	color: #CCFFBF;
	font-size: 1em; /* 14px */
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

a.w160px
{
	width: 160px;	
}

a.button span
{
	display: block;
	background: transparent url(../img/button.png) no-repeat 0 -40px;
	margin: 0 0 0 -20px;
	padding: 4px 0 5px 20px;
	height: 31px;
	line-height: 29px;
	cursor: pointer;
}

a:visited.button
{
	color: #CCFFBF;
	text-decoration: none;
}

a:hover.button
{
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(../img/button.png) no-repeat 100% 0;
}

a:hover.button span
{
	background: transparent url(../img/button.png) no-repeat 0 0;
}

a:active.button
{
	color: #FFFFCC;
	text-decoration: none;
}

a.button-2
{
	display: inline-block;
	margin: 0 5px 0 20px;
	padding: 0 20px 0 0;
	height: 30px;
	background: transparent url(../img/button-2.png) no-repeat 100% -30px;
	color: #CCFFBF;
	font-size: 1em; /* 14px */
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

a.button-2 span
{
	display: block;
	background: transparent url(../img/button-2.png) no-repeat 0 -30px;
	margin: 0 0 0 -20px;
	padding: 4px 0 5px 20px;
	height: 21px;
	line-height: 19px;
	cursor: pointer;
}

a:visited.button-2
{
	color: #CCFFBF;
	text-decoration: none;
}

a:hover.button-2
{
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(../img/button-2.png) no-repeat 100% 0;
}

a:hover.button-2 span
{
	background: transparent url(../img/button-2.png) no-repeat 0 0;
}

a:active.button-2
{
	color: #FFFFCC;
	text-decoration: none;
}

.service
{
	margin: 15px 0;
	height: 301px;
	background: #c6c6c6 url(../img/frontpage/bg_services.jpg) no-repeat center bottom;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 0 0 3px #999999;
	-webkit-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
}

.service p
{
	margin: 0;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
}

.service ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.service ul li
{
	margin: 0;
	padding: 0;
	float: left;
	width: 239px;
}

.service ul li ul
{
	visibility: hidden;
}

.service ul li.hover ul
{
	visibility: visible;
	background: transparent url(../img/trans-white.png);
}

.service ul li h2
{
	font-size: 1.8em;
	text-align: center;
	margin:0;
	padding:0;
}

.service ul li h2 a
{
	background: #FFFFFF url(../img/bg-grey-3.gif) repeat-x top left;
	display: block;
	height: 60px;
	padding: 10px 15px;
	color: #008080;
	border-bottom: 1px solid #F0F0F0;
}

.service ul li h2 a:hover /* ,.service ul li.hover h2 a */
{
	background: #FFFFFF url(../img/bg-grey-3.gif) repeat-x bottom left;
	text-decoration: none;
}

.service ul li ul
{
	margin: 0;
	padding: 0;
	height: 200px;
}

.service ul li ul li
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.service ul li ul li a
{
	padding: 5px 10px;
	display: block;
	font-weight: bold;
	text-align: center;
}

.service ul li ul li a:hover
{
	text-decoration: none;
	background-color: #FFFAFA;
}

.column1,
.column2,
.column3
{
	float: left;
	width: 288px;
	height: 200px;
	margin: 0 0 15px 0;
	padding: 0 10px;
	background: #FFFFFF url(../img/bg-grey-5.gif) repeat-x top left;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 0 0 3px #999999;
	-webkit-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
	text-align: left;
}

.column2
{
	margin: 0 15px 15px;
	padding: 0 7px;
	width: 294px;	
}

.column1 h3,
.column2 h3,
.column3 h3
{
	font-weight: 300;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	text-align: center;
	color: #008080;	
	font-size: 1.6em;
	text-align: center;
	margin:0;
	padding: 10px 0;
}

.column1 ul,
.column2 ul,
.column3 ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

.column1 li,
.column2 li,
.column3 li
{
	margin: 0;
	padding: 0;
}

.column2 li a
{
	display: block;
	padding: 0 5px;
	text-decoration: none;
}

.column2 li a:hover
{
	display: block;
	padding: 0 2px;
	text-decoration: none;
	background-color: #FFFAFA;
}

.clients
{
	clear: both;
	background: #FFFFFF url(../img/bg-grey-4.gif) repeat-x bottom left;
	margin: 0 0 15px;
	padding: 0;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 0 0 3px #999999;
	-webkit-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
	text-align: center;	
}

.clients p
{
	margin: 0;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
	text-align: left;
}

/* FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
{
	position: relative;
	clear: both;
	background: #4C4C4C url(../img/bg_footer.gif) repeat-x top left;
	padding: 0;
	border-top: 3px solid #66847B;	
}

#footer .links
{
	position:relative;
	top: 0;
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	color: #FFFFFF;
	font-size: 0.9em;
}

#footer .links ul
{
	float: left;
	border-right: 1px solid #999999;
	list-style: none;
	margin: 10px 25px 10px 0;
	padding: 0 25px 0 0;
}

#footer .links h4
{
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

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

#footer .links a:hover
{
	color: #FFCCCC;
}

#footer .links a img
{
	vertical-align: middle;
	margin-right: 0.5em;
}


.logos
{
	position: absolute;
	display:block;
	top: 60px;
	right: 10px;
	height: 120px;
	line-height: 120px;
}

.logos img
{
	vertical-align: middle;
	margin-left: 20px;
}


#footer .base
{
	font-size: 0.9em;
	clear: both;
	padding: 5px 0;
	text-align: right;
}

.base a { color: #FFFFFF; text-decoration:none; }
.base a:visited { color: #FFFFFF; text-decoration:none; }
.base a:hover { color: #FFFFCC; text-decoration:none; }
.base a:active { color: #FFFFFF; text-decoration:underline; }

#footer .base img
{
	vertical-align: middle;
	margin-left: 10px;
}

.copyright
{
	float:left;
	color: #FFFFFF;
	margin: 0; 
	padding: 0;
	letter-spacing: 0;	
}




.th
{
	/*table head*/
	background-color: #66847B;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.rt
{
	/*row title*/
	background-color: #E2E2C5;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width:7em;
}
.rv
{/*row value*/
	background-color: #ffffcc;
	padding-left:0.5em;
	padding-right:0.5em;
}
.tcust
{
	/*clear:both;*/
	font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-style: italic;
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 2.5em;
	padding-bottom:0.2em;
	text-align: left;
	background-color: #f2f5ef; /* #E9EFE4 #D1E0C9 */
}
.tcustname
{
	margin-top: 1.2em;
	border-top: 1px solid #66847B; /* #88AE73; */
	font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 1.15em;
	padding-bottom:0.2em;
	padding-left:0.5em;
	/* background-color: #E9EFE4; */
}