/* very messy and needs a thorough clean-up.*/
/* Also needs work on making the code leaner and less reliant on quick fixes*/
/* will do for now*/
/*Feel free to steal but not sure why you'd want to*/

/*/////////*/
/* da core */
/*/////////*/
body {
	background: #FFF url(../images/bg.jpg) top left no-repeat;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size:11px;
	line-height:25px;
	margin-left:0px;
	margin-top: 0px;
	}

#logo {
display:none;
}

.hide {
display:none;
}

p {
	margin: 0;
	padding: 5px 0px 5px 0px;

}

#sidenav p {
 padding: 5px 0px 0px 0px;

}

.lined{
/*       border-top: 1px solid #ccc;*/
	   background-image:url(../images/common/bg_shade.gif);
	   background-repeat:no-repeat;
	   margin:0px 15px 0px 0px;
	   padding-top:5px;
 
    }



.twocolspan p {

	margin: 0px 5px 0px 10px;
	padding: 5px 0px 5px 0px;

}


.h1cover {
	color: #333;
	font-size:16px;
	line-height: 24px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	
	
}

h1 {
	color: #333;
	margin: 0px 0 0 0 !important;
	font-size:16px;
	line-height: 24px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	
	
}



h2:before {
 content: "\BB \ ";
 color: #ff0000;
}

h2 {
	color: #333;
	margin: 20px 0 0 0 !important;
	font-size:12px;
	line-height: 14px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	
	
}

