/*----------Native Styles----------*/
body {
	margin: 0px;
	padding: 0px;
	/*background-attachment: scroll;
	background-color: #1E323C;
	background-repeat: repeat-x;*/
	background: url(../images/bkg.png) repeat-x top left;
	
}

h2 {
	padding-bottom: -100px;
}

/*----------Layout Styles----------*/
.container_head {
	width: 890px;
	margin: 0px auto;
	/*position: relative;
	border-left: 3px solid #000;
	border-right: 3px solid #000;*/
	background-color: #FFFFFF;
	background: url(../images/page_bkg.png) repeat-y top left;
}
#container_head {
	width: 890px;
	margin: 0px auto;
	/*position: relative;
	border-left: 3px solid #000;
	border-right: 3px solid #000;*/
	background-color: #FFFFFF;
	background: url(../images/page_bkg.png) repeat-y top left;
}


#container {
	
	width: 890px;
	margin: 0px auto;
	/*position: relative;
	border-left: 3px solid #000;
	border-right: 3px solid #000;*/
	background-color: #FFFFFF;
	background: url(../images/page_bkg.png) repeat-y top left;
}

#header {
	position: relative;
	margin: 0px auto;
	width: 870px;
	height: 60px;
	z-index:200000;
}
#header2 {
	position: relative;
	margin: 0px auto;
	width: 870px;
	z-index:2;

}

#logo {
	background-image: url(../images/logo_new.gif);
	width: 264px;
	height: 50px;
	margin-left:5px;
	margin-top:5px;
}

#sidebar_box {
	background-image: url(../images/sidebar_box.gif);
	width: 170px;
	height: 52px;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	float: left;
	text-align: center;
	vertical-align: middle;
}
#right_header_nav {
	width:350px;
	 height: 26px; 
	 margin: 0px auto;
	 padding-right:26px;
	text-align: right;
	float:right;
}

#right_header_nav a {
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	text-transform:uppercase;
	color: #666666;
	text-decoration: none;
}

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


/*#nav {
	width:868px;
	height: 26px; 
	margin: 0px auto;
	text-align: right;
	background:url(../images/nav_bkg_off.gif) repeat-x top left;
	z-index:10000;
}

#nav a {
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover {
	color: #95AD1B;
}*/

#header_image {
	clear: both;
	width: 842px;
	height: 141px;
	margin:40px auto 10px auto;
	/*background-image: url(../images/header.jpg);*/
	z-index:2;
	postion:absolute;

}

#header_image2 {
	clear: both;
	width: 860px;
	height: 231px;
	margin:25px auto 10px auto;
	background-image:url(../images/customer-referece-manager-header.jpg);
	z-index:2;
	display:block;
	overflow:visible;
		postion:absolute;
}

#header_image #caption1 {
	position: absolute;
	top: 100px;
	left: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #fff;
	display: none;
}

#header_image #caption2 {
	position: absolute;
	top: 150px;
	left: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #fc0;
	display: none;
}

#col1 {
	width: 210px;
	margin-left:15px;
	float: left;
	height: auto;
	min-height: 600px;
}

#col2 {
	width: 610px;
	float: left;
	height: auto;	
	min-height: 600px;	
	border-left:solid 1px #cccccc;
	
}

html>body #col2 {
	height: auto;
}

#col3 {
	width: 290px;
	float: left;
	background-color: #00FF99;
	min-height: 600px;
	height: auto;
}

#col1 #page_title {
	/* width: 210px; */
	height: 15px;
	/*background-color: #1a2543;*/
	font-family: 'Verdana';
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	color: #666666;
	margin-left:20px;
}

#page_title p {
	display: inline;
}

#col1 #content {
	padding: 5px;
}

#col2 #content2 {
	width: 360px;
	float: left;
	padding-left:20px;
}

#col2 #content3 {
	width: 510px;
	float: left;
}

#col2 #sidebar_container {
	width: 190px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	float: right;
}

#col2 #sidebar {
	width: 190px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	float: right;
	border: 1px solid #ccc;
}


#col2 #sidebar_container2 {
	width: 30px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	float: right;
}

#col2 #sidebar2 {
	width: 30px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	float: right;
	border: 1px solid #ccc;
}

#footer {
	clear: both;
	margin:0px auto;
	width: 866px;
	height: 56px;
	background-color: #2D5064;
	background: url(../images/footer_bkg.jpg) repeat-x top left;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
}

