@charset "UTF-8";
/*CollabMethods CSS Document */


/* redefinitions */
body  {
	font: 80% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: #eeeeee;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #3a3a3a;
}
h1{	color: #526194;	font-family: Arial, Helvetica, sans-serif;	size:20%;}
h1 a {font-size:50%; text-decoration:none;}
h2{size:50%;}
img {border:0px;}
a{	color: #0033FF;
text-decoration:none;}
a:hover {
	text-decoration: underline;
}

/* Basic Width etc */
.twoColElsRtHdr #container { 
	width: 982px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-image:url(Images/ContentBackground.gif);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


/* Header */
.twoColElsRtHdr #header { 
	background-image:url(Images/Header.gif);
	height:115px;
} 
.twoColElsRtHdr #header #Logo {float:left;
margin-left:10px;
margin-top:60px;
}
.twoColElsRtHdr #header #MainNav {float:Right;
margin-right:50px;
margin-top:75px;
}
.twoColElsRtHdr #header #MainNav UL LI {
display:inline;
}
.twoColElsRtHdr #header #MainNav a {
  float:left;
  padding:27px 0 0 0;
  overflow:hidden;
  height:0px !important; 
}
.twoColElsRtHdr #header #MainNav a:hover {
  background-position:0 -27px;
}
.twoColElsRtHdr #header #MainNav a.selected {
  background-position:0 -54px;
}
#nav-1 a {
  width:46px;
  background:url(Images/MainNav1_Home.gif) no-repeat;
}
#nav-2 a {
  width:81px;
  background:url(Images/MainNav2_AboutUs.gif) no-repeat;
}
#nav-3 a {
  width:86px;
  background:url(Images/MainNav3_Solutions.gif) no-repeat;
}
#nav-4 a {
  width:79px;
  background:url(Images/MainNav4_Benefits.gif) no-repeat;
}
#nav-5 a {
  width:105px;
  background:url(Images/MainNav5_Case.gif) no-repeat;
}
#nav-6 a {
  width:102px;
  background:url(Images/MainNav6_Consultants.gif) no-repeat;
}
#nav-7 a {
  width:85px;
  background:url(Images/MainNav7_ContactUs.gif) no-repeat;
}



/* Main Images */
.twoColElsRtHdr #MainImage{
margin-left:2px;}


.RelatedLinks{
text-decoration:none;
color: #858484;
}
.RelatedLinks:hover{
color:#0076c9;
text-decoration:none;}


/* Right side */

.more {
color: #0076c9;
text-decoration:none;}
.twoColElsRtHdr #sidebar1 {
	float: right; 
	width:300px; /* since this element is floated, a width must be given */
	padding: 10px; /* top and bottom padding create visual space within this div */	
}
/* Rounded Corners*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on Images dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:7px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
  font-size:85%;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(Images/Rounded_backgr.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 20px 0px 0px;

}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:5px; /* top slice width */
 margin-left:-5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:5px; /* bottom corner width */
 margin-left:-5px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px;
}




/* Main Content Area */

.twoColElsRtHdr #mainContent {
  	margin: 0 0px 0 10px; /* the left margin will look best if you match the padding amount to the header and footer. */
	padding: 0 25px 10px 20px;
	overflow:visible;	
}
.twoColElsRtHdr #mainContent UL{margin-top:-5px;}
.twoColElsRtHdr #mainContent UL LI {
list-style:url(Images/Bullet_arrow.gif);
line-height:150%;
margin-left:-20px;
padding-right:10px;
} 
.blocks{
 padding:15px; 
 background:#efefef;
 font-size:95%;
border-bottom:2px solid #ccc;}
 


/* Footer */
.twoColElsRtHdr #footer { 
	font-size:90%;
	border-top: 1px solid #999999;
	background-image:url(Images/Footer_background.gif);
height:110px;
} 
.twoColElsRtHdr #footer #FooterNav{
float:left;
padding-top:12px;
margin-left:-9px;
}
.twoColElsRtHdr #footer #FooterNav a{
color: #656565;
}
.twoColElsRtHdr #footer #FooterNav UL LI, .twoColElsRtHdr #footer #FooterContact UL LI{
display:inline;
padding-left:0px;
padding-right:10px;
}
.twoColElsRtHdr #footer #FooterContact{
float:right;
margin-top:12px;
margin-left:-5px;
}
.twoColElsRtHdr #footer #copyright{

margin-top:30px;
}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*Contact page*/

.twoColElsRtHdr #mainContent #contactList ul li{list-style:none;}

.twoColElsRtHdr #mainContent #contactList .email {margin:15px 0 0 -40px; background: url("Images/ico_email.gif") no-repeat; padding:5px 30px;}
.twoColElsRtHdr #mainContent #contactList .phone {margin:10px 0 0 -40px; background: url("Images/ico_phone.gif") no-repeat; padding:5px 30px;}
.twoColElsRtHdr #mainContent #contactList .snailMail {margin:10px 0 0 -40px; background: url("Images/ico_snailMail.gif") no-repeat; padding:5px 30px;}



 

[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsRtHdr #sidebar1 { padding-top: 30px; }
.twoColElsRtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]