/**********************************
	STANDARD STYLES
***********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote {margin:0;padding:0;} 
img, fieldset {border: none;}

body {font: normal 75%/1 arial, helvetica, sans-serif;background: #fff;}
html>body {font-size: 12px;}

h1 {font: italic 30px/40px "Times New Roman", Times, serif;margin: 0 0 10px 0;border-bottom: 1px solid #ddd;}
h2 {font: bold 20px/1.5 arial, helvetica, sans-serif;margin: 0 0 12px 0;}
h3 {font: bold 16px/1.125 arial, helvetica, sans-serif;margin: 0 0 12px 0;}
h4 {font: bold 12px/1.5 arial, helvetica, sans-serif;margin: 0 0 4px 0;}
p, ul, ol {font: normal 12px/1.5 arial, helvetica, sans-serif;margin: 0 0 18px 0;}
ul {list-style-type: disc; margin: 0 0 18px 36px;}
ul ul {list-style-type: disc;margin: 6px 0 6px 36px;}
ul li {margin: 0 0 6px 0;}
ol {margin: 0 0 18px 36px;}
ol li {margin: 0 0 9px 0;}
input, select {font: normal 12px/1 arial, helvetica, sans-serif;}
textarea {font: normal 12px/1.5 arial, helvetica, sans-serif;height: 80px;overflow:auto;}

hr {border: 0;color: #ccc;background-color: #ccc;height: 1px;width: 100%;text-align: center;margin: 0 auto 18px auto;}

a {color: #0074c7;}
a:hover {color:#0074c7;}

.tac {text-align: center;}
.clear {clear: both;}
.h6 {height:6px;}

.h10 {height:10px;}
.h12 {height:12px;}
.h16 {height:16px;}
.h18 {height:18px;}
.h20 {height:20px;}

/**********************************
	CONTAINERS
***********************************/

#wrapper {margin: 0 auto 10px auto;text-align: left;width: 960px;background: #fff;}

#header {margin: 10px 0 0 0;}
#header div {overflow: hidden;height: 72px;}

#content {overflow: hidden;clear:both;background: #fafafa;}
#content-text {width:680px;margin: 0px 0 0px 20px;padding:20px 0 20px 0;}
#content-full {margin: 0px 0px 0px 20px;padding:20px 0 20px 0;}

#content-full .about-column-left {width:630px;float:left;position:relative;height:100%;padding:0 20px 0 0;}
#content-full .about-column-right {width:270px;float:left;position:relative;height:100%;}


#banner {text-indent: -999em; height: 300px; background: #fafafa url(../img/banner.jpg) no-repeat;}
#banner h1 {text-indent: -999em;border:none;}

#home-text{padding:0px 30px;margin-bottom:18px;color:#666;}
#home-text p { font: normal 12px/1.5 arial, helvetica, sans-serif;margin: 0 0 12px 0;}

.inner {padding:30px 20px 20px 20px;}
/**********************************
	NAVIGATION MENUS
***********************************/

#nav, #nav * {margin: 0; padding: 0;z-index:10;}
#nav {clear: both;margin: 0;height: 40px;background: #4589ce url(../img/nav-bg.gif) repeat-x;}

#nav,
#nav ul {float: left;width: 960px;list-style: none;line-height: 1;font-weight: bold;}

#nav ul {background: #369;border: 2px solid #fff;}

#nav a {display: block;color:#fff;text-decoration: none;padding: 0 10px;text-transform: uppercase;font: bold 13px/40px arial, helvetica, sans-serif;}
#nav a.parent {background: url(../img/rightarrow.gif) center right no-repeat;}

#nav ul a {font: normal 12px/1.25 arial, helvetica, sans-serif;text-transform: none;}

#nav li {float: left;margin: 0 1px 0 0;color:#262A72;}
#nav li.end {margin: 0;}

#nav li ul {position: absolute;left: -999em;width: 196px;font-weight: normal;margin: 0;}
#nav li li {width: 190px;text-align: left;padding: 3px;margin: 0;}
#nav li ul a {width: 180px;padding: 2px 4px;}

#nav li ul ul {margin: -21px 0 0 193px;}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {left: auto;color:inherit;}

#nav li:hover,
#nav li.sfhover,
#nav li.active {background: #369;}

#nav li li:hover,
#nav li li.sfhover,
#nav li li.active {background: #4589ce;}

#sub-nav {float: right;width: 200px;background: #ddd;margin: 60px 20px 20px 0;}
#sub-nav h3 {font: bold italic 14px/18px "Times New Roman", Times, serif;  margin: 8px 0 0 12px;color: #444;}
#sub-nav ul {list-style-type: none; margin: 8px 0 0 12px;}
#sub-nav li a {text-decoration: none;}
#sub-nav li a:hover, #sub-nav li.active a {text-decoration: underline;}


