/* CSS Document */

/******************************/
/*                            */
/* PALLETE:                   */
/*                            */
/* #512e90: dark purple       */
/* #5d893a: dark green        */
/* #cc99ff: light purple      */
/*                            */
/*                            */
/******************************/

*{
  margin:0;
  padding:0;
  outline-style:none;
  list-style:none;
}
img, fieldset{
  border:0;
}

html, body{
  height:100%;
  width:100%; 
  min-height:700px;
  /* background:#FFF;*/
}

body{
  font-family: Arial;
  font-size:12px;
  color: #512e90;

  /* background:url('images/bg_body.jpg') 50% 0 repeat-y #FFF; */
}

#wrap_2{
  min-height:100%;  
}

h2
{ display: block;
  clear: both;
  /* height: 20px; */
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Agency FB", Helvetica, Arial;
  font-weight: bold;
  text-transform:uppercase;
  color: #5d893a;
}

a
{ color: #5d893a;
  text-decoration: none;
}

a:hover
{ color: #512e90; 
}

p
{ margin-top: 0px;
  line-height: 16px;
  /*	font-family: "Myriad Pro", Arial; */
	font-family: Arial;
}

table
{ clear: both;
	line-height: 16px;
  margin: 0px;
  padding: 0px;
}

table, tr, td
{ vertical-align:top;
}

td
{ padding-bottom: 15px;
	margin-bottom: 15px;
	/* border-bottom: 1px solid #999; */
}

img.right
{ float: right;
  clear: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

img.icon
{ margin-top: 5px;
  margin-right: 5px;
}


img.h2
{  margin-bottom: 20px;
}

.content-team-directory img.h2
{  margin-bottom: 40px;
}

img.h4
{  margin-top: -5px;
	 margin-bottom: 0px;
}



/* Razor */

div.razor
{ float: left;
  margin: 0px 116px 0px 0px;
  padding-bottom: 30px;
  border: #000 0px solid;
}

div.razor img
{ clear: both;
  margin-bottom: 5px;
}

div.razor p
{ clear: both;
	text-align: center;
}

ul.razor,
ul.razor2
{ display: block;
	clear: both;
}

ul.razor li
{ display:inline;
	float: left;
	width: 72px;
  margin-right: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
	background: #cc99ff;
  font-weight: bold;
  font-size: 14px;
	color: #000;
}

ul.razor2 li
{ display:inline;
	float: left;
	width: 109px;
  margin-right: 1px;
  text-align: center;
	background: #cc99ff;
  font-size: 12px;
	color: #000;
}


/* Connex Movie */
/*
a.connex_movie
{  display: block;
   height: 223px;
   width: 290px;
   background: url(/uploads/product_info/Connex/watch.jpg) no-repeat;
}

a.connex_movie:hover
{  background: url(/uploads/product_info/Connex/watch_roll.jpg) no-repeat;
}

*/
a.connex_movie{
  display:block;
  position:relative;
   height: 223px;
   width: 290px;    
}

a.connex_movie span.watch_bt{
  display:block;
  position:absolute;
  height:43px;
  width:290px;
  z-index:10;
  top:180px;
  left:0;
  text-indent:-1000px;
  background: url(/uploads/product_info/Connex/watch.jpg) 0 -180px no-repeat;
}
a.connex_movie:hover span.watch_bt{
  background: url(/uploads/product_info/Connex/watch_roll.jpg) 0 -180px no-repeat;

}
/* pdf lists */

table.pdf_list img
{ margin-right: 5px;
}

.pdf_name
{ width: 370px;
}

.pdf_size,
.pdf_date,
.pdf_time
{ width: 70px;
	text-align: right;
}

.pdf_date,
.pdf_time
{ display: none;
}





#flash_box{
  background: url('images/bg_body.jpg') 50% 0; 
  min-width:930px;
  
}

 .box_head{
  background: url('images/bg_body_top.gif') repeat-x;
  min-height:300px;
  _height:300px;
  
}


#wrap{
  position:absolute;
  top:0;
  left:0;   

  width:100%;
  margin-top:158px;
}
#wrap_2{
 /*  background:#FFF;  */
}
.home #wrap_2{  
  height:100%;
}

