/*
reset default browser rules
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/*
end reset
*/

/** global structural elements **/
#main_wrapper {
	width: 1040px;
	margin: 0 auto;
}

#body_wrapper {
	background: transparent url(../images/background_body.jpg) repeat-y;
	margin: 0px 0px 0px 0px;
}

#body_inner {
	width: 1000px;
	margin: 0px 20px 0px 20px;
	background: #FFF;
}

#header {
	width: 1000px;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px #5a3a21 solid;
}

#logo {
	width: 252px;
	height: 51px;
	background: transparent url(../images/logo.jpg) no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	margin: 17px 0px 0px 35px;
	float: left;
	display: inline;
}

#logo a {
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
}

#utility_nav {
	width: 314px;
	float: right;
	clear: right;
	margin: 8px 0px 0px 0px;
}
#utility_nav li {
	float: left;
	margin: 0px 10px 0px 0px;
}

#main_content {
	margin: 0px 0px 0px 0px;
}

#inner_content {
	margin: 0px 0px 0px 0px;
	background: #e5e6e8 url(../images/subnav_bg.jpg) no-repeat 0px 29px;
}

#main_banner {
	border-bottom: 3px #5a3a21 solid;
	float: left;
	clear: both;
}

#left {
	float: left;
	width: 253px;
	display: inline;	
}

#left_nav {
	padding: 10px 0px 0px 0px; 
}
#left_nav li {
	width: 100%;
	display: block;
	padding: 10px 0px 10px 0px; 
	margin: 0px;
	background: transparent url(../images/grayArrow.gif) no-repeat 20px 14px;
	zoom: 1;
} 

#left_nav li.selected, #left_nav li:hover, #left_nav li.hover  {
	background: #d9d9d9 url(../images/whiteArrow.gif) no-repeat 20px 14px;
} 

#left_nav li a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	margin: 0px 0px 0px 35px; 
	padding: 0px;
} 

#right {
	float: left;
	width: 707px;
	min-height: 400px;
	_height: 400px;
	display: inline;
	background: #FFF;
	padding: 20px 15px 5px 25px;
}

#left_col {
	width: 420px;
	float: left;
	display: inline;
}

#left_col_wide {
	width: 520px;
	float: left;
	display: inline;
}

#left_col_narrow {
	float: left;
	display: inline;
	width: 407px;
}

#right_col {
	width: 280px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

#footer {
	clear: both;
	font-size: .9em;
	color: #999;
	margin: 10px 0px 5px 0px;
	padding: 0px 30px 0px 30px;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

#footer a, #footer a:visited  {
	color: #999;
	text-decoration: none;
}

/** end global structural elements **/

/*global*/
html{background:#f8f7f1;}

body {
	font-family: arial;
	font-size: 12px;
	*font-size: .75em; /* this may be too dangerous to set, but it allows IE6 to scale fonts */
	background-color: #f8f7f1;
}

.cover:after {
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}
.cover {
	zoom: 1;
}

.clear {
	clear: both;
}

h2 { 
	font-family: lucida grande, arial;
	font-size: 2.1em;
	color: #BAA890;
}
h3  {	
	background-color: brown;
	color: #FFF;
	font-size: 1.3em;
}
h4  {	
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
}
a {
	color: #BAA890;
	text-decoration: none;
}

a:hover {
	color: #BAA890;
	text-decoration: underline;
}

a.learn_more, a.learn_more:visited {
	color: #b9bc8f;
	font-size: 1em;
	font-weight: bold;
	background: transparent url(../images/bullet_arrow.jpg) no-repeat 0px 0px;
	padding: 0px 0px 2px 17px;
}

p.center {
	text-align: center;
}

em {
	font-style: italic;
}

#right h2 {
	width: 100%;
}

#right h3 {
	margin: 25px 0px 8px 0px;
	padding: 10px 0px 0px 0px;
	font-family: lucida grande, arial;
	font-size: 1.5em;
	color: #BAA890;	
	background-color: #FFF;
	background: transparent url(../images/dotted_line.gif) repeat-x;	
}

#right p {
	font-size: 1.1em;
	color: #333;
	line-height: 1.5em;
	margin: 15px 0px 15px 0px;
}

#right p.intro {
	font-size: 1.2em;
	color: #666;
	line-height: 1.8em;
	margin: 10px 0px 20px 0px;
}

#right p.right {
	margin-top: 40px;
	margin-right: 10px;
}

#right p.clear {
	margin-top: 25px;
	margin-bottom: 25px;
}

#right p.short {
	margin: 10px 0px 20px 0px;
}

strong {
	font-weight: bold;
}

img.nav_header {
}

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

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