h1.cover {
	color: #636363 !important;
	font-family: Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 20px !important;
	background:url(../images/common/h2_background.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-transform:none;
	font-weight:lighter;
	line-height:23px;
padding:0px 0px 20px 10px;
	/*border-bottom:1px solid #A4B161;*/	
}

h3 {
	color: #363636;
	margin:10px;
	font-family: Helvetica, Arial, Verdana, sans-serif !important;
	font-weight:normal;
	line-height:18px;
	font-size: 12px !important;
	font-weight:bold;
	border-bottom:1px #CCC solid;

}
h4 {	
	color: #aea3a3;
	margin: 0 0 0 0 !important;
	font-weight:normal;
	line-height:14px;
	font-size: 11px !important;
	
}

subheading {
	color: #666;
	margin: 0px 0 0 0 !important;
	padding:0px;
	font-size:12px;
}
/*
ol { 
	font-size: 20px !important;
	font-weight:bold;
	margin: 80px 0 0 0px !important;
	padding: 10px 0 0 20px !important;
	color:#CCC;

	}

*/
	
.bodylist { 


	}


hr { border: 0pt none ; margin-left:0px;color:#eee; background-color: #eee; height: 1px; }



a:link, div.twocolsonly a:link  {
	/*background-image:url(../images/common/link_highlight.gif);*/
	/*background-repeat: repeat-x;*/
	color:#333;
	font-weight:bolder;
	text-decoration:none;
	border-bottom: 1px dotted #ccc;
	}

a:hover  {
	background:#ea3f00;
	color:#fff;
	text-decoration: none;
}

a:visited  {
	/*background:#F0F0F0;*/
	/*background-image:url(../images/common/link_highlight.gif);
	background-repeat: repeat-x;*/
    font-weight:bolder;
	text-decoration: none;
	color:#666;
	}
a.imageslink:link { border:0px;
 }
a.imageslink:hover { background-color:transparent;
 }
 
 
/*/////////////////////////////////////////
special link tags
//////////////////////////////////////////*/

#footer a{
	background:#fff;
	background-image:url(../images/common/bullet_footer.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 20px;
	color:#666;
	font-weight:normal;
	text-decoration: none;
	}

	
#footer a:hover{
	background:#eee;
	background-image:url(../images/common/bullet_footer_highlight.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 20px;
	color:#000;
	font-weight:normal;
	text-decoration: none;
	}
#footer a.restricted {
	color:#CC6600;
	background-image:url(../images/common/lock.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}
#footer a.restricted:hover {
	background-image:url(../images/common/lock-hover.gif);
		background-repeat:no-repeat;
	background-position:left center;
	color:#551602;
}

#footer a.top{
	background:#fff;
	background-image:url(../images/common/arrow-top.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:10px;
	color:#666;
	font-weight:normal;
	text-decoration: none;
	}
	
#footer a.top:hover {
	background-image:url(../images/common/arrow-top-hover.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:left center;
	font-size:10px;
	color:#551602;
}
	
.inputfield
	{
	background: #EAE9E9 url(../images/common/inputfield_bg.gif) repeat-x 0px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #443;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}

#searchform input.search-btn
	{
	width: 54px;
	height: 21px;
	margin-left: 82px;
	border:0px;
	background-image:url(../images/common/search_btn.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	vertical-align: middle;
	}
#searchform input.search-btn:hover
	{
	width: 54px;
	height: 21px;
	margin-left: 82px;
	border:0px;
	background-image:url(../images/common/search_down.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:9px;
	color:#333;
	cursor: pointer;
	cursor: hand;

	}
	
a:link.articlelink {
	font-weight:bold;
	color:#CC3902;
	background-color:transparent;
}


nofx, img {
	background: transparent; 
	background-image:none;
	text-decoration: none;
	border:0px;
	}

.bolded img {
padding-top:3px;

}

.imgicon {
	vertical-align:middle;
}

	
/*/////////////////////////////////
end of special link tags
///////////////////////////////////*/

/*///////////*/
/*Structural */
/*///////////*/

	#wrapper {
		color: #666;
		width: 832px;
		background-image: url(../images/bg-wrapper.gif);
		background-repeat: repeat-y; 
		}
	#nav	{
		color: #333;
		text-align:left;
		padding-left: 50px;
		margin-bottom:0px;
		padding-bottom:0px;
	}

	.twocolspan	{
		float:left;
		width: 486px;
		padding-left:103px;
		padding-right:20px;
		margin: 0px;
		background:transparent;
	
		}
	
	
	/* only used on the home page */
	.firstcolsml {
		float:left;
		width: 181px;
		padding-left:103px;
		padding-right:0px;
		margin: 0px;
		background:transparent;
		float:left;
		}
		

.firstcol {
		float:left;
		width: 231px;
		padding-left:103px;
		padding-right:8px;
		margin: 0px;
		background:transparent;
		float:left;
		}
		
	.secondcol {
		
		float:left;
		width: 239px;
		padding-left:8px;
		padding-right:10px;
		margin: 0px;
		background:transparent;
		float:left;
		
	}

		#threecol {
		margin: 10 15 0 0;
		/*width: 701px;taken out because of problem with the padding within borderccc*/
		
	}	
	
	.twocolright {
		float:right;
		width: 486px;
		padding-left:8px;
		padding-right:20px;
		margin: 0px;
		background:transparent;
				
		
	}
	
	
	#footer {
	/* if more room needed in footer, increase height of background image*/
		clear:both;
		background-image:url(../images/footer_bg.gif);
		background-position:top left;
		background-repeat:no-repeat;
		color:#CCCCCC;
		padding: 60px 0px 200px 103px;
		font-size:10px;
		line-height:15px;
		}

	#right {
		padding:10px 0px 10px 540px;
	}

	
	#contacthide {
		border-bottom:1px solid #CCC;
		display:block;
		width:710px;
		height:225;
		margin:10px 0px 10px 103px;
		}
	
	#togglethis {
	
	}





	
/*home page feature list */
.homelist {
	height:94px;
	border:0px dotted #F7FCFF;
	border-top-width:1px;
	border-bottom-width:1px;
	padding:5px 20px 5px 45px;
	/*font-size:1.1em;*/
	background:#F7FCFF;
	overflow:hidden;
}
.homelist:hover {
	border-color:#B9BEC1;
	background:#FFF;
	cursor:pointer;
}

.clicklist {
	height:94px;
	border:0px dotted #F7FCFF;
	border-top-width:1px;
	border-bottom-width:1px;
	padding:5px 20px 5px 60px;
	/*font-size:1.1em;*/
	background:#F7FCFF;
	overflow:hidden;
}
.clicklist:hover {
	border-color:#B9BEC1;
	background:#FFF;
	cursor:pointer;
}