#footer a:link { color: #71B8FF; text-decoration: none; }
#footer a:visited { color: #71B8FF; text-decoration: none; }
#footer a:active { color: #71B8FF; text-decoration: none; }
#footer a:hover { color: #71B8FF; text-decoration: underline; }

/*----------Typography Styles----------*/
#col1 .white {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

#col1 .blue {
	font-size: 14px;
	font-family: 'Trebuchet MS',Tahoma;
	font-weight: bold;
	color: #2D5064;
}

#col1 .vendorblue {
	font-size: 11px;
	font-family: 'Trebuchet MS',Tahoma;
	font-weight: bold;
	color: #2D5064;
}

#col1 a {
	text-decoration: none;
}

#col1 ul {
	list-style-image: url(../images/bullet.gif);
}

#col2 ul {
}

#col2 li {
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	margin-bottom: 7px;
}

#col2 .basic_ul {
	margin-left: 2.0em;
	margin-bottom: 0;
	padding-left: 0;
}

#col2 .basic_li {
	margin-bottom: 0px;
}

#col2 h1 {
	font-size: 14pt;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS",Tahoma;
	font-weight: bold;
	color: #2D5064;
}

#col2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
	color: #003366;
	margin-bottom: -12px;
}

#col2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
}

.col2_p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
}

#col2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0062C4;
	text-decoration: none;
}

#news a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
#news a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	text-decoration: underline;
}

#sidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #f90;
	margin-bottom: -10px;
}

#sidebar h2 {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
	color: #2D5064;
	margin-bottom: -12px;
}

#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin-bottom: 0px;
}

#sidebar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

#sidebar_box a {
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#sidebar_box a:hover {
	color: #999999;
}

/*-----------misc------------*/
.top_border {
	border-top: 1px solid #006699;
	padding-top: 5px;
}

#cc_form td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #333;
}
#cc_form i {
	font-weight: normal;
}

#resources_local li {
	margin-bottom: 0px;
	margin-top: 0px;
}

#testimonials_box {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

.border {
	border: 1px solid #666;
}

.condensed {
	line-height: 13px;
}

.inlined {
	display: inline;
}

.collapse_bottom_margin {
	margin-bottom: 0px;
}

.collapse_top_margin {
	margin-top: 0px;
}

.black {
	color: #000;
}
.lft_box_top{
width:200px;
background:url(../images/lft_box_top.gif) no-repeat top left;
height:27px;
}
.lft_box_middle{
width:200px;
background:url(../images/lft_box_middle.gif) repeat-y top left;
}
.lft_box_bttm{
width:200px;
background:url(../images/lft_box_bttm.gif) no-repeat top left;
height:27px;
}

/*----------Navigation Styles-----------*/
#nav {
	width:868px;
	\width: 868px; /* for IE5 and IE6 in quirks mode */
    w\idth: 868px; /* for IE6 in standards mode */
	height: 26px;
	margin: 0px auto;
	padding-right:20px 
}

#navholder{
z-index:200;
	position:absolute;
	margin: 0px auto;
	width:868px;
	\width: 868px; /* for IE5 and IE6 in quirks mode */
    w\idth: 868px; /* for IE6 in standards mode */
	height:30px;
	
}
#navholder2{
	margin: 0px auto;
	width:100%;
	position:relative;
	background:#1B4773 url(../images/nav_bkg_off.gif) repeat-x; 
	border-top:1px solid #000000; border-bottom:1px solid #000000;
	height:30px;
}
* html #navholder2 {height:30px; overflow:hidden;}
.menu2holder{
float:right;
width:100%;
text-align:right;
}
 /* common styling */
