@charset "utf-8";
/* CSS Document */
/* jdm2.0 */

/* forces FF to show right side scroll bar; avoids lateral page leap when page height is changed dynamically */
html{
overflow:scroll;	
}

body {
	color: #000000;
	background-image:url(images/backgroundTile_2.png);
	background-repeat:repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	/* lets IE6 recognize :hover on non-anchors */
    behavior: url("scripts/csshover3.htc");
}
input {
	margin:0;
	border:none;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a span {display: none;}
a {position:relative;}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
a:hover span {
	position:absolute;
	color:#FFFFFF;
	width:180px;
	height:35px;
	z-index:1;
	top: 18px;
	left: 49px;
	display:block; 
	padding:5px;	
	background:#7c7c7c;
	border: 1px solid #000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
} 
img {
	border:none;
	/* fixes IE6s issues with png transparency */
    behavior: url(iepngfix.htc);
	margin:none;
}
p {
	margin:0;
}
ul {
	margin:0;
	list-style-type:square;
	list-style-position:inside;
}
h1 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}
h2 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	display:inline;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	display:inline;
}
.floatCloser {
	float:none;
	clear:both;
}
#wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}
/* BEGIN - Help/index.php stuff */
#HelpWrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:98%;
	margin:5px auto 5px auto;
	border: #000000 1px solid;
}
.HelpContent {
	margin:10px 10px 10px 10px;
}
.section {
	margin:5px 0px 110px 0px;
}
.section2 {
	margin:0px 0px 40px 0px;
}
.help:link {
	color:#666666;
	border-bottom: 3px double;
	line-height: 1.5em;
}
.help:hover{
	color:#CCCCCC;
	border-bottom: 3px solid;
	line-height: 1.5em;
}
.help:visited{
	color:#666666;
	border-bottom: 3px double;
	line-height: 1.7em;
}
/* END - Help/index.php stuff */
#aboveTheGraphic {
	border-width:1px 1px 0 1px;
	border-color:black;
	border-style:solid;
}
#belowTheGraphic {
	border-width:0 1px 1px 1px;
	border-color:black;
	border-style:solid;
}
.topArea {
	width:898px;
	height:145px;
	position:relative;
}
#topLogo {
	width:138px;
	height:66px;
	float:right;
	margin:16px 16px 0 0;
}
#topLogo a{
	display:block;
	width:100%;
	height:100%;
}
#topLogo a:hover{
	text-decoration:none;
}
#topSearchBox {
	width:241px;
	line-height:23px;
	height:23px;
	float:left;
	margin:16px 0 0 16px;
	display:block;
}
.greySpacerBar {
	width:898px;
	height:6px;
	background-color:#CCCCCC;
	/* necessary b/c IE6 adds space for 'ghost characters' */
	font-size:0;
}
#mainNav {
	width:606px;
	height:21px;
	position:absolute;
	right:19px;
	bottom:5px;
}
.headerGraphic {
	/* necessary b/c FF adds space for letter descenders on the index page, resulting in a 'gap' underneath the Flash animation */
	font-size:0;
	margin:0;
	padding:0;
}
#innerPageHeaderGraphic{
width:898px;
height:130px;
border-width:0 1px 0 1px;
border-style:solid;
border-color:black;
}
.breadcrumb {
	font-size:10px;
}
.content {
	height:100%;
	width:100%;
	width:898px;
}
.contentHolder {
	width:838px;
	margin:22px auto 22px auto;
}
/* Main Nav */

#mainNavTable {
	border-spacing:0;
}
#mainNavTable td {
}
#mainNavTable a {
	display:block;
	height:21px;
	width:100%;
}
#mainNavTable a:hover{
	text-decoration:none;
}
.tdNavSpacer {
	width:19px;
	height:21px;
}
#tdNavHome {
	width:58px;
	background:transparent url(images/spriteMap.png) -2px -68px no-repeat;
}
#tdNavAboutUs {
	width:60px;
	background:transparent url(images/spriteMap.png) -79px -68px no-repeat;
}
#tdNavServices {
	width:81px;
	background:transparent url(images/spriteMap.png) -158px -68px no-repeat;
}
#tdNavPackages{
	width:88px;
	background:transparent url(images/spriteMap.png) -516px -68px no-repeat; /* -516 */
}
#tdNavPortfolio {
	width:82px;
	background:transparent url(images/spriteMap.png) -258px -68px no-repeat;
}
#tdNavBlog {
	background:transparent url(images/spriteMap.png) -359px -68px no-repeat;
	width:49px;
}
#tdNavContact {
	background:transparent url(images/spriteMap.png) -427px -68px no-repeat;
	width:74px;
}
/* End Main Nav */
/* Begin How To */
.codeExample{
	background-color:#f0f0f0;
	padding:18px;
	font-family:"Courier New", Courier, monospace;
}
.code{
	font:"Courier New", Courier, Consolas, monospace;
}
/* End How To */
.expandableContent{
	background-color:#f0f0f0;
	padding:18px;
}
.expandSwitches {
	margin:10px 0 10px 0;
}
/* Offers */