.topaccent {
background-image:url(../images/accent/bg_fp_btm.gif);
background-repeat:no-repeat;
 background-position: left top;
 padding:18px 10px 10px 10px;

}
strong {
	color: #666;
}


.one {
	background:url(../images/common/icon-conversation-d.gif) no-repeat 0px 10px;
	cursor:pointer;
} 
.one:hover {
	background:#FFF url(../images/common/icon-conversation.gif) no-repeat 0px 10px;
}
.two {
	background:url(../images/common/icon-growtribe-d.gif) no-repeat 0px 10px;
}
.two:hover {
	background:#FFF url(../images/common/icon-growtribe.gif) no-repeat 0px 10px;
}
.three {
	background:#FFF url(../images/common/icon-analytics-d.gif) no-repeat 0px 10px;
}
.three:hover {
	background:#FFF url(../images/common/icon-analytics.gif) no-repeat 0px 10px;
}
/* end of home page feature list*/

/*/////////////////////////*/
/*/ Typography and Styling */
/*/////////////////////////*/

.featurebox {
	display:inline;
	float: left;
	margin:0px 0px 16px 0px;
	padding:10px 5px 10px 5px;
	background: #F8F8F8;
	border-width: 1px 1px 1px 1px;
	background-image:url(../images/common/bevel_gray.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-style:solid;
	border-left-color:#F7F6F6;
	border-top-color:#F7F6F6;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	width:485px;
	
	}
.bignews {
	font-size: 15px;
	color:#666;
    font-family: helvetica,arial,sans-serif;
    line-height: 18px;
    letter-spacing: -1px;
	
	
	
	}

	
.thumbcard {
	float: left;
	margin:0px 10px 10px 0px;
	padding:10px 5px 10px 5px;
	background: #F8F8F8;
	border-width: 1px 1px 1px 1px;
	background-image:url(../images/common/bevel_gray_box.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	border-style:solid;
	border-left-color:#eee;
	border-top-color:#eee;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	width: 487px; 
	height:80px;
	font-size:10px;
	line-height:11px;
	cursor:crosshair;
	
	}
	
	
	.thumbcardplain {
	float: left;
	margin:0px 10px 10px 0px;
	padding:10px 5px 10px 5px;
	background: #fff;
	border-width: 0px 0px 1px 0px;
	border-style:dotted;
	border-bottom-color:#ccc;
	width: 487px; 


	
	}
	
#sidebubble, #sidebubble a:link, #sidebubble a:visited, #sidebubble p {
color:#FFF;	
}
	
	


.clientright {
	display:inline;
	float: left;
	margin:0px 0px 16px 10px;
	padding:10px 5px 10px 5px;
	background: #F8F8F8;
	border-width: 1px 1px 1px 1px;
	background-image:url(../images/common/bevel_gray.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-style:solid;
	border-left-color:#F7F6F6;
	border-top-color:#F7F6F6;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	width: 336px; 
	height:120px;
	
	}
	
.breadcrumbs a:link {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	
}
.breadcrumbs a:hover {
		color: #FFF;
	
}

.breadcrumbs a:visited {
		color: #CCC;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.tip {
	border:1px solid #CCC;
	background-color:#EEE;
	padding:10px 10px 10px 10px;
	font-size:10px;
	color:#333;
	
	}


/* thanks to positioniseverything for this....to clear the floats conatined within the wrapper*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



	#sidenav, #homenav	{
		clear: right;
		margin-left:5px;
		padding-left:20px;
		float:right;
		width:182px;
		font-size:10px;
		line-height:17px;
	
		}
	
	#homenav {
	padding:5px 15px 10px 0px;
	
	}
		#sidenav dl {
		padding:5px 15px 10px 0px;
		}
		#sidenav dt {
		padding-bottom:5px;
		}


#sidenav ul {
		list-style: none;
		border: none;
		padding: 0; /*removes indent Mozilla and NN7*/
		
	
		
		}
		

#sidenav a, #delicious-posts-DesignStamp a {
		display: block;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #FFF;
		color: #666;
		margin: 0px;
		font-weight:normal;
		text-decoration: none;
		width:97%;
		position:relative;
		font-size:10px;
		}