.menu2 {
float:right; 
/*width:486px;  with services added in*/
width:460px;
\width: 460px; /* for IE5 and IE6 in quirks mode */
w\idth: 460px; /* for IE6 in standards mode */
font-family: arial, helvetica sans-serif; font-size:11px; font-weight:bold;  color:#FFFFFF;
/*background:#1B4773 url(../images/nav_bkg_off.gif) repeat-x; */
margin:0 0 20px 0; /* for this demo only */ 
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#1B4773; color:#FFFFFF; width:152px; padding:4px 0; }

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#FFFFFF; padding:0px 16px; line-height:25px; height:30px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background:#666666 url(../images/nav_bkg_off_gray.gif); color:#ffffff;}

.menu2 ul li:hover a {background:#666666 url(../images/nav_bkg_off_gray.gif); color:#ffffff;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#aaa; margin-top:1px; left:0; width:152px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#aaa; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#000; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#000;  
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888; 
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#1B4773;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#000; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#000;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#1B4773; color:#FFFFFF;}


.left {clear:both;}

/*--------ROUNDED BOX-----------*/
.roundedboxtitle{
width:186px;
background:url(../images/rounded_box_title.png) no-repeat;
height:41px;
}
.roundedboxtitle_content{
padding:18px 16px 0px 16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#003366;
}
.roundedboxmiddle{
width:186px;
background:url(../images/rounded_box_middle.png) repeat-y;
}
.roundedboxcontent{
width:156px;
margin:0 auto;
min-height:200px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:10px 0px;
}
.roundedboxcontent2{
width:156px;
margin:0 auto;
min-height:100px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:10px 0px;
}
.roundedboxbttm{
width:186px;
background:url(../images/rounded_box_bttm.png) no-repeat;
height:20px;
}

/* rounded box long*/
.roundedboxlongtitle{
width:600px;
background:url(../images/rounded_box_long_top.png) no-repeat;
height:41px;
}
.roundedboxlongtitle_content{
padding:18px 16px 0px 16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#003366;
width:300px;
float:left;
}
.roundedboxlongmiddle{
width:600px;
background:url(../images/rounded_box_long_middle.png) repeat-y;
}
.roundedboxlongcontent{
width:560px;
margin:0 auto;
min-height:200px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:10px 0px;
}
.roundedboxlongcontent2{
width:560px;
margin:0 auto;
min-height:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:1px 0px;
}
.roundedboxlongbttm{
width:600px;
background:url(../images/rounded_box_long_bttm.png) no-repeat;
height:20px;
}

a.learnmore_sm {
background:transparent url(../images/learn_more_sm.png) repeat scroll 0 0;
display:block;
height:24px;
text-decoration:none;
width:125px;
}
a.learnmore_sm:hover {
background-position:-125px 0;
}
.offpage{
margin-left:-90000px;
}
/* vendor navigation*/
#vendornavbutton{
margin:0px;
padding:0px;
margin-left:0px;
 background:#66FF00;
}
#vendornavbutton li {
    display:inline;
    list-style:none;
	
}

#vendornavbutton li a {
    background:transparent url(../images/vendor_nav_button.png) no-repeat top left;
    display:block;
    float:left;
    height:32px;
    margin-right:15px;
	font-size:11px;
}

#vendornavbutton li a span {
    background:transparent url(../images/vendor_nav_button.png) no-repeat right top;
    display:inline;
    float:left;
    height:28px;
    padding:6px 10px 0 0;
    margin-left:10px;
    cursor:pointer;
	color:#003366;
}

#vendornavbutton li a:hover {
    background-position:0px -34px; 
}

#vendornavbutton li a:hover span {
    background-position:right -34px;  color:#000;
}
#vendornavbutton li a.vendornavon {
    background-position:0px -34px; 
}

#vendornavbutton li a.vendornavon span {
    background-position:right -34px;  color:#000;
}

#col2 .vendornavholder{
width:410px; float:left; height:32px; margin:0px; margin-bottom:20px; text-align:left; padding:0px;
}
.vendorlisting{
width:190px;
float:right;
}
a.listing {
display:block;
width:190px;
background:url(../vendor/images/become_listed.png) no-repeat right top;
height:34px;
}
a.listing:hover, #listingon{
background-position:-34px right;
}
.displace {     position: absolute;     left: -5000px;     }
.style_quote {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #2D5064;
	font-weight: bold;
}
#col2 h2.h2link{ padding-bottom:5px; display:block;}
#col2 h2.h2link a{ color:#003366;text-decoration:none; }
#col2 h2.h2link a:hover{ color:#333;text-decoration:underline; }

.textbold {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
font-weight: bold;
}
.red{font-family:Verdana, Arial, Helvetica,;color:#f00;font-size:14px;}
.red1{font-family:Verdana, Arial, Helvetica,;color:#f00;font-weight: bold;}
.blue1{font-family:Verdana, Arial, Helvetica,;color:#0062C4;font-size:14px;}
.dotted_div{
	background:#FFFFFF;
	border:1px solid #bfbfbf;
	padding:15px;
	}