div.bottom_curve {
	background: transparent url(../images/background_bottom.jpg) no-repeat;
	width: 1040px;
	height: 20px;
}

div.bottom_curve_gray {
	background: transparent url(../images/background_bottom_innerpage.jpg) no-repeat;
	width: 1040px;
	height: 20px;
}

div.top_curve {
	background: transparent url(../images/background_top.jpg) no-repeat;
	width: 1040px;
	height: 20px;
}

div.bottom_bar {
	border-top: 2px #EAEAEA solid;
	clear: both;
	text-align: right;
	padding: 5px 10px 0px 0px;
	margin: 10px 0px 0px 0px;
}

div.bottom_bar a {
	background: transparent url(../images/arrow_top.jpg) no-repeat;
	padding: 0px 0px 10px 18px;
	color: #608734;
	font-size: .9em;
	text-decoration: none;
	font-weight: bold;
}

/** end global **/

/**top nav dropdowns **/

#menu {
  list-style-type: none;
  font-size: 12px;
  color: #FFF;
  line-height: 18px;
  padding: 0px;
  float: right;
  clear: right;
  width: 585px;
  margin: 4px 0px 0px 0px;
}

#menu li {
  display: inline;
  margin: 10px 8px 0px 0px;
  padding: 0px 0px 0px 8px;
  float: left;  
  position: relative;
  border-left: 0px solid #999;
}

#menu li.first {
	border-left: 0px solid #999;
}

#menu li.divider {
	height: 15px;
	width: 1px;
	background-color: #999;
	padding: 0px;
	margin: 14px 0px 0px 0px;
}

#menu li a {
  text-decoration: none;
  color: #323232;
  display: block;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  _display: inline-block; 
  padding: 4px 8px 12px 8px;
  z-index: 10;
  margin: 0px 0px -4px 0px;
  font-weight: bold;
  position: relative;
}


#menu li.selected a {
  color: #9a8a7b;
}

#menu a:hover, #menu li:hover a, #menu li.hover a {
  background: #9a8a7b;
  color: #FFF;
}

/* drop down hover */
#menu li:hover,
#menu li.hover {
}

#menu li:hover ol,
#menu li.hover ol {
  display: block;
}

#menu ol {
  list-style-type: none;
  display: none;
  position: absolute;
  top: 33px; /* Only IE6 needs this */
  left: 8px;
  
  /* this padding means we can't assign backgrounds or borders easily, but it let's
   * us have some breathing room for the mouse when targeting */
  margin: 0;
  padding: 5px 0px 5px 0px;
  border: 1px solid #CCC;
  /*background: #99f;  background so you can see the mouse buffer */
  background: transparent url(../images/ddmenu_bg.png);
  width: 189px;
  z-index: 5;
}

#menu li.last ol {
	width: 115px;
}

/* have to undo styles applied earlier */
#menu ol li {
  display: block;
  float: none;
  /* if you are not assigning a width, you will note that IE6 will not make all of
   * the anchors the same width, so you are better off styling the li here, rather than
   * the anchor.
   */
  width: 100%;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 25px;
  border: 0px;
  background: transparent url(../images/ddmenu_arrow.gif) no-repeat 15px 10px;
}

#menu ol li a, #menu li.hover ol li a, #menu li:hover ol li a {
  height: auto;
  color: #000;
  background: transparent;
  display: block;
  padding: 3px 0px 3px 0px;
  width: 100%;
  border: 0px;
  zoom: 1;
}

#menu ol li:hover, 
#menu ol li.hover {
  border: 0px;
}

#menu ol li:hover a, 
#menu ol li.hover a,
#menu ol li:hover a:hover, 
#menu ol li.hover a:hover {
  border: 0px;
  color: #000;
  background: transparent;
}

#menu ol li:hover a:hover, 
#menu ol li.hover a:hover {
  color: #9a8a7b;
}


/** end dropdowns **/

/** homepage **/

#home_feature {
	padding: 0px 0px 0px 35px;
	width: 580px;
	float: left;
	display: inline;
	margin: 24px 0px 40px 0px;
}

#home_feature p.home_feature {
	color: #000;
	font-size: 1.3em;
	line-height: 1.4;
	margin: 0px 0px 5px 0px;
}

#home_news {
	padding: 0px 0px 0px 0px;
	width: 245px;
	float: left;
	display: inline;
	margin: 20px 0px 0px 75px;
}

#home_news h4 {
	color: #666;
	font-size: 1.3em;
	font-weight: 600;
	margin: 0px;
}

#home_news a#news_link, #home_news a:visited#news_link {
	color: #bea891;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
}

#home_news a:hover#news_link {
	text-decoration: underline;
}

