@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("display.css");

html,body{
font-family:Georgia, "Times New Roman", Times, serif;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size:11px;
color:#000000;
font-weight:normal;
background-color:#B5B9B9;
line-height: 120%;
}



.maincontainer				{position:absolute; width:100%; min-width: 970px;}

p							{padding-bottom: 11px; line-height: 120%;}

div							{line-height: 120%;}

ul							{margin-top: 0px;}


a, a:visited, a:active		{color:#ff1c6b; text-decoration:none; border:none; outline: none;-moz-outline-style: none;}
a:hover, a:visited:hover	{color:#ff1c6b; text-decoration:none; border:none; outline: none;-moz-outline-style: none;}
a:focus{-moz-outline-style: none;outline: none;}




area:active
{
outline: none;
}

area:focus
{
-moz-outline-style: none;
}




a img {
    border: none;
    }
	
	img {
  border: none;
}


#content					{margin-left: auto; margin-right: auto; width: 823px; padding-top: 150px; padding-left: 60px;}

.rightdiv					{
	top:64px;
	color:#4F4F4E;
	right:20px;
	position:absolute;
	width:260px;
	z-index: 250;
}
.rightdiv a,
.rightdiv a:visited,
.rightdiv a:active			{color:#4F4F4E;text-decoration: none;font-weight:bold;}
.rightdiv a:hover,
.rightdiv a:visited:hover	{color:#4F4F4E;text-decoration: underline;font-weight:bold;}

.leftdiv					{top:64px;color:white;left:20px;position:absolute;width:260px; z-index:500;}

.hide						{display:none;}

.footerdiv					{top:820px;left:20px;position:absolute;width:480px;padding-bottom: 40px; color:#6D6F6F; font-size:12px; line-height: 16px;}
.footerdiv a,
.footerdiv a:visited,
.footerdiv a:active			{color:#6D6F6F;text-decoration: underline;}
.footerdiv a:hover,
.footerdiv a:visited:hover	{color:#6D6F6F;text-decoration: none;}

.pagetitle 					{font-size:25px; font-weight:bold; margin: 0px; padding: 0px; color: #FF1C6B; border-bottom-color:#fe3688; border-bottom-width: 1px; border-bottom-style:solid; width: 465px; padding-bottom: 14px; margin-bottom: 5px;}
.pagetitleemail					{
	font-size:25px;
	margin: 0px;
	padding: 0px;
	color: #6a6867;
	width: 465px;
	padding-bottom: 14px;
	margin-bottom: 5px;
}

.logotext					{font-size:13px; color:#4f4f4e; padding-left: 59px; line-height: 20px; text-decoration:none; padding-top: 10px;}
.logotext2					{font-size:13px; color:#4f4f4e; padding-left: 0px; line-height: 20px; text-decoration:none; padding-top: 10px;}


/******** blogs *********/

.bloglist_title				{float: left; width: 390px; font-size:12px; color: #FF1C6B; font-weight:normal; line-height:12px; padding-bottom: 6px;}
.bloglist_title a,
.bloglist_title a:visited	{color:#FF1C6B; text-decoration:underline;font-weight:normal;}
.bloglist_title a:hover,
.bloglist_title a:visited:hover	{color:#FF1C6B; text-decoration:none;font-weight:normal;}
.bloglist_content			{float: left; width: 390px; font-size: 12px; line-height:13px; color: #6a6867; }
.blogitem					{border-bottom-color: #cccccc; border-bottom-style:dotted; border-bottom-width: 1px; padding-top: 28px; padding-bottom: 28px;}

.rsslink					{color:#5E5E5E; font-size:18px;}
.rsslink a,.rsslink a:visited,.rsslink a:active
							{color:#5E5E5E; text-decoration:none;}
.rsslink a:hover,.rsslink a:visited:hover
							{color:#5E5E5E; text-decoration:underline;}

.rssbox						{padding:8px 10px 10px 10px;background-color:#F2F2F2;}
.rssbox img					{margin: 1px 10px 0px 0px;}							
							
.bloglist_description		{float:left;width: 360px;clear:none;}							
							
.calendardiv				{float:left;width: 27px;clear:none; height: 29px; background-image:url(../images/calendarback.gif); background-repeat:no-repeat; background-position: 10px 0px; padding: 0px 14px 0px 10px;}
.calendarday				{padding-top: 1px; font-size:8px;text-align:center; color:#FFFFFF;}
.calendardate				{font-size:14px; font-weight:bold;line-height: 14px;text-align:center; color:#636363;}

.blogcommentfield			{border-color:#dfdfdf; border-width:1px; border-style:solid;}	
.bloglist_userdate			{font-size:11px; color: #FF337A; padding-bottom: 10px;font-weight:normal;}

.blogtitle 					{font-size:25px; margin: 0px; padding: 0px; color: #ff1c6b; font-weight:bold; border-bottom-color:#fe3688; border-bottom-width: 1px; border-bottom-style:solid; width: 469px; padding-bottom: 14px; margin-bottom: 5px;}
.blogtags					{color: #999797; font-size:12px; height: 180px;}
.blogtags p					{padding-bottom: 2px;}

.blog_scroller				{height: 290px; width:314px; padding-right: 5px;float:left;display:inline;overflow:hidden;padding-top:4px;clear: none; color: #6a6867; font-size: 12px;}
.blog_scrollarea			{height: 290px;width:8px;display:inline;float:left;background-color:#B5B8B8;cursor:pointer;clear: none;}
.blog_scrollBarContainer	{height: 275px;}
.blog_scrollKnob			{width: 8px; min-height:10px; background-color:#FE3688;}
.blog_scrollForward, 
.blog_scrollBack			{width: 8px;height:11px; margin:0; background-color:#B5B8B8;}
.blog_scroller a			{color:#9387a7; text-decoration:none;}

.commentfielddiv			{width:314px; padding-top:5px;}
.commentfieldtitle			{float:left; width: 45px; clear:none; font-size: 12px; font-weight:bold; color:#6a6867;}
.commentfieldcontain		{float:left; width: 264px; clear:none;}
.commenterror				{float:left; width: 212px; padding-left: 45px; padding-bottom: 10px; clear:none;}
.commentbuttondiv			{float:left; width: 50px; padding-bottom: 10px; clear:none;}

.blogcomment				{width: 314px; padding-top: 4px;}
.blogcommenttitle			{font-size: 11px; padding-bottom: 4px;}
.blogcommenttext			{width:283px; padding:13px; border-width: 1px 0px 0px 0px; border-color:#DFDFDF; border-style:solid; background-color: #F7F7F7; color:#676564; font-size: 11px;}

.failed						{border-width: 1px; border-style:solid; border-color:#FF337A;}

/****** global ***********/
.pagecontent				{font-size: 12px; color: #6a6867; border-bottom: 1px dotted #CCCCCC;}
.pagecontent strong			{font-size: 11px; color:#ff1c6b; padding-bottom: 10px; font-weight:bold;}
.pagecontent h1				{font-size: 11px; color:#ff1c6b; padding-bottom: 10px; font-weight:bold;}
.pagecontent h2				{font-size: 11px; color:#ff1c6b; padding-bottom: 10px; font-weight:bold;}
.pagecontent h3				{font-size: 11px; color:#ff1c6b; padding-bottom: 10px; font-weight:bold;}
.pagecontent h4				{font-size: 11px; color:#ff1c6b; padding-bottom: 10px; font-weight:bold;}

.moreclients				{float: left; width: 90px; clear:none;}
.moreclients li				{margin-left:15px;list-style:disc;}

.newslettertitle			{color:#4d4d4b; font-size:12px;font-weight:bold; padding-left:4px; padding-top: 34px;padding-bottom: 4px;}
.newsletterfielddiv			{float: left; width: 135px; clear:none;margin-top: 0px;}
.newsletterfield			{border:none; background-color:#FFFFFF; width:131px; padding-left: 4px; height:15px; font-size:11px; font-family:Georgia, 'Times New Roman', Times, serif;margin-top: 0px;}
.newsletterbuttondiv		{float: left; width: 16px; clear:none; margin-top: 0px; _margin-top: 1px;}
.newsletterreturn			{padding-top:3px; font-size:11px; color: #4d4d4b; padding-left: 4px;}

/****** Case Study *******/
.casetitle 					{margin: 0px; padding: 0px; border-bottom-color:#fe3688; border-bottom-width: 1px; border-bottom-style:solid; width: 469px; padding-bottom: 14px; margin-bottom: 5px;}

.projecttitle				{font-size: 25px; font-weight:bold; color: #ff1c6b; padding-bottom: 12px;padding-top: 18px;}
.projecttext				{font-size:12px; color: #6a6867; width: 294px; float: left; clear:none;}
.projectthumbs				{float: right; clear: none; width: 119px;}
.thumbproject				{background-image:url(../images/thumbback.gif); background-position:0px 0px; background-repeat:no-repeat; width:95px; height: 66px; padding: 10px;}
.projectcontent				{width:448px;border-width: 0px 0px 1px 0px; border-style:solid; border-color:#FE3688;padding-bottom: 10px;margin-bottom: 10px;}

.case_scroller				{height: 470px; width:448px;float:left;display:inline;overflow:hidden;padding-top:4px;clear: none;}
.case_scrollarea			{height: 470px;width:8px;display:inline;float:right;background-color:#B5B8B8;cursor:pointer;clear: none;}
.case_scrollBarContainer	{height: 455px;}
.case_scrollKnob			{width: 8px; min-height:10px; background-color:#FE3688;}
.case_scrollForward, 
.case_scrollBack			{width: 8px;height:11px; margin:0; background-color:#B5B8B8;}
.case_scroller a			{color:#9387a7; text-decoration:none;}



/****** Testimonials *******/

.event_scroller				{height: 490px; width:448px;float:left;display:inline;overflow:hidden;padding-top:4px;clear: none;}
.event_scrollarea			{height: 490px;width:8px;display:inline;float:right;background-color:#B5B8B8;cursor:pointer;clear: none;}
.event_scrollBarContainer	{height: 475px;_height: 455px;}
.event_scrollKnob			{width: 8px; background-color:#FE3688;}
.event_scrollForward, 
.event_scrollBack			{width: 8px;height:11px; margin:0; background-color:#B5B8B8;}

.testimonial_title			{float: left; width: 440px; font-size:11px; color: #ff1c6b; padding-bottom: 10px;}
.testimonial_content		{float: left; width: 440px; font-size: 12px; color: #6a6867; padding-bottom: 18px; border-bottom-color: #cccccc; border-bottom-style:dotted; border-bottom-width: 1px; margin-bottom: 18px;}

/****** Navigation ******/
ul .first					{margin: 0px; padding: 0px; border-width:0px;background-color:#C4C6C6;border-collapse:collapse;list-style:none;line-height:15px;font-size:13px;margin-top: 0px;}
.first li					{float: left; display:block; border-width: 0px; width: 154px; height: 18px; padding: 0px; margin: 0px;  background-color: #C4C6C6; clear:both; list-style:none; color: #535251; font-size: 13px; line-height:15px;}
.first li a,.first li a:visited,.first li a:active
							{display:block; width: 149px; height: 16px; margin: 0px; padding-left: 5px; padding-top: 2px; background-color:#BDC1C1; text-decoration: none; font-size: 13px; line-height:15px; color: #535251;}
.first li a:hover,.first li a:visited:hover
							{float: left; display:block; width: 149px; height: 16px; margin: 0px; padding-left: 5px; padding-top: 2px; background-color:#CFD1D0; text-decoration: none; font-size: 13px; line-height:15px; color: #535251;}
.first li .current			{float: left; display:block; width: 149px; height: 16px; margin: 0px; padding-left: 5px; padding-top: 2px; background-color:#ACAEAD; text-decoration: none; font-size: 13px; line-height:15px; color:#FFFFFF;}
.first li .menublog			{float: left; display:block; width: 149px; height: 16px; margin: 0px; padding-left: 5px; padding-top: 2px; background-color:#A7AAAA; text-decoration: none; font-size: 13px; line-height:15px; color:#FFFFFF;}
.first li .readblog			{float: left; display:block; width: 149px; height: 16px; margin: 0px; padding-left: 5px; padding-top: 2px; background-color:#CFD1D0; text-decoration: none; font-size: 13px; line-height:15px; color: #535251;}

.second						{padding: 0px; margin: 0px;}
.second li					{float: left; display:block; padding-left: 18px; width: 136px; background-color: #ffffff; height: 18px; padding:0px; clear:both; list-style:none; color:#B2B2B2; font-size:13px; background-image:url(../images/navbullet.gif); background-repeat:no-repeat; background-position: 7px 7px;}
.second li a,.second li a:active,.second li a:active
							{float: left; display:block; width: 136px; height: 16px; padding-top: 2px; padding-left: 18px; background-color:#ffffff; color:#B2B2B2; font-size:13px;background-image:url(../images/navbullet.gif); background-repeat:no-repeat; background-position: 7px 7px;}
.second li .menublog		{float: left; display:block; width: 136px; height: 16px; padding-top: 2px; padding-left: 18px; background-color: #A7AAAA;color:#B2B2B2; font-size:13px;background-image:url(../images/navbullet.gif); background-repeat:no-repeat; background-position: 7px 7px;}
.second li .menublog a:hover,.second li .menublog a:visited:hover
							{float: left; display:block; width: 136px; height: 16px; padding-top: 2px; padding-left: 18px; background-color: #CFD1D0;color:#B2B2B2; font-size:13px;background-image:url(../images/navbullet.gif); background-repeat:no-repeat; background-position: 7px 7px;}
.second li a:hover,.second li a:visited:hover{display:block; width: 136px; height: 16px; padding-top: 2px; padding-left: 18px; background-color:#CFD1D0;color:#B2B2B2; font-size:13px;background-image:url(../images/navbullet.gif); background-repeat:no-repeat; background-position: 7px 7px;}

/* Tool tips need to capy and rename all below for new size */
/*.tool-tip {
	color: #FFFFFF;
	width: 207px;
	z-index: 13000;
	
	padding:0 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ffffff;
	padding: 8px 8px 4px;
	background-image: url(/images/tooltipback.gif);
	background-position: left top;
	background-repeat:repeat;
	display:block;
}
.tool-text {
	font-size: 9px;
	line-height: 120%;
	background-image: url(/images/tooltipback.gif);
	background-position: left bottom;
	background-repeat: repeat-y;
	text-align:left;
	padding-bottom: 8px;
	display:block;
}*/

.tool-tip {
	color: #FFFFFF;
	width: 207px;
	
	z-index: 13000;
	background-image: url(../images/tippoint.gif);
	background-position: left 20px;
	background-repeat: no-repeat;
	padding:8px 8px 8px 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ffffff;
	padding: 8px 8px 4px;
	background-image: url(../images/tooltipback.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display:block;
}
.tool-text {
	font-size: 11px;
	line-height: 120%;
	background-image: url(../images/tooltipback.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align:left;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}

.tool-text .moreclients{
	font-size: 9px;
}



.tool-title span {
background-color:#000000;
}

.tool-text span {
background-color:#000000;
}

.tool-Subtitle {
	font-size: 9px;
	padding: 4px 8px 8px;
	color: #E98285;
	line-height: 110%;
	font-style:italic;
	
}
/* tool tip end*/

.tool2-tip{
	color: #fff;
	width: 207px;
	z-index: 13000;
	height:30px;
	background-image: url(/images/tooltipbacksmall.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
}
 
.tool2-title{
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	color: #ffffff;
	padding: 14px 8px 14px 8px;
		
/*	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ffffff;
	padding:  10px 4px 10px 8px;
	background: url(/images/tooltipbacksmall.gif) top left;*/
}
 
.tool2-text{
	font-size: 11px;
	padding: 4px 8px 8px;
	/*background: url(/images/tooltipbacksmall.gif) bottom right;*/
}
.backbut {
	height: 15px;
	clear: none;
	float: right;
	padding-right: 16px;
	padding-top: 1px;
} 
.backbut img { clear:none;}
.closebutton img { clear:none;}

/* ---loading--- */

#loadingdiv{
	background-color:#B5B9B9;
	background-position:50% 30%;
	background-repeat:no-repeat;
	height:900px;
	position:absolute;
	width:100%;
	z-index:501;
	opacity:0.8;
	filter:alpha(Opacity=80);
	display:none;
}

#progress {
	margin: 220px auto 10px;
	left: auto;
	right: auto;
	width: 200px;
	height: 12px;
	padding: 2px;
	border: 0px solid transparent;
	z-index: 502;
	position:relative;
}
 
#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 2px;
	background: #FF337A;
	color: #fff;
	font-weight: bold;
	line-height: 0px;
	font-size:0px;
}

.projecttext a, .projecttext a:visited, .projecttext a:active		{color:#ff1c6b; text-decoration:none; border:none; outline: none;}
.projecttext a:hover, .projecttext a:visited:hover	{color:#ff1c6b; text-decoration:none; border:none; outline: none;}

.blog_scroller a, .blog_scroller a:visited, .blog_scroller a:active		{color:#ff1c6b; text-decoration:none; border:none; outline: none;}
.blog_scroller a:hover, .blog_scroller a:visited:hover	{color:#ff1c6b; text-decoration:none; border:none; outline: none;}