#homenav a {

color:#030;
}

#sidenav a:hover, #delicious-posts-DesignStamp a:hover {
	border-bottom: 1px solid #fff;
	background-color: #eee;
	color: #333;

		}		
	#sidenav a.activeparent{
		background-color: #fff;
		color: #000;
		font-weight:bold;
		}
	#sidenav a.activeparent:hover{
		background-color: #eee;
		color: #000;
		font-weight:bold;
		}				
	#sidenav a.parent {
		color: #666;
		font-weight:bold;
		}		
		
	#sidenav a.activechild {
	color: #666 !important;
	font-weight:bold;
		}		
		
		


#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	/*color: #666;*/
	background: transparent;
	clear: both;
	}

	

/*/////////////////////////////////////////////*/

/* got to have class */

/*/////////////////////////////////////////////*/


	
.more {
list-style:disc url(../images/common/arrow_right_double_ea3f00.gif) inside;
vertical-align:top;
line-height: 20px;

}


.twocolspan ul li {
	list-style: disc url(../images/common/bullet_arrow.gif) outside;
	vertical-align:top;
	line-height: 20px;
	margin-left:20px;
	}
/* where li is used without a ul eg. bookmark archive*/

 ul.noindent {margin-left: 0; padding-left: 0;}
 
 
ul.noindent li {
list-style: none;
	margin-left: 0;
	padding-left: 0em;
	text-indent: 0em;
	line-height:10px;

}

ul.noindent li a{
font-weight:normal;

}

li.noul {
	list-style: disc url(../images/common/bullet_arrow.gif) outside;
	vertical-align:top;
	line-height: 20px;
	margin-left:20px;
	}
	
ul.interactive li {
	list-style: disc url(../images/common/bullet_interactive.gif) outside;
	vertical-align:top;
	line-height: 20px;
	}
ul.usability li {
	list-style: disc url(../images/common/bullet_usability.gif) outside;
	vertical-align:top;
	line-height: 20px;
	}
	
ul.brand li {
	list-style: disc url(../images/common/bullet_brand.gif) outside;
	vertical-align:top;
	line-height: 20px;
	}

ul.print li {
	list-style: disc url(../images/common/bullet_print.gif) outside;
	vertical-align:top;
	line-height: 20px;
	}
ul.checklist li {
	list-style: disc url(../images/common/bullet_checklist.gif) outside;
	vertical-align:top;
	line-height: 20px;
	}
	
.twocolsonly{
	width: 465px;
	text-align: left;
	margin: 0;
	line-height: 20px;
	padding: 0px 15px 0px 231px;
	background:transparent;
	border: 0;
	border-top: 1px #CCC solid;
}

.author {
	font-size:9px;
	color:#999;
	line-height:8px;
	padding-bottom:5px;
	}

.smallprint {
	font-size:9px;
	color:#999;
	line-height:14px;
	/*background-image:url(../images/common/bg-smallprint.gif);*/
	}

.red {
	color:#CC3333;
}

.clientdesc {
	float:right;
	width:472px;
	}

#desc {
	width:480px;
	padding: 10px 5px 2px 5px;
	line-height:12px;
	margin-left:5px;
	background-repeat: no-repeat;
	background-position: 5px 0px;/*	margin-right:100px;*/
	background-image: url(../images/common/arrow-drilldown-parent.gif);
}
.clientimg {
	padding-left:5px;
	float:left;
}


.clientname {
	font-size:12px;
	color:#990000;
		}

.clientext {
	border: 1px solid #000;
	}

.notation {
    font-size: 11px;
    line-height: 14px;
    color: #333;
	background:url(../images/common/h2_background.gif);
	background-repeat:no-repeat;
	background-position:bottom;

    letter-spacing: -1px;
	border: 1px dotted #ccc;
	padding:0px 4px 4px 0px;
	margin:0px 10px 10px 20px;
}