#home_news ul {
	width: 100%;
	margin: 2px 0px 5px 0px;
	padding: 8px 0px 0px 0px; 
	background: transparent url(../images/dotted_line.gif) repeat-x;
}

#home_news ul li {
	width: 100%;
	background: transparent url(../images/dotted_line.gif) repeat-x bottom;
	padding: 0px 0px 15px 0px;
	margin: 5px 0px 0px 0px;
}

#home_news ul li a, #home_news ul li a:visited {
	color: #608734;
	font-size: 1em;
	text-decoration: none;
}

#home_news ul li h6 a, #home_news ul li h6 a:visited {
	color: #666;
	font-size: 1em;
	text-decoration: none;
}

#home_news ul li p {
	color: #666;
	font-size: 1em;
}

#home_news ul li div.news_date {
	float: left;
	display: inline;
	background: transparent url(../images/calendar_icon.jpg) no-repeat;
	width: 47px;
	height: 48px;
	margin: 0px 8px 0px 0px;
}

#home_news ul li span.news_day {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #b3a894;
	margin: 8px 0px 0px 0px;
	width: 100%;
	text-align: center;
}

#home_news ul li span.news_month {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 4px 0px 0px 0px;
	width: 100%;
	text-align: center;
}

#home_news ul li div.news_details {
	float: left;
	display: inline;
}

#home_news ul li div.news_details h6 {
	width: 175px;
}

/** end homepage **/

/** bottom features **/
#bottom_features {
	width: 1040px;
	background: transparent url(../images/background_body.jpg) repeat-y;
}

#bottom_features ol {
	width: 1000px;
	margin: 10px 20px 10px 20px;
	background: #FFF;
}
#bottom_features ol li {
	float: left;
	display: inline;
	width: 328px;
	margin: 0px 0px 0px 20px;
	border-right: 1px solid #CCC;
	padding: 0px 3px 0px 0px;
	/*background-color: green;*/
}

#bottom_features ol li.last {
	border-right: 0px;
	width: 286px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bottom_features ol li div {
	float: left;
	display: inline;
	width: 128px;
}
#bottom_features ol li img.icon {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
}

#bottom_features ol li img.right {
	float: right;
	margin-right: 10px;
	margin-bottom: 3px;
	clear: both;
}

#bottom_features ol li h6 {
	color: #666;
	font-size: 1.1em;
}
#bottom_features ol li p {
	color: #666;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
}
/** end bottom features **/

/** about us **/
#right p.caption {
	font-size: .9em;
	margin: 5px 20px 0px 30px;
}

/** team **/

#right ul.team {
	margin: 20px 25px 0px 0px;
}

#right ul.team li {
	padding: 30px 0px 10px 0px;
	margin: 0px;
	background: transparent url(../images/dotted_line.gif) repeat-x;
	list-style-type: none;
}

#right ul.team li.first {
	background: transparent none;
}

#right ul.team li img {
	float: left;
	display: inline;
	margin: 0px 20px 0px 0px;
}

#right ul.team li div.holder {
	float: left;
	display: inline;
}

#right ul.team li h5 {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}

#right ul.team li p {
	margin: 0px 0px 20px 0px;
	width: 525px;
}

/** for partners **/
#right ul.team {
	margin: 20px 0px 0px 0px;
}

#right ul.team li ul {
	padding: 20px 0px 20px 0px;
}
#right ul.team li ul li {
	background: none;
	display: inline;
	float: left;
	padding: 0px;
	border-left: 0px solid #999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 164px;
	text-align: center;
}

#right ul.team li ul li.first {
	border-left: 0px solid #999;
	padding: 0px 0px 0px 0px;
}

#right ul.team li ul li.divider {
	background: #999;
	width: 1px;
	height: 100px;
	margin: 10px 0px 0px 0px;
}

#right ul.team li ul li img {
	float: none;
	margin: 0px;
}

/** end team **/

/**testimonials **/
#right ul.testimonials {
	margin: 20px 0px 20px 0px;
}

#right ul.testimonials li {
	padding: 17px 20px 12px 0px;
	background: transparent url(../images/dotted_line.gif) repeat-x;
	list-style-type: none;
}

#right ul.testimonials li img {
	margin: 0px 0px 20px 0px;
}

#right ul.testimonials li p {
	margin: 0px 0px 15px 0px;
}

#right ul.testimonials li a {
	float: right;
	display: inline;
	color: #000;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/link_arrow_brown.gif) no-repeat right;
}

#right ul.testimonials li span {
	color: #333;
	display: block;
}

#right ul.testimonials li span.name {
	color: #BAA890;
	display: block;
}

/**end testimonials **/