table  {width:800px;border-top: 1px solid #999;border-left: 1px solid #999;border-collapse: collapse;margin-bottom:30px;}
th,td {padding:10px;border-right: 1px solid #999;border-bottom: 1px solid #999;}
th {font-family: verdana, sans-serif;background: #ccc;}
caption{font: normal 18px/1.25 arial, helvetica, sans-serif;margin: 9px 0 9px 0;color: #000;text-align:left;}
thead {background-color:#eee;}
tfoot {background-color:#eee;}
table  {width:100%;border-top: 1px solid #999;border-left: 1px solid #999;border-collapse: collapse;margin-bottom:30px;margin:0 auto;}

table .odd {background:#eee;}

.odd {
  background-color:#edf5ff;
}

tr:hover {
  background-color:#4589CE;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}


/***********************************
Blockquotes
***********************************/

#content-full p a[href^="http:"],#content-caseStudies p a[href^="http:"] {
  background: url(../img/external.gif) no-repeat right top;
  padding-right: 10px;
}


#content-full .about-column-right div ,#content-caseStudies .about-column-right div {
		margin-bottom: 18px;
		}

	#fig4_3 blockquote, #fig4_2 blockquote  {
		width: 270px;
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: georgia, arial, serif;
		font-size: 100%;
		zletter-spacing: -1px;
		line-height: 1em;
		color: #555;
		background: #eee url(../img/fi_top.gif) no-repeat top left;
		}

	#fig4_3 blockquote strong, #fig4_2 blockquote strong {
		color: #000;
		font-weight: normal;
		}

	#fig4_3 .quote, #fig4_2 .quote  {
		margin: 0 10px 0 0;
		padding: 20px 10px 10px 20px;
		background: url(../img/fi_bottom.gif) no-repeat right bottom;
		}

	#fig4_3 .author, #fig4_2 .author {
		margin: 0;
		padding: 0 0 10px 0;
		color: #999;
		font-size: 90%;
		background: url(../img/hpquote_bottom.gif) no-repeat bottom;
		}


		
/***********************************
links / Address Sidebar
***********************************/

#links {width: 280px;float: right;}
.links-box {width: 280px;margin: 0 0 12px 0;}
.links-box .inner {background: #f6f6f6;padding: 6px 12px 1px 8px;}
.links-box .inner p {margin: 10px 0 0 14px}
.links-box-top {background: url(../img/contact-address-header.png) left bottom repeat-x;height: 30px;}
.links-box-top h2 {font: italic bold 15px/32px arial, helvetica, sans-serif;color: #fff;padding: 0px 0 0 8px;margin: 0;line-height:30px;height:30px;}
.links-box-base {background: url(../img/links-box-base.png) left top no-repeat;height: 8px;margin: 0 0 15px 0;}
 p.map {margin: 0;}

/***********************************
FORM STYLES
***********************************/

#contact-full {margin: 20px 60px 0 20px;}

#contact-form {width: 500px;position: relative;float: left;clear:both;}
.box-pad {padding: 20px 20px 0 20px;background: #fff}
#contact-form form {padding-bottom: 9px;}
#contact-form label {display: block;float: left;}
#contact-form p {margin: 0 0 9px 0;}
#contact-form em {color: #039;font-weight: bold;font-style: normal;}
#contact-form strong {color: #039;}
#contact-form input {font: normal 12px arial, helvetica, sans-serif;width: 454px;border: 1px solid #ccc;padding: 4px;background: #fff;color: #333;}
#contact-form textarea {width: 454px;border: 1px solid #ccc;padding: 4px;font: normal 12px/18px arial, helvetica, sans-serif;background: #fff;color: #333;overflow: auto;}
#contact-form input:focus, #contact-form textarea:focus {border-color: #999;}
input#btnSend {width: 10em;background: #999;color: #fff;border: 1px solid #999;}
.errorMessage {color: #039;}
#contact .error, #contact-form textarea.error:focus, #contact-form input.error:focus {border: 1px solid #039;}
#contact .warning {color: #039;font-weight:bold;}
.hidden {display: none;}
.show {display: block;}
.c {margin-top:10px;padding-top:10px;}

li.column1 { margin-left: 0em; }
  li.column2 { margin-left: 10em; }
  li
  {
    line-height: 1.2em;
  }

  li.reset
  {
    margin-top: -8.5em;
  }


/**********************************
	FOOTER
***********************************/

#footer {clear: both;padding: 30px 0 0 0;background: url(../img/footer-bg.gif) repeat-x;}
#footer a {margin: 0 4px;}
#copyright {font: normal 11px/18px arial, helvetica, sans-serif;}
#copyright img {float: left; margin: 0 12px 0 0;}
#footer-links {float: right;}


#gototop { display:none; font:bold 11px/1 arial, helvetica, sans-serif; background: #eaeaea; text-decoration:none; position:fixed; right:5px; bottom:5px; padding:8px 12px; }

#gototop:hover	{ text-decoration:underline; }