.bolded{
font-weight:bold;
	color:#CCC;

}

.imghead{
	margin:5px 0px 0px 0px;
}



.emphasis {
	color: #000;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#eee;
	margin:0px 15px 15px -10px;
	padding: 2px 0px 2px 5px;
	letter-spacing: 2px;
}



.imginline {
	margin-bottom: -2px;
}

.borderCCC {
	border-top: 1px solid #eee;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	padding: 5px;
	/*background: url(../images/client/bg_case.gif);*/
	background-repeat:no-repeat;
	text-align:left;
}

.quotethis {
	background: url(../images/common/quote_curly.gif) 0px 0px no-repeat;
	padding: 5px;
	font-style:italic;
	color:#333;
	font-size:1.10em;
	padding:15px 38px 15px 38px !important;
	margin:10px 10px 10px 15px;
	border-width: 0px 1px 1px;
	border-color:#EEE;
	border-style: solid;
	
}



.submenu {
	line-height: 12px;
}


div.clearer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }




.listlogo	{
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	list-style: disc url(../images/common/bullet_ds.gif) outside;
	vertical-align: top;
			}
		
.nopad{
margin-left: 20px;
padding: 0 0 0 0px;

}
.numbered p {
	font-size: 12px;
	font-weight:normal;
	color:#666;
	vertical-align:top;
}

.externallink {
background-image:url(../images/common/external_website.gif);
background-position:right;
background-repeat:no-repeat;
padding-left 10px;
}

.pagebottom	{
	padding-bottom:10px;
	text-align: left;
	border: 0;
	background-image:url(../images/accent/dandelion.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	list-style-position: outside;
	list-style-image: url(../images/common/bullet.gif);
	}
	

.error {
	/*margin:40px 12px 10px 45px;
	font-size:9px;
	background-color:#CCC;
	color:#333;
	padding:10px 5px 10px 5px;
	border: 2px solid #cbcbcb;*/
	color:#CC0000;
	font-size:9px;
}
.error a:link {
	color:#4b5b7c;
}

#nav p{
padding-left:80px;
padding-right:40px;
}
	
.underline_red {
	background-image: url(../images/common/bg_underline.gif);
	background-position: 0px 28px;
	padding-bottom: 10px;
	color:#993300;
	background-repeat:repeat-y;
}
.gray666 {

	color:#666;
}

hr {
	color: #CCCCCC;
}

#commentbox {
	padding-top:45px;
	padding-left: 20px;
	padding-right:20px;
	padding-bottom:10px;
	background-image:url(../images/accent/bg-bevel.gif);
	background-repeat:repeat-x;
	background-color: #F3F1F1;
	/*border: 1px dotted #dedede; */
	}
.comments {
	font-size:9px;
	color:#939393;
	padding:10px;
	background: url(../images/accent/corner_lhs_shadow.jpg) no-repeat top left;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right:1px solid #efefef;
	border-bottom: 1px solid #cdcdcd;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

.comments p {
line-height:11px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* End of the sIFR standard code*/
.sIFR-hasFlash h1 {
	font-size:25px;
	line-height:30px;
	color: #7D7B73;
	margin: 10px 0 0 0 !important;
	visibility:hidden;
}
.sIFR-hasFlash h3 {
	font-size:18px;
	line-height:18px;
	color: #666666;
	margin: 10px 0 0 0 !important;
	visibility:hidden;
}

.sIFR-hasFlash h4 {
	font-size:16px;
	line-height:20px;
	color:#a9a6a6;
	margin: 10px 0 0 0 !important;
	visibility:hidden;
}

.sIFR-hasFlash h2.replace {
	color: #666666 !important;
	font-weight: bold !important;
	font-family: Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 15px !important;
	padding:18px 10px 0px 10px;

}

.sIFR-hasFlash .clientname {
	visibility: hidden;
	font-size: 14px;
	line-height:18px;
	color: #666666;

}

	.clearit {
	clear:both;
	}