/**news **/
#right #news_feature {
	background: transparent url(../images/news/news_box_middle.jpg) repeat-y;
	width: 322px;
	float: left;
	display: inline;	
}

#right #news_feature h3 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: transparent;
}

#right #news_feature div.top {
	background: transparent url(../images/news/news_box_top.jpg) no-repeat;
	width: 322px;
	height: 15px;
}

#right #news_feature div.body {
	padding: 10px 23px 20px 23px;
}

#right #news_feature div.bottom {
	background: transparent url(../images/news/news_box_bottom.jpg) no-repeat bottom;
	width: 322px;
	height: 16px;
}

#right ul#news_list {
	width: 340px;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: inline;
	background: transparent url(../images/dotted_line.gif) repeat-x bottom;
}

#right ul.wide#news_list {
	width: 600px;
}
#right ul#news_list li {
	padding: 17px 10px 22px 0px;
	background: transparent url(../images/dotted_line.gif) repeat-x;
	list-style-type: none;
}

#right ul#news_list li h4 {
	color: #BAA890;
	font-size: 1.2em;
	text-indent: 0px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

#right ul#news_list li p {
	clear: both;
	margin: 0px 0px 15px 0px;
}

#right ul#news_list li a, #right #news_feature div.body a, #right a.archive_link {
	float: right;
	display: inline;
	color: #000;
	padding: 0px 15px 0px 0px;
	margin: 0px 15px 0px 0px;
	background: transparent url(../images/link_arrow_brown.gif) no-repeat right;
}

#right ul#news_list li a {
	float: left;
}

#right #news_paging {
	clear: both;
	width: 300px;
	margin: 0px auto;
}

#right #news_paging a {
	color: #000;
	float: left;
	display: inline;
	padding: 0px 5px 0px 5px;
}

#right #news_paging a.prev {
	padding: 0px 0px 0px 15px;
	background: transparent url(../images/link_arrow_brown.gif) no-repeat;
}

#right #news_paging a.selected {
	padding: 0px 5px 0px 5px;
	background: transparent url(../images/link_arrow_brown.gif) no-repeat;
}
#right #news_paging a.next {
	padding: 0px 15px 0px 0px;
	background: transparent url(../images/link_arrow_brown.gif) no-repeat right;
}

#right ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 0px 20px;
	font-size: 1.1em;
	color: #333;
	line-height: 1.3em;
	
}
/**end news **/

/** solutions **/

#right div.brown_box_right {
	width: 278px;
	float: right;
	clear: none;
	display: inline;
	/** move right bar over into padding area of #right  **/
	margin: 0px 0px 40px 0px;
	background: transparent url(../images/solutions/right_column_middle.jpg) repeat-y;
}

div.brown_box_right div.top {
	background: transparent url(../images/solutions/right_column_top.jpg) no-repeat;
	width: 278px;
	height: 10px;
	font-size: 0px;
}

div.brown_box_right div.body {
	background: #cfc2b1;
	width: 238px;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
}

div.brown_box_right div.body div.header_tall {
	height: 90px;
	border-bottom: 1px solid #FFF;
	position: relative;
}

div.brown_box_right div.body div.header, div.brown_box_right div.body div.header_tall {
	border-bottom: 1px solid #FFF;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

div.brown_box_right div.bottom {
	background: transparent url(../images/solutions/right_column_bottom.jpg) no-repeat;
	width: 278px;
	height: 10px;
	font-size: 0px;	
}

div.brown_box_right a.demo {
	color: #FFF;	
	padding: 0px 0px 0px 15px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div.brown_box_right img.logo {	
	margin: 0px auto;
	display: block;
}

img#monitor {
	position: absolute;
	margin: -180px 0px 0px -50px;
	width: 259px;
	height: 243px;
}

#right div.brown_box_right h3 {
	color: #442a19;
	background: transparent;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

div.brown_box_right ul {	
	padding: 0px 10px 20px 35px;
}

/*
div.brown_box_right ul.wide {	
	padding: 0px 10px 5px 5px;
	font-size: 1.1em;
}
*/

div.brown_box_right ul li {	
	list-style-image: url(../images/solutions/red_bullet.gif);
	margin: 10px 0px 10px 0px;
	color: #442a19;
}

#right div.brown_box_right h4 {
	color: #442a19;

	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#right div.brown_box_right h4 span.number {
	color: #d92c2e;
}

#right div.brown_box_right p {
	color: #442a19;
	line-height: 1.3em;
	margin: 10px 10px 10px 10px;
}
/** end solutions **/

/** services **/
img.center {
	margin: 10px auto;
	display: block;
}
img.wide {
	margin: 10px 0px 30px -5px;
	display: block;
	clear: both;
}