.home p
{ clear: both;
}

#page{
  position:relative;
  width:932px;
  margin:0 auto;  
}
#header{
  position:relative;
}
#logo{
  position:absolute;
  left:10px;
  top:-113px;  
}

/* Search Box */
.search_box
{ position: absolute;
  top: -140px;
  left: 750px;
}

.search_box *
{ display: inline;
	font-family: Arial;
}

#bt_search
{ height:20px;
  width:19px;
  display: inline-block;
  margin-top: -2px;
  margin-left: -3px;
  background: #84b24f url(images/bg_font_grad.jpg) repeat-x scroll 0 -10px;
  line-height:19px;
  font-family: "Agency FB", Helvetica, Arial;
  font-weight:bold;
  text-align:center;
  text-decoration: none;
  color:#FFFFFF;
}

#bt_search a
{ 
}








/* Content */
#content{ 
  min-height:430px;
  _height:430px;
  margin-left: 9px;
}

#content p{
  margin-bottom:10px;
}

/* Content Main */
#content_main{ 
  margin-left:294px;
  padding-top:50px; /* Was 30 */
}

/* Content Main */
.content-team-directory #content_main{
  margin-left:404px;
  padding-top:30px;
}

.content-team-directory h3
{ display: block;
  clear: both;
  margin-bottom: 0px;
  font-size: 32px;
  font-family: "Agency FB", Helvetica, Arial;
  font-weight: bold;
  text-transform:uppercase;
  color: #5d893a;
}

.content-team-directory h4
{ display: block;
  clear: both;
  margin-bottom: 20px;
  font-size: 28px;
  font-family: Arial;
  font-weight: normal;
  color: #512e90;
}


/* Left Image */
.left_image{ 
  display:none;
  /*
  position:absolute;
  left:0;
  */
  float:left;
}

.column_left{ 
  float: left;
  clear: left;
  width: 295px;
  text-align: justify;
}

.column_right{ 
  float: left;
  clear: right;
  width: 290px;
  margin-left: 25px;
  text-align: justify;
}

#thumbs_4col
{ clear: both;
}

.thumbnail_4col
{ float: left;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 24px;
}

.thumbnail_4col_end
{ float: left;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 20px;

}

/* Home Page */
.home #content_main{
  margin:0 20px;
  width:200px;
  padding-top:20px;
  background:#FFF; /* remove this ok */
  font-family:Verdana;
  font-size:8pt;
  line-height:18px;
  position:relative;
}


/* Latest News */
#latest_news
{  clear: both;
   width: 200px;
}
.home #latest_news{
  position:absolute;
  top:200px;
  left:0;
  height:225px;
  overflow:hidden;
  
}
#latest_news h2{
	margin-bottom:10px;
}
#latest_news img.h2{
	margin-bottom:0;
}
#latest_news li{
	margin-bottom:5px;
}
#latest_news_title
{ margin-bottom: 15px;
	font-family: "Agency FB", Helvetica, Arial;
	font-size: 20px;
	font-weight: bold;
  text-transform:uppercase;
  color: #5d893a;
}

#latest_news .date
{ font-family: "Agency FB", Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color:#512e90;
}

#latest_news a
{ line-height: 12px;
	font-size: 9px;
	text-decoration: none;
	color: #000;
}


#latest_news a:hover
{  color: #84b24f;
}

/* Team Directory */
#team_directory
{  position: absolute;
   top: 30px;
   left: 30px;
   width: 125px;
}

#team_directory *
{ font-family: "Agency FB", Helvetica, Arial;
  font-size: 16px;
	font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

#team_directory a
{  display: block;
	 position: relative;
	 width: 100px;
	 text-indent:-10000px; 
	 background-repeat:no-repeat;
	 background-position: -120px 0px !important;
}

#team_directory a:hover
{  background-position: 0px 0px !important;
}

#team_directory a.active
{  margin-left: 11px;
	 background-position: 0px 0px !important;
}


#team_directory a.active span
{  display: block;
   position: absolute;
   top: 6px;
   left: -11px;
   height: 11px;
   width: 11px;
	 background-image:url('images/bullet_team_directory.gif');
	 color: #84b24f;
}

/* Products Left Menu */
#team_directory.product_directory{
  margin-top:325px;
}