.offers {
	margin:14px auto 14px auto;
	width:866px;
}
.offerContainer {
	background-color:#E1E1E1;
	width:423px;
}
.leftOffer {
	float:left;
}
.rightOffer {
	float:right;
}
.offerImage {
	position:relative;
	float:left;
	top:0;
	left:0;
}
.offerText {
	padding:12px 12px 12px 0;
	font-size:10px;
}
/* End Offers */

/* Secret Stash */

#secretStashBar {
	width:884px;
	height:24px;
	line-height:24px;
	padding-left:14px;
}
#secretStashBar a {
	color:#FFF;
}
#secretStashLinkArea {
	background-color:#EBEBEB;
	border-top:1px solid black;
	line-height:120%;
	padding:14px;
}
.secretStashSwitch {
	display:inline;
}
.secretStashColumn {
	padding-right:6px;
	width:168px;
	float:left;
	text-align:left;
}
.secretStashColumnHeader {
	font-weight:bold;
	padding-bottom:4px;
}
.outerFooter {
	width:898px;
	text-align:center;
	padding-top:6px;
	margin:auto;
	font-size:10px;
	font-weight:700;
}
/* End Secret Stash */

#marketingSearchButton {
	float:right;
	height:23px;
	width:23px;
}
#marketingSearchButton a {
	display:block;
	height:100%;
	width:100%;
}
#marketingSearchBox {
	padding:0;
	margin:0;
	float:left;
	width:212px;
	height:21px;
	border:1px solid black;
	color:#CCCCCC;
	line-height:21px;
}
.leftImage{
float:left;
margin:0 12px 0 0;
}
.leftImageBdr{
float:left;
margin:0 12px 5px 0;
border: 1px solid #000;
}
.rightImageBdr{
float:right;
margin:0 0 5px 12px;
border: 1px solid #000;
}
.rightImage{
float:right;
margin:0 0px 5px 5px;
}
.portfolioEntry{
border-bottom:1px dashed #666666;
margin: 0 0 20px 0;
}
.portfolioImage{
margin-bottom:20px;	
}
.borderImage{  
border-width:1px;
border-color:#000000;
border-style:solid;
}
#divCFR{
	border:1px solid #000;
}
#divCFR #inputsArea{
margin:0 auto 0 auto;
background-color:#f0f0f0;
width:100%;
}
#inputsInner{
	margin:0 12px 0 12px;
padding:12px 0 12px 0;
}
#inputsInner > div{
	width:49%;
}
#divCFR input{
border:1px solid #000;
margin-bottom:6px;
width:100%;
height:18px;
line-height:18px;
}
.l{
	float:left;
}
.r{
	float:right;
}
.checkbox{
width:12px;
float:left;
margin-right:12px;
}
#CFR_CTA{
background-color:#FFF;	
padding:4px;
font-size:16px;
font-weight:bold;
}
#CFR_submit{
width:100%; 
text-align:left;
padding-top:12px;
}
.SocialButton{
border-width:1px 1px 1px 1px;
border-style: solid;
border-color:#ddd #777 #777 #ddd; 
}
#priceTable{
border-width:1px 1px 1px 1px;
border-style: solid;
border-color:#000000 #000000 #000000 #000000;
}
/* Google Search API results */

div .gs-webResult .gs-title {color: #158bb2;}
div .gs-webResult .gs-title b {color: #000000;}
div .gs-webResult .gs-visibleUrl-short {color: #000000;}

/* results page */

.metricGraph{
	width:100%;
	text-align:center;
}
/* Tooltips Evolved by JDM (http://marketinghasevolved.com/)*/
abbr { border-bottom:1px dotted #666666; cursor:pointer; }
body div#toolTip { 
position:absolute;
z-index:1000;
width:350px;
background:#7c7c7c;
border:1px solid #000;
text-align:left;
padding:5px;
min-height:1em;
}
body div#toolTip p { margin:0;padding:0;color:#fff; }
body div#toolTip p em { display:block;margin-top:3px;color:#FFFFFF;font-style:normal;font-weight:bold; }
body div#toolTip p em span { 
color:#fff; 
}
/* end Sweet Tooltips */
.seperate{ margin-bottom:18px; border-bottom:1px dashed #666666;}