#team_directory.product_directory a{
   width:120px;
}

/* News Left Menu */
#team_directory.news_years{
  display: block;
  margin-top:380px;
  margin-bottom:20px;
}

#team_directory.news_years a{
   width:200px;
	 background-position: -200px 0px !important;  
}
#team_directory.news_years a:hover{  
  background-position: 0px 0px !important;
}
#team_directory.news_years a.active{  
  margin-left: 11px;
	background-position: 0px 0px !important;
}
#team_directory.news_years a.title,
#team_directory.news_years a.title:hover{
   width:200px;
	 background-position: 0px 0px !important;  
}

#contact_info
{ float: right;
}

#contact_info li
{ display: inline;
	margin-left: 5px;
  font-family: "Agency FB", Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
  text-decoration: none;
  color:#512e90;
}

#contact_info img.contact_info_icon
{ margin-right: 5px;
}

#contact_info span
{ display: inline-block;
	position: relative;
	top: -5px;
	text-indent: -10000px;
	width: 135px;
  background-repeat:no-repeat;
	background-position: -200px 0px !important;	
}

#contact_info a
{ display: inline-block;
	position: relative;
	top: -5px;
	text-indent: -10000px;
  background-repeat:no-repeat;
	background-position: -200px 0px !important;	
}

#contact_info #phone span
{ width: 175px;
}
#contact_info #email a
{ width: 65px;
}
#contact_info #vcard a
{ width: 115px;
}

.big_text
{ display: block;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	line-height: 26px;
	font-size: 26px;
	color:#512e90;
}

#contact_info a:hover
{ background-position: 0px 0px !important;	
}

/* Footer */
#footer{ 
  /* background:#5d893a; */
  background:url('images/bg_footer.gif') repeat-x;
  height:96px;
  color:#FFF;
}
#footer_pad{
  width:932px;
  margin:0 auto;  
  position:relative;
}

#login_menu{ 
  position:absolute;
  z-index: 1;
  right:0;
  top:5px;

  color: #fff;
  font-size:8pt;
}

#login_menu li{ 
  float: left;
  margin-right: 20px;

  
}

#login_menu li a{ 
  color: #ffffff;
  padding-left:20px;
  text-decoration:none;
  color:#bfd0b0;
}
#login_menu li a:hover{
  background:url('images/location_bullet.gif') 3px 3px no-repeat;  
  color:#FFF;
} 


#services_menu
{ margin-bottom: 20px;
}

#service_menu li
{ display: inline;
}

#service_menu li a
{ color: #fff;
}


#footer_menu{

}

#footer_menu li{ 
  float: left;
  margin-right: 20px;
}

#footer_menu li a
{ color: #ffffff;
}

#locations{
  position:absolute;
  left:10px;
  top:10px;   
}
#locations *{
  font-size:8pt;  
}
#locations h4{
  font-weight:bold;  
}
#locations li{
  display:block;
  float:left;
  width:150px;
  margin-right:20px;
}
#locations a{
  display:block;
  padding-left:20px;  
  color:#bfd0b0;
  text-decoration:none;
}
#locations a.selected,
#locations a:hover{
  background:url('images/location_bullet.gif')3px 3px no-repeat;  
  color:#FFF;
}

#locations .detail{
  display:none;
  position:absolute;
  width: 500px;
  height:20px;
  top:60px;
  left:20px;  
}

#locations a.selected .detail,
#locations a:hover .detail{
  color:#FFF;
  display:block;  
}

#bottom_logos
{ position: absolute;
	left: 650px;
	width: 320px;
  border: 0px solid #fff;
}

#bottom_logos #featured_products
{ height: 20px;
	margin-top: 15px !important;
	margin-left: 2px;
	margin-bottom: 0px;
	padding: 0px;
  border: 0px solid #fff;
}

.bottom_logo
{ display: inline;
	margin-top: 11px !important;
	margin-right: 10px;
	padding-top: 0px;
	border: 0px solid #fff;
}

#main_menu_wrap{
  width:  932px;
  margin:0 auto;
  position:absolute;
  
}

/* Magic Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:block;clear:both;